界面设计及交互分析

分析界面:boss直聘网页版

职位页面

  • 用列表的方式展现各个招聘的信息,只展现了各个招聘信息的主要信息,没有详细信息,展现应聘者最关注的工做、地点、薪资等;信噪比高

  • 根据亲密性原则,若是信息之间关联性越高,他们之间的距离就应该越接近,也越像一个视觉单元;boss直聘的职位页面,将搜索条件和职位列表很明显的作区分,筛选条件和搜索框放在一个单元,而且用颜色、间距作区分,体现了亲密性的原则

  • 利用对齐原则,界面中多处运用到对齐的原则,整个页面的总体对齐;
  • 重复原则:列表排版 排列 分割线等不少地方都用到了重复原则;
  • 在配色上,主题色为绿色,用橙色为点缀色,页面颜色使用少于三种,看起来是一个很舒服的状态
  • 在导航的设计上,运用了“7±2”原则,人类头脑最好的状态能记忆含有7±2项信息块,在记忆了 5-9 项信息后人类的头脑就开始出错。导航设置为五个,在下拉列表的选项中,也一样适用;
  • 在交互上,利用状态课件原则,鼠标悬停在某个职位是,显示"当即沟通"按钮,运用到费茨定律(目标越大,移动距离越短,所需时间越少)和状态可见原则

  • 鼠标悬停在职位名称时,展现详细的职位信息,并且带有不透明度;很容易把页面中的内容看乱
相关文章
相关标签/搜索