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