歡迎來(lái)到合肥浪訊網(wǎng)絡(luò)科技有限公司官網(wǎng)
  咨詢(xún)服務(wù)熱線:400-099-8848

提高用戶(hù)體驗(yàn)的3個(gè)信息排布技巧

發(fā)布時(shí)間:2020-12-18 文章來(lái)源:本站  瀏覽次數(shù):2958

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

上一條:怎么經(jīng)過(guò)快捷鍵提高嫻熟用...

下一條:想要做好呼應(yīng)式網(wǎng)站,你得...