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

                                         1


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

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


注意力规律


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

举个栗子:


图1

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

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


图2

同理,加了外框的文字会比没加框的文字更加显眼(图3)。


图3


                                          2


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

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


版本一

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


版本二

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


版本三

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



欢迎交流~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容