网站的UCD——用户体验的要素

《用户体验的要素》

视觉能够给大脑在很短的时间内提供很大的信息量，因此产品在被初次使用的时候，人更加关注其视觉效果。所以很多人就会古板地认为，交互设计等同于产品的动效和页面跳转。当时交互设计真正研究的不仅仅是关于视觉风格的问题，交互设计立足于人、技术和视觉三个领域，关注人在不同的环境中如何更好地解决问题。因此，交互设计应当关注用户体验，为用户服务，不单一追求形式或功能，而是形式追随功能。

用户体验的要素更多围绕网站的交互设计展开，阐述了用户体验五个层面的整体开发流程，即表现层、框架层、结构层、范围层、战略层。这个过程是自下而上的，开发流程从战略层开始，逐渐构建基础往下一个层面设计开发。

五个层级的开发流程

自下而上的交互流程

这五个层级名称显得抽象，一方面可能是英文和中文之间的翻译导致，另一方面可能是它将网站的开发流程以自下而上的形式来表示。这五个层级并不是网站直观上的层级，而是网站以用户为中心的设计方法的开发流程。

战略层：用户研究，定义用户和市场，确定网站的目标。通过人种学研究的方法进行调研和分析。将收集到的数据用户创建人物角色模型。

范围层：创建场景剧本，使用人物角色模型，获得用户需求。

结构层：信息架构，交互框架。通过卡片分类，用户测试等方法，获得网站的信息架构和交互框架。

框架层：网页布局设计，网站内容信息。

表现层：网页视觉效果，关注配色、排版、动画。

敏捷式开发而不是瀑布式开发

层级间的工作应当进行交流，在低层级的工作开始之后，高层级参与低层级的讨论，从而高层级不仅仅可以迅速制作出本层级的产出文档的雏形，这些雏形也可以指导和启发低层级更好的进行工作。就比如范围层根据初步的用户研究数据进行初步需求的套脑风暴，战略层通过初步得出的需求设计出更好的调查问卷，调研更多之前未发掘的相关领域。层级间相互合作和促进，能迅速地发现并解决隐藏的问题，减少失误和遗漏带来的损失。

信息架构的设计

网站相比移动应用，其信息架构是庞大而复杂的。因为网站是在大尺寸显示器上展现的，有足够的空间容纳大量的导航和页面功能区，同时浏览器的多窗口标签使得用户能自由地在不同的页面之间跳转。响应式网站让信息架构设计的复杂度又上升了一个等级，也相应地影响表现层的实现效果，即视觉和前端的实现。有些的信息架构设计，应当让客户轻松地知道自己当前处于哪个页面，快速找到并跳转至想要去的地方，方便地使用网站来完成任务。推荐深入阅读《Web信息架构——设计大型网站》