关注用户“有限注意力”的设计

happylidan

良好的操作界面必然是要有助于用户把注意力放在当前任务上的。比如：用户的正常关注焦点，有相关研究表明是在屏幕中点到向上1/4的范围，所以，原则上文章列表、文本编辑区等布局核心块，就应该尽量涵盖这个区域，而将其他辅助块，有秩序地围绕放置。比如有较多鼠标操作的编辑页，可以优先编辑区为左、左上，辅助功能块居右或右下的布局方案。以阅读为主的文章页，基本上会是优先把文章列表放左（例如blogline，论坛社区常见的左边导航）或上方（foxmail，rss阅读器等）。在块布局的策略上，注意力分布是主要的分析因素。

随着操作界面提供的功能越来越丰富，块布局也越来越趋于复杂，很多时候，如果完整地显示所有功能块，屏幕几乎无法容纳……为什么窗口会有菜单？会有滚动条？UI构件的发展，一方面就是在克服屏幕空间的有限性。直到像VisualStudio、Dreamweaver、Word等等这些现代IDE（集成开发环境）和编辑器里的“菜单折叠”，工具条…都是努力地在日趋复杂的功能和有限的关注力上取得平衡。最终，各种功能按照其使用频率在操作界面占据相对应的面积比例，比如常用的功能在工具条，触手可及，不常用的功能也许会丢到茫茫菜单树中的某个角落，比如Preference（设置）菜单，弹出的窗口中包含了大量非常用功能。

对于web应用，一般的功能复杂度还无法企及现代IDE的水平，但是其复杂度也是不能忽略的。而且，一个简洁、顺畅的操作或编辑界面，对一个良好设计的贡献度是相当大的。设计一个web编辑页，除了应该尽量遵从注意力分布的原则外，还应该按使用需求出现的原则，避免机械罗列以及屏幕面积浪费。以Jobui的FCK编辑器为例，上部的按钮，有收起的功能显然会比较好。对于添加一篇文章时标签选择，我们选择结合弹出层、鼠标点选这样的方式，在信息提示上也优先使用基于弹出层的信息提示框来做，还有几乎每页必有的个人用户登陆框…相对来说可以更好的节省空间，使用户的注意力集中于主要任务，让各种功能块按“需”出现。

langfengyiyi

有限注意力
又学了个新词