先看页面如何安排注意力
打开一个网站时,眼睛通常会先被尺度、对比与位置吸引。观察设计,可以从第一眼看到了什么开始:标题是否传达主题,主视觉是否提供线索,行动入口是否容易理解。吸引注意只是起点,页面还需要让注意力顺着内容继续移动。
把一页缩小到看不清文字,仍然能辨认出内容的层次,是一个有帮助的观察办法。不同区块的密度、边距和大小形成节奏,让读者知道什么时候浏览、什么时候停下来阅读。
细节要有明确的反馈
一个轻微的悬停变化、一段恰当的过渡,或者保存以后出现的状态,都在帮助人理解操作。好的交互并不只是动起来,而是让动作与结果之间建立联系。点击之后没有任何反馈,再漂亮的按钮也会让人犹豫。
观察这些细节时,也要在手机和键盘操作下再走一遍。依赖悬停才能看见的重要内容,在触屏上可能难以发现。动画需要留出减少动态效果的选择,正文则要保持足够的对比与阅读空间。
- 记录最先被注意到的三个元素。
- 沿着主要任务走一遍完整路径。
- 检查手机、键盘与减少动画时的体验。
带走设计原则,而不是复制表面
值得借鉴的往往是处理问题的方法。例如一篇长文章如何用边注补充背景,一个目录如何在大量内容里保持方向感,或者一个作品集如何让项目的差异一眼可见。这些原则比某个颜色或特效更容易迁移到自己的项目。
这篇是网页观察方法的示例。之后的具体推荐会附上原作者与原始地址,并分别说明视觉特点和实际体验,帮助读者沿着完整作品继续发现。
带走一个想法
视觉吸引注意,清楚的层次和可靠的交互让人愿意继续停留。