筆記:
1 ?信息層級的重要性
新圖蛇券,將不同的內容進行了強化與弱化。
因為人的眼睛在閱讀時焦點只有一個,無法同時聚焦多個焦點將所有內容進行平鋪瀏覽性雄。
所以要根據(jù)用戶對信息的需求程度進行層級篩選,將用戶需要的主要信息進行強化羹奉,不需要的次要信息進行弱化秒旋,先替用戶將信息進行篩選,以減少用戶的閱讀負荷
如右圖中诀拭,黑色字體的標題迁筛、還款內容,綠色的還款按鈕,灰色的次級標題细卧。
卡片中用戶關心的首要信息便是還款金額尉桩,所以進行了黑色字體強化。而次級標題只是對內容的標注贪庙,對內容無影響蜘犁,所以用灰色字體進行弱化。
還款按鈕做為用戶的核心行為止邮,從詳情內提出來并用綠色做強化提示用戶點擊这橙,讓用戶在一個頁面內完成由查看到還款的全部步驟,減少了用戶操作層級與操作負荷导披。
①前期了解和分析
1.1明確頁面定位幫助分析信息優(yōu)先級與核心行為
用戶是誰屈扎,來自哪里,頁面內容要提供什么撩匕,頁面的作用
1.2分析信息優(yōu)先級
一級信息吸引用戶鹰晨,必須少而精,設計上重點展示
二級信息幫助理解止毕,解釋一級信息模蜡,提煉精華,幫助用戶理解信息
三級信息詳細了解扁凛,做補充信息哩牍,更多作為一個展示入口提供跳轉功能
1.3分析用戶核心行為
用戶在不同階段會產生不同行為,而這些行為的最終導向應該是此頁面的核心行為令漂。
所以應該盡量簡化任務層級膝昆,使用戶在基礎階段產生的行為都導向用戶的核心行為,并使這個階段盡量縮短叠必。
②.建立信息層級的基本方法
2.1位置
優(yōu)先級依次:左上荚孵,右上,左下纬朝,右下
左右關注度差別小于上下關注度差別(因為人眼左右移動耗費能量更少)
用戶優(yōu)先關注首屏收叶,首屏信息應該比通過用戶滑動滾動條出現(xiàn)的其他層級優(yōu)先級更高
2.2大小
重要的元素要大一些,如果要表現(xiàn)差距共苛,如果一個元素的重要度是2判没,那就把他的大小做成4
同樣大小的照片,如果細節(jié)更清晰隅茎,就越容易吸引用戶的關注
2.3距離
格式塔原理澄峰,距離近的為一整體
2.4色彩
先暖色后冷色,暖色更吸引用戶點擊
③視覺流
用戶的瀏覽順序會形成視覺流
設計應該引導用戶的視覺流到達核心行為點辟犀,并盡量使其流暢且有規(guī)律可循
1.橫向視覺流
從左到右的視覺流動
2.縱向視覺流
引導用戶視覺從上到下俏竞,因為眼球縱向移動需要不斷對焦,縱向瀏覽模塊與橫向相同,但是瀏覽細節(jié)效率會變低魂毁。
所以縱向適合新聞模塊或其他玻佩,用戶先找到合適的模塊,后橫向瀏覽信息細節(jié)席楚。
最終歸納
分析用戶核心行為與信息優(yōu)先級
通過位置咬崔。大小。顏色烦秩。距離垮斯。內容形式。表現(xiàn)方法來確定優(yōu)先級
設計時常審視視覺流闻镶,看看用戶瀏覽是否順暢