分析界面：boss直聘網頁版

職位頁面

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