界面設計分析

網站:掘金首頁佈局

網址:https://juejin.im/timeline網站


界面總體風格簡潔,高信噪比,摒棄無用元素,內容優先,符合尼爾森十大交互原則中的優美且簡約原則;設計

整個佈局模式符合雅各布定律;cdn

每一個模塊的結構一致,符合類似法則和同域原則、格式塔原則中的接近性原理、類似性原理、連續性原理、統一連通定律;blog

導航的呈現模式符合麥肯錫金字塔方法。排序



內容優先,將網站關鍵元素(企業logo、導航、社交類互動、排序、文章列表)按照尼爾森F形視覺設計。it



上圖中的點贊符合尼爾森十大交互原則中的環境貼切原則;io

點擊後變色而且數值+1符合尼爾森十大交互原則中的狀態可見原則;class

再次點擊可取消符合尼爾森十大交互原則中的用戶可控原則和容錯原則;原理

點贊和評論小圖標符合尼爾森十大交互原則中的一致性原則、簡潔法則、費茨定律;

排版符合接近法則。



在緊貼導航欄,可是卻在右邊,用戶優先瀏覽以後便可看到,符合尼爾森十大交互原則中的易取原則



尼爾森十大交互原則中的靈活高效原則、人性化幫助原則、審美可用效應、席克定律、同域原則、接近法則、類似法則、米勒定律、格式塔中的接近性原理、類似性原理、連續性原理。


總結:

大到整個網站,小到文字一個筆畫的結構,都是各類原則的組合,原則是將大衆熟知的總結起來,符合用戶則必然符合這些原則,但反之符合原則卻不必定符合用戶,交互設計應當遵循一些原則,但更應該去了解用戶,從用戶出發,本次僅列舉小部份內容。

相關文章
相關標籤/搜索