從頁面設(shè)計(jì)的角度來講,這難題基本無解。信息入口分散是大勢(shì)所趨,而用戶必然在“瀏覽效率”與“內(nèi)容品質(zhì)”的雙重驅(qū)動(dòng)下,尋找自己的最優(yōu)解。門戶>頻道>欄目的多級(jí)索引結(jié)構(gòu),并不符合這個(gè)最優(yōu)解,內(nèi)容路徑的扁平化是難以阻擋的轉(zhuǎn)變方向。網(wǎng)絡(luò)媒體的舊模式正在受到挑戰(zhàn),危機(jī)與機(jī)遇并存。夏末秋初,冬去春來。
6、還是落點(diǎn)
接著講落點(diǎn)。當(dāng)視線定在一個(gè)點(diǎn)之后,余光通常會(huì)以這個(gè)點(diǎn)為軸心,掃射到附近的一小片位置。有經(jīng)驗(yàn)者的設(shè)計(jì)者會(huì)在中欄放頭條,左欄和右欄放少量圖片,或表格,或刻意留白,設(shè)置適度的落點(diǎn)。左欄和右欄的圖片不能多,尤其不能爭(zhēng)功,在同一條水平線上,左輕則右重,右輕則左重,引導(dǎo)用戶的視線更多在左中,或中右的兩欄之間移動(dòng)。
這是因?yàn)殚喿x的最佳寬度是500-600px,如果眼球左右轉(zhuǎn)動(dòng)的距離過長(zhǎng),眼部很容易疲累,從左欄到右欄橫向的大跳躍應(yīng)極力避免。頁面上到處都是落點(diǎn)的話,視線飄忽,看似琳瑯滿目(這在內(nèi)容頁面評(píng)價(jià)中是個(gè)貶義詞),卻降低了用戶的瀏覽耐心與停留時(shí)間。
7、下劃線
我以前在知乎回答過一個(gè)問題,為什么網(wǎng)易新聞不帶下劃線,新浪帶下劃線?當(dāng)時(shí)的回答內(nèi)容有點(diǎn)長(zhǎng),挑緊要的再講一次。帶下劃線的優(yōu)點(diǎn)是容易區(qū)分同一行的多條標(biāo)題,缺點(diǎn)是視覺上過于“漲,滿”而不夠清爽。
因此網(wǎng)易的視覺風(fēng)格為人稱道,但同樣面積內(nèi)的信息密度比新浪更低(主副標(biāo)題在我看來并不是成功的設(shè)計(jì))。如果非要一行放多條標(biāo)題,用戶分不清楚到底是一行多條,還是一條標(biāo)題用空格分了多截。這就是清爽的代價(jià),也是網(wǎng)易和新浪的媒體風(fēng)格差異。
8、tab
盡量避免在頻道首頁使用tab。即便在寸土寸金的網(wǎng)站首頁,也要盡量避免tab。在滿屏的圖文鏈接中,用戶注意力落在小小的tab上,這真不容易。內(nèi)容直接露出與tab內(nèi)的點(diǎn)擊量可以相差10倍——只能用“聊勝于無”四個(gè)字來形容。
不過,這道理也并非絕對(duì)。tab的設(shè)置與欄目相似,針對(duì)的是用戶的檢索需求。如果tab恰好與用戶的檢索關(guān)鍵字相同,相當(dāng)于他對(duì)這個(gè)題材的內(nèi)容高度敏感,就有可能主動(dòng)點(diǎn)擊tab,總比打開一個(gè)新的頻道或欄目頁面更快吧。在這里權(quán)衡的是信息獲取效率。
另外,建議同一欄的tab不要超過3個(gè),否則極不利于用戶的辨識(shí)與記憶。
【 微信掃一掃 】