《用户体验要素：以用户为中心的产品设计》干货整理

在充满概念的结构层中开始形成了大量的需求，这些需求都是来自我们的战略目标的需求。在框架层，我们要进一步的提炼这些结构，确定很详细的界面外观、导航和信息设计，让晦涩的结构变得更实在。在结构层我们界定了我们的产品用什么样的方式来运作,框架层则确定用什么样的功能和形式来实现，关注点几乎全部在独立的组件以及他们之间的相互关系上，包括要解决的更细节的问题

框架层：按钮、表格、照片和文本区域或其他界面控件的位置。框架层用于优化设计布局，以达到这些元素的最大效果和效率——使你在需要的时候，能记得标识并找到购物车的按钮。 完成信息设计，促进用户理解信息；优化界面设计，安排好能让用户与系统功能产生互动的界面元素；展现核心导航，呈现信息，让用户在信息架构中穿行探索。

如果涉及提供给用户做某些事的能力，则属于界面设计，意思是通过它，用户能真正接触到那些“在结构层的交互设计中“确定的”具体功能”。选择正确的界面元素，帮助用户完成他们的任务，同时通过适当的方式让他们容易被理解和使用。哪个功能在哪个界面上完成，是在结构层的交互设计中已经决定的，而这些功能在界面上如何被用户知道，则属于界面设计的范畴。成功的界面设计师是那些能够让用户一眼看出来最重要的东西的界面设计。不重要的东西不应该或者不那么显眼被看到，根本你不知道在那儿。

如果是提供给用户去某个地方，这是导航设计。通过它，用户可以在结构（信息架构）中自由穿行。清晰的告诉用户他们在哪儿，他们能去哪儿非常重要

如果是传达想法给用户的话，那就是信息设计。它充当把各种设计元素聚合到一起的粘合剂的角色。更重要的是让用户更好地理解，对散乱的信息进行分组和整理，优化信息的展现形式。收集用户信息并呈现信息，用一种能“反映用户思路”和“支持他们的任务和目标”的方式来分类和排列信息元素。给用户标识用来识别，如颜色区分等。这一层可以利用线框图来完成。

线框图整合框架层全部三要素的方法：通过安排和选择界面元素来整合界面设计；通过识别和定义核心导航系统来整合导航设计；通过放置和排列信息组成部分的优先级来整合信息设计。

与结构层相比更具体的是框架层，框架层确定了我们的结账页面上交互元素的位置；而结构层则用来设计用户如何到达某个页面，并且在他们做完事情之后能去什么地方。框架层定义了导航条上各项的排列方式，允许用户可以浏览书籍的不同类别；结构层则确定哪些类别应该出现在那里。 交互设计或者信息架构，是让用户更加流畅的、愉快的体验产品，对用户行为作出响应和反馈，从而进一步的激发用户（探索）行为。

（线框图）

表现层

在表现层，内容、功能和美学灰机到一起产生一个最终设计，完成四个层面的所有目标，满足用户的感官感受。

在表现层，你看到的是全部产品，有图片和文字组成。一些图片是可以点击的，从而执行某种功能，例如把你带到购物车里去。一些图片就只是图片，比如一本书的封面或网站自己的标志。 更重要的是视觉效果、内容优化，用户的感知体验。

对于设计产品来说，则可以按照从下往上的框架来做。

寄语：做一个灵活运用知识，懂的举一反三的产品人。

谢谢阅读！

Tanks,

lemo

（编辑：应用网_镇江站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!