開心網(wǎng)的頁面設計是最徹底的“F”
日期:2012/1/10 / 人氣:
報告中提出,大多數(shù)情況下瀏覽者都不由自主的以“F”形狀的模式閱讀網(wǎng)頁,這種基本恒定的閱讀習慣決定了網(wǎng)頁呈現(xiàn)F形的關注熱度。分為最熱(紅色)、較熱(黃色)、不熱(藍色)和基本不關注(灰色)4種。
再看開心網(wǎng)的頁面,用3條導航在每個頁面都構(gòu)建了一個大“F”。
頂部導航是與“交流”相關的頻道,包括好友列表、群組和消息中心,這些都是要與其他用戶發(fā)生關系的產(chǎn)品。 左側(cè)導航是用戶個人操作的產(chǎn)品,包括日記、照片,及其他新增的組件。在頻道的頁面內(nèi),大部分又都有一個相同樣式的頁卡標簽,通常為“我的XX”和“好友的XX”。
佛山網(wǎng)站建設_佛山網(wǎng)站制作_佛山網(wǎng)站設計_佛山網(wǎng)站_佛山網(wǎng)頁設計_佛山網(wǎng)頁建設_佛山網(wǎng)頁制作
這三條導航構(gòu)成一個巨大的“F”型框架,網(wǎng)站不同頁面保持結(jié)構(gòu)一致,使得用戶在網(wǎng)站使用過程中的學習成本最低,一次經(jīng)驗,全站通用。同時讓用戶更愿意嘗試開心網(wǎng)上其他產(chǎn)品,因為用戶預期中其他產(chǎn)品的使用方法相同,不需要一個重新的學習過程,嘗試的成本較低。
而不同產(chǎn)品頁面結(jié)構(gòu)各異的網(wǎng)站,用戶使用任何一個產(chǎn)品和頻道都是一次全新的學習和摸索過程,甚至連找到一個返回鏈接,都是一次大傷腦筋的走迷宮,這會讓用戶產(chǎn)生巨大的挫折感,更不愿意去嘗試該網(wǎng)站的其他產(chǎn)品,因為用戶不知道下一個產(chǎn)品又將是怎樣一次令人頭痛的探索歷程。
從上圖中我們可以看到,頁面中大部分區(qū)域用戶都不會去關注,所以在單個頁面上,開心網(wǎng)的每個頁面內(nèi)可以操作和點擊的鏈接都非常少,且集中大“F”型熱點區(qū)域。這向用戶傳達的信息是:在這里,你只需了解極少的操作就可以使用這個網(wǎng)站。
而那些內(nèi)容豐富,堆滿鏈接和按鈕的網(wǎng)站頁面中,也許整個頁面只有一個鏈接對用戶是有價值的。但是用戶來到這里,既要有足夠的智慧和眼力排除所有干擾信息去找到那個唯一有價值的鏈接,同時還要面對如果我不點擊其他的鏈接是否會錯過某些重要信息的困擾和焦慮。
頁面中哪些是無效信息,網(wǎng)站工作人員最清楚,但是他們卻把排除干擾信息這種復雜的工作交給用戶,將用戶逼入一種煩躁和焦慮的困境中。這種痛苦的使用體驗只會將用戶全部趕走。
作者:朋友圈科技
相關內(nèi)容 Related
- 為什么響應式設計需要媒體查詢2016/8/5
- 虛擬主機被搜索引擎爬蟲訪問耗費大量流量解決方法2016/8/3
- 網(wǎng)站建設中如何創(chuàng)建完美的顏色組合2016/8/1
- 什么是長尾關鍵詞?2016/8/1
- 建設企業(yè)或個人網(wǎng)站的好處2016/7/8
- 前端開發(fā)者需要知道的常識2016/7/6
- 12種方法為您拓展業(yè)務通道2016/7/27
- SEO優(yōu)化的三大技巧2016/7/24
- 10的方法來提高你的網(wǎng)站設計2016/7/24
- 網(wǎng)站統(tǒng)計用哪個比較好,百度?cnzz?2016/7/21


