如何让复杂的页面更加易用？(2)

改良了 3 点：

1，用不同的间距表明页面内容的层级关系，使页面看起来更有层次感，同一组的元素相互靠近间距为20px，不同组距离分开间距为50px，划定固定高度；

2，将重点信息进行重点展示，对于预约会议室的公司来说，会议室名称，与会时间，谁预订的是最重要的部分，所以将重要信息进行了字号，颜色变化的处理，将时间元素用类似日历的形式展示出来用区别的颜色把积分展示出来，用户对信息全盘快速接受；

3，将会议室设备用图标的形式展示，一目了然。

类似的例子，我们平时经常会看到，例如：

1、脉脉

对于个人信息采用模块化的形式，主要内容和次要内容明显分开，每个模块之间的区分也很明显，每个功能的入口采用图+文结合的形式，这样使得页面显得灵活多样，突出特色模块，缓解用户的阅读疲劳，直切主题。

2、Airbnb

这是Airbnb中房源预定详情页面第一屏显示的内容，在简洁的白色背景上，不同层级的标题采用了不同的字号和颜色，层级越高字号越大，房间内部陈设通过图标+文字表达，页面底部的预定按钮在整个页面突出可见，对比强烈，毫无疑虑引导着这个页面的主要操作。

3、 163 邮箱

这是 163 邮箱的收件箱页面，对于用户来说，未读的邮件更为重要，所以对于未读信息和已读信息在字体粗细和字体颜色做了明显的区分，已读信息弱化，此外在未读信息前还加了蓝色点标示，已读信息则去掉。让用户在查看邮件的时候可以第一眼看到重要信息。

小结

很多时候，当我们拿到产品原型的时候急于去展示信息，而忘了思考我们拿到的信息这么多，对于用户来说他想看到什么？而你又想怎么展示重要信息，关键时候记住这几招：

1. 注意分解信息，让页面的层级更明确；
2. 让重要的信息跳出来，可以通过对字体加大加粗，色彩对比，元素分割等方式区分；
3. 尝试着将文字图形化，有趣的将信息展示出来。

这或许就是为什么百度只有一个搜索栏，IOS11 中大字体流行的原因。

好了，分享完毕，有任何问题欢迎进一步交流。

（编辑：ASP站长网）