在设计中如何利用注意力规律帮用户筛选页面信息？

                                         1

当有用户开始使用你的产品，你希望用户最先注意到什么？如何让用户快速理解页面，方便流畅地做决策？

在页面中，用户的视线除了“从左至右，从上至下”，“F型”等浏览规律，还会受到以下规律的影响：

注意力规律

想象一下当你打开报纸，最先印入你眼球的一定是大幅的新闻图片，其次是颜色，因为人眼是依靠色彩做识别的，然后是轮廓，图形，图表，这类能被人脑更快理解的信息，最后是最抽象的文字信息。

举个栗子：

图1

在图1你可能会看到页面上有一团橙色的什么东西。

当颜色淡化之后，你会更容易注意到这是一个五边形。

图2

同理，加了外框的文字会比没加框的文字更加显眼（图3）。

图3

                                          2

在实际业务场景中，注意力规律是如何帮助我们做设计决策的。

在实习生考勤系统中，上班为常规状态，请假的状态是应该要突出的重点信息。

版本一

然而在版本一中，因为颜色和不必要的图标所干扰，需要被突出的信息放在了第三层次中。

版本二

在第二版中我用图形化去展现不同的出勤状态，足够清晰直观，但是第一眼看到的还是满屏幕的绿色圆圈，需要理解成本。

版本三

在第三个版本中，用明显的红色区块引导用户注意重点信息，用图形去加强信息的传达，视线始终被希望用户注意的重点信息所吸引，三个视觉层次层层递进，为用户打造清晰直观的操作体验。

---

欢迎交流~