界面设计及交互分析

分析界面：boss直聘网页版

职位页面

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

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

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

• 鼠标悬停在职位名称时，展示详细的职位信息，而且带有不透明度；很容易把页面中的内容看乱

转载于:https://juejin.im/post/5c773d076fb9a049d61e3773