1
当有用户开始使用你的产品,你希望用户最先注意到什么?如何让用户快速理解页面,方便流畅地做决策?
在页面中,用户的视线除了“从左至右,从上至下”,“F型”等浏览规律,还会受到以下规律的影响:
想象一下当你打开报纸,最先印入你眼球的一定是大幅的新闻图片,其次是颜色,因为人眼是依靠色彩做识别的,然后是轮廓,图形,图表,这类能被人脑更快理解的信息,最后是最抽象的文字信息。
举个栗子:
在图1你可能会看到页面上有一团橙色的什么东西。
当颜色淡化之后,你会更容易注意到这是一个五边形。
同理,加了外框的文字会比没加框的文字更加显眼(图3)。
2
在实际业务场景中,注意力规律是如何帮助我们做设计决策的。
在实习生考勤系统中,上班为常规状态,请假的状态是应该要突出的重点信息。
然而在版本一中,因为颜色和不必要的图标所干扰,需要被突出的信息放在了第三层次中。
在第二版中我用图形化去展现不同的出勤状态,足够清晰直观,但是第一眼看到的还是满屏幕的绿色圆圈,需要理解成本。
在第三个版本中,用明显的红色区块引导用户注意重点信息,用图形去加强信息的传达,视线始终被希望用户注意的重点信息所吸引,三个视觉层次层层递进,为用户打造清晰直观的操作体验。
欢迎交流~