界面設計及交互分析
分析界面:boss直聘網頁版
職位頁面
- 用列表的方式展現各個招聘的信息,只展現了各個招聘信息的主要信息,沒有詳細信息,展現應聘者最關注的工做、地點、薪資等;信噪比高
- 根據親密性原則,若是信息之間關聯性越高,他們之間的距離就應該越接近,也越像一個視覺單元;boss直聘的職位頁面,將搜索條件和職位列表很明顯的作區分,篩選條件和搜索框放在一個單元,而且用顏色、間距作區分,體現了親密性的原則
- 利用對齊原則,界面中多處運用到對齊的原則,整個頁面的總體對齊;
- 重複原則:列表排版 排列 分割線等不少地方都用到了重複原則;
- 在配色上,主題色爲綠色,用橙色爲點綴色,頁面顏色使用少於三種,看起來是一個很舒服的狀態
- 在導航的設計上,運用了「7±2」原則,人類頭腦最好的狀態能記憶含有7±2項信息塊,在記憶了 5-9 項信息後人類的頭腦就開始出錯。導航設置爲五個,在下拉列表的選項中,也一樣適用;
- 在交互上,利用狀態課件原則,鼠標懸停在某個職位是,顯示"當即溝通"按鈕,運用到費茨定律(目標越大,移動距離越短,所需時間越少)和狀態可見原則
- 鼠標懸停在職位名稱時,展現詳細的職位信息,並且帶有不透明度;很容易把頁面中的內容看亂
歡迎關注本站公眾號,獲取更多信息