網(wǎng)站交互設(shè)計：從淘寶網(wǎng)首頁看內(nèi)容隨機展示應(yīng)用

開始之前先解釋下相關(guān)概念，當(dāng)然都是按自己的理解杜撰的。

　　什么是隨機展示?為什么會有這種需求?

　　從下圖可以看到，現(xiàn)在的網(wǎng)站，特別是電子商務(wù)網(wǎng)站，都有內(nèi)容切換模塊?；旧戏譃閮煞N，一種是tab內(nèi)容切換/js輪轉(zhuǎn)切換，都是用戶可以手動點擊切換或自動切換，用戶可以查看所有內(nèi)容，但一次只能查看一個單元內(nèi)容，稱之為“顯性隱藏”;一種是沒有切換按鈕，后臺有一個一定容量的內(nèi)容池子，在當(dāng)前模塊區(qū)域內(nèi)只能顯示固定數(shù)量的內(nèi)容，除非用戶刷新網(wǎng)頁，用戶看不到其余的內(nèi)容，稱之為“隱形隱藏”。

不管是顯性隱藏還是隱形隱藏，都需要用戶交互互動后才能看到全部內(nèi)容或者更多內(nèi)容，即使是自動切換的也是需要用戶等待一段時間才能達到前面的目標(biāo)(看到全部內(nèi)容或者更多內(nèi)容)。但從數(shù)據(jù)統(tǒng)計來看，沒有交互的設(shè)計才是最好的，因為用戶真的很“懶”，沒有多少人原因去點擊切換，有隱藏等交互的內(nèi)容區(qū)域，除去設(shè)計和內(nèi)容的因素之外，往往第一個顯示模塊的點擊率比其它的內(nèi)容要高很多。

　　在這種情況下，如何保證每個切換模塊的內(nèi)容的展示機會均等?那就是隨機展示，不管是顯性隱藏還是隱形隱藏，通過程序來控制每次用戶第一次打開的內(nèi)容都是不一樣的，這樣就能保證自然狀態(tài)下，每個內(nèi)容的展示機會是均等的，從而避免從宏觀上來看很多內(nèi)容根本就沒有和用戶見面的機會。

說了這么多，回歸正題來看看淘寶首頁是怎么做的，從截圖來看，淘寶首頁一共有10個顯性隱藏或者隱形隱藏區(qū)域(有廣告圖片、促銷信息、單品、功能，但都可歸類為內(nèi)容)，基本上都是采用隨機展示的方式來保證每個內(nèi)容模塊的展示機會是一樣的，大家可以手動刷新看看，每個顯性隱藏或者隱形隱藏區(qū)域第一次展示的內(nèi)容都是不一樣的。

不過一個頁面有這多的隱藏展示區(qū)域，個人感覺從易用性來說并不好，還是要掌握好一個度，畢竟用戶“懶”是一個方面，另一方面太多的隱藏內(nèi)容也會影響加載速度。特別是自動切換的展示方式更應(yīng)該慎用，如果一屏之類有太多的動態(tài)切換，對用戶干擾太大。當(dāng)然自動切換的方式也有很多種，國內(nèi)的都喜歡帶點動畫，要么上下要么左右，動作挺大的，一屏之內(nèi)如果超過2個區(qū)域都這樣子的話，用戶就很難集中精力去看他想看的內(nèi)容了。關(guān)于這一點，棒子做的比較好，盡管棒子的網(wǎng)站從上到下都是隱藏/顯示的區(qū)域，但人家的切換方式比較低調(diào)，只換內(nèi)容，不帶動作，就是簡單的顯示隱藏切換，這樣視覺上來看變化不大，甚至有時候悄無聲息的。當(dāng)然從網(wǎng)站定位來看，taobao首頁作為超級入口，又有超級多的用戶做后盾，有這么多的隱藏切換區(qū)域也很正常。而棒子的網(wǎng)站另當(dāng)別論，可能棒子用戶適應(yīng)這樣的感覺，再說人家的帶寬也夠給力。

　　可以看個棒子的網(wǎng)站，首頁居然有13個隱藏展示區(qū)域，當(dāng)然都是采用隨機方式，切換方式很低調(diào)，顯示和隱藏，不帶過渡動畫。

附帶幾個棒子網(wǎng)站地址，感興趣的同學(xué)可以看看：

　　http://www.11st.co.kr

　　http://www.bandinlunis.com

　　http://www.shilladfs.com

　　http://www.lotte.com

　　文章來源：uedwow