在網(wǎng)站建造中,關(guān)于用戶來說,導(dǎo)航和主頁是最大的依仗,也很有可能是最大的負(fù)擔(dān)。為什么這么說呢?導(dǎo)航和主頁,前者將所有的入口都列出了,后者將最風(fēng)趣的東西展現(xiàn)出來,但這些可能對(duì)用戶來說沒有什么意義,他們每次要從導(dǎo)航邊角的一個(gè)小小的一級(jí)菜單打開二、三級(jí)菜單,從導(dǎo)航找到相應(yīng)的頁面后,或許還要經(jīng)歷幾輪跳轉(zhuǎn)才干來到真正對(duì)他們有用的當(dāng)?shù)亍O旅婢蛷奶岣哂脩趔w驗(yàn)的角度來給大家共享3個(gè)網(wǎng)站設(shè)計(jì)信息排布的技巧:
1. 頻率>人群>邏輯
用單一的思想方法,信息排布方法很多,例如依照熱門程度、層級(jí)、依照任務(wù)類型……可是為了讓信息排布到達(dá)最佳效果,任何單一的思想方法都很難見效,并且最佳解決方案會(huì)由于外部條件、背景、人群等要素而無法確認(rèn),可是我認(rèn)為以下思考方法是適用大部分情況的。
首要,應(yīng)該把高運(yùn)用頻率的內(nèi)容放在最前面。用戶的時(shí)刻是很名貴的,如果能夠立即到達(dá)自己的意圖,就決不會(huì)去糾結(jié)信息排布是否完全符合邏輯。
接著,就要看運(yùn)用人群了。最理想的情況是,同一類用戶的活動(dòng)范圍在一個(gè)特定的區(qū)塊里,而不是分散在整個(gè)頁面。這樣用戶就不必遍尋整個(gè)頁面來進(jìn)行切換了。
最后,關(guān)于那些不太受到重視,可是又不能從界面移除的東西,就需要依照邏輯來排布了。這樣最能確保在用戶需要它們時(shí),能夠經(jīng)過邏輯關(guān)系找到。
2. 個(gè)性化
如果答應(yīng)個(gè)性化的話,信息排布就能夠不必那么糾結(jié)了。例如,在登錄時(shí)就能判別用戶類型,然后給出適合此類用戶的主頁和導(dǎo)航;或者,答應(yīng)用戶經(jīng)過拖拽等方法來自界說主頁和導(dǎo)航。
值得注意的是,個(gè)性化并不是肯定便是好的。某英國(guó)超市把自家購(gòu)物網(wǎng)站的主頁改成只顯示用戶以前購(gòu)買過的東西,這種個(gè)性化卻讓該網(wǎng)站的銷售量在當(dāng)月下降了幾個(gè)百分點(diǎn)(如果平時(shí)的月銷售量都是上升的,那么哪怕阻滯一個(gè)月也不是小問題)。他們發(fā)現(xiàn)后把主頁改回來,然后一切又康復(fù)正常了?梢妭(gè)性化雖然是個(gè)好的想法,可是要想把握好分寸,卻并不是那么融合。
3. 縱向>橫向
在排布信息時(shí),尤其是在網(wǎng)頁設(shè)計(jì)上,縱向排布通常比橫向排布優(yōu)先考慮。原因有三點(diǎn):
首要信息的寬度(字?jǐn)?shù))很難確認(rèn)可是高度(行數(shù))卻很好確認(rèn)。
其次大部分顯示器為寬屏,如果不考慮滾頁,那么橫向排布的間隔比縱向排布的間隔更長(zhǎng),更耗時(shí)刻。如果考慮滾頁,那么縱向移動(dòng)的間隔就大大縮短了,由于滾輪能夠替代大部分的鼠標(biāo)移動(dòng)。
最后,以手掌的結(jié)構(gòu)來說,橫向平行移動(dòng)比較縱向精確度是更低的,由于左右擺動(dòng)的軌跡是弧形而非直線,并且長(zhǎng)間隔的橫向移動(dòng)是需要抬起整個(gè)手掌才可能實(shí)現(xiàn)的。 |