界面設計及交互分析

分析界面:boss直聘網頁版

職位頁面

  • 用列表的方式展現各個招聘的信息,只展現了各個招聘信息的主要信息,沒有詳細信息,展現應聘者最關注的工做、地點、薪資等;信噪比高

  • 根據親密性原則,若是信息之間關聯性越高,他們之間的距離就應該越接近,也越像一個視覺單元;boss直聘的職位頁面,將搜索條件和職位列表很明顯的作區分,篩選條件和搜索框放在一個單元,而且用顏色、間距作區分,體現了親密性的原則

  • 利用對齊原則,界面中多處運用到對齊的原則,整個頁面的總體對齊;
  • 重複原則:列表排版 排列 分割線等不少地方都用到了重複原則;
  • 在配色上,主題色爲綠色,用橙色爲點綴色,頁面顏色使用少於三種,看起來是一個很舒服的狀態
  • 在導航的設計上,運用了「7±2」原則,人類頭腦最好的狀態能記憶含有7±2項信息塊,在記憶了 5-9 項信息後人類的頭腦就開始出錯。導航設置爲五個,在下拉列表的選項中,也一樣適用;
  • 在交互上,利用狀態課件原則,鼠標懸停在某個職位是,顯示"當即溝通"按鈕,運用到費茨定律(目標越大,移動距離越短,所需時間越少)和狀態可見原則

  • 鼠標懸停在職位名稱時,展現詳細的職位信息,並且帶有不透明度;很容易把頁面中的內容看亂
相關文章
相關標籤/搜索