一般人看待一款IT应用或互联网产品的用户体验，通常会以他们看到的，听到的，接触到的设计是否满足了他们的需求为基础，判断一款产品的用户体验，总体来说停留在表象感知层面。最近和人聊到用户体验的问题，就顺便扒一扒，PO眼中的用户体验是怎样的，怎样的用户体验才是我们应该追寻的。

五大要素

不同的人的视角不同，作为PO，我会以用户体验为核心，将其拆解成五个要素层面：

• 战略决策 （我们为什么做？）
• 范围制定（我们做什么，做哪些？）
• 交互信息结构（我们做怎么做交互？）
• 界面框架（我们怎么选择界面元素？）
• 表象感知（我们怎样展现？）

任何一个产品的用户体验都离不开以上五点，相互相辅相成, 从上而下或从下而上，彼此间会有重叠与修整期，并不是完全独立的。常见的产品大体分为以功能为主或以信息为主两种，功能型可以理解成以实现某种功能而存在，例如游戏类，工具类应用，而信息型则以信息供应或分析为主，例如信息分类网站。不同的类型的产品在设计时的着重点有所不同。

战略决策 Stakeholder Strategies

所谓的战略决策，我们在做一件事件前，需要弄清楚为什么做，做这些可以给我们带来什么，可以给用户带来什么，前者是产品目标 Project Objectives 或商业目标 Business Goals，后者是用户需求User Needs，两者相互影响而构成了战略决策。

在制定产品战略时，我们研究的核心是用户需求，所以不妨先问几个问题：

• 我们产品的用户有哪些？
• 用户群如何细分User Segmentation？
• 不同的用户群有哪些需求？
• 他们彼此的需求是否存在冲突？
• 当存在冲突时时选择利益更多的用户群还是分别兼顾两者？

如果我们能很清晰的回答以上问题，那说明对所做的事情就有了初步的认识。下一步是用户调研User research收集必要的信息与我们现知的达成共识，区分哪些是符合大众的需求，哪些只属于一小部分人群，从而我们可以了解所有用户最普遍的需求。

---

产品目标与用户需求的确定需涉及所有利益相关人Stakeholders，目标最好是可度量的，譬如，我们的产品目标是提高用户体验，怎样才算是提高了呢？成功标准Success Metrics有哪些？如果是内容信息，我们可能希望用户在页面停留的时间有增加 （你提供了他们感兴趣的信息）；如果是功能型产品，用户在单次交易的时间是否减少了（你优化了用户操作流程或交互界面）；用户流量与有效转化率是否有提高等等这些都可以作为用户体验改进的检验标准。这些检验需在改进上线后2周或短时间内进行，否则很难判断这些增长是与提高用户体验有关。

范围制定 Scope

根据战略中的产品目标和用户需求，我们制定产品范围，定义产品特点Features，需求详情与优先级。和战略层的抽象不同，范围Scope会更具体，更详细，通常人物情节Personas模拟某个场景会让我们更好的理解用户需求，就如我们看到的每一个 User Story，每一个相关的功能或内容需求，具体业务逻辑与细节。

---

在敏捷产品研发里，Scope会体现在我们的 Product Backlog 和Sprint backlog的制定，让每一个产品团队成员对产品任务与阶段性目标更为清晰。我们可以从backlog看到，不同issues的优先级，了解我们需要做什么，更应当知道我们不需要做什么，哪些是我们立即该做的，哪些是不需要马上去做的，这也是常常所提到的绝对必要Absolute Necessity，可选，和可用性。

---

Overthinking的想法和设计应该果断放弃，前天我曾吐槽了一个App的城市选择页面，页面上有搜索功能，并列出了热门城市和每一个中国国内有站点的城市列表，还在右侧有首字母索引快捷分类。其实我们可以对这个页面进行监控，看看到这个页面的用户多少会使用刷屏查找或字母分类，如果它们的使用率极低，我们就应当把它去掉，还以用户更为整洁的界面。户数据无疑在一定程度上说明了用户习惯与喜好，可以帮助我们更好的做取舍和评估。

交互结构 Interaction & Structure

当我们拟定了详细功能与内容，将每一部分关联起来就形成了交互Interaction和信息架构，做好这些需要我们理解用户，用户行为与思考方式，将这些认知融入到产品中。

---

之前我们提到的Persona模拟场景和User Story这些都属于对可能性用户行为的模拟，而交互设计也是关注于这些用户行为。理想的交互设计产品，用户是不需要说明指引或training，他们完全可以靠本能的直觉完成自己想做的事情，因为这样的交互设计与用户期望的相符并符合他们的用户行为。这也同样反应设计的Smooth和seamless流畅与无缝性。

---

信息架构多用于以信息为主的产品，面对大量的内容信息，我们选择和组织它们是我们研究用户如何认知信息的过程，这里主要是设计信息分类与页面导航结构，我们呈现的是否合理，用户是否能快捷的浏览他们感兴趣的内容。

界面框架 WireFrame

界面框架很形象的描述就是界面元素的选择与分布，通常我们可以用线框图来表达。在这一层，用户可以通过界面接触到交互结构中指向的功能或信息。让界面与用户习惯保持一致，并让用户一眼看到最重要的内容，我们考量是否存在有反人类设计的按钮，强调的部分是否引人注目。在设计界面时，还需要考虑不同的环境下，界面元素尺寸与坐标的调整，甚至内容排版都有所增减，移动端应用一般只显示核心业务，周边或次要的会选择性的隐藏，而电脑版的则会更加全面和充实。

---

对于界面内容排版，导航菜单显示顺序，哪些需要快捷菜单入口，则是基于战略所决策的产品目标与用户需求来定的。例如，现在的团购App，最上方就会有分类的快捷入口，具体放哪些分类项是战略层所决定的，我们通常会把用户流量多的，需求多的，或者是主力推广的项目放在分类栏，以便用户使用，这也是便捷的用户体验的体现之一。

表象感知 Interface

基于界面框架，我们会给其润色，用图片，色彩，声音或动画效果来渲染界面而形成最终展现给用户的表象感知。互联网产品的感知设计包括听觉，视觉，触觉的用户体验。视觉是最为核心的部分，每一款产品都会涉及到视觉设计与美学，当然对于色调风格的定位，也同样是战略定位所决定的。最好的评判工具就是自己的眼睛，当你看到一个界面时，哪一部分对你冲击最大，哪一部分最吸引你，这部分是否是用户需求中最重要的。我们可以通过不同的角度或远近程度来做此类视觉测试。

---

我个人喜欢色彩鲜明艳丽的事物，现在色彩搭配与排版也是我需要研究的领域。朱涵宇同学介绍的Behance是一个很不错的设计师平台，手机App浏览会更方便一些，我们可以欣赏到来自各行业设计师的展示作品。当我们不知道怎么做时，最快捷的学习方式就是看别人是怎么做的，以此作为参考，将我们欣赏的设计，综合在一起，融合到自己的设计中，“会抄”也是门艺术，潜移默化慢慢就会变成我们自己的，我也收藏了一些设计，不仅仅是UX的，还包括一些特别的好玩的设计，我喜欢特别的事物，当然是符合个人美感的，好奇心和独特性可能是水瓶座的天性：）

---

我把表象层元素的设计风格分为3种：

• 仿真型，模拟现实中的事物为原型的设计，通常我们可以把此类设计用于银行卡，票务方面；
• 卡通型，用很可爱的卡通人物和图像为元素的设计，此类设计可以用于甜品，儿童，游戏，宠物，偏向于零售业方面；
• 商业型，比较正式，以企业元素为设计核心，企业网站和应用，商务平台等等

用户体验是一个从抽象到具体再到细节，从下而上或从上而下过程的产物，涉及到产品设计的方方面面，当科技越来越智能，人类越来越懒，对用户体验的要求会更高。我曾脑洞大开的想过是不是5-10年后，我们都不需要所谓的App，而普遍转型成私人秘书的人机对话操作模式，这也是很多大公司在研究的智能语音电话和在线智能服务。

设计后话

新版的Axure RP 8支持图片切图，但目前不支持group转image，毕竟还不是正式版，还在不断更新中。每每此时我就需要美工帮手，（老板答应招一个，面了几个然后就没有然后了。。。苦逼ing），如果能做出漂亮的且符合规格的图片，Pixate将逐渐取代Axure 用于移动端设计的需求，它更傻瓜更直接，交互与动画效果设置比Axure简单太多了，Axure相对应用得更广，也更灵活。闲暇还是会更新我的Axure Widget Library，赵同学最近给我推荐了semantic-ui，很不错的UI控件组，有空我会把这些控件组逐个添加到我的Widget Library里。Cheers～

我本想给配个图帮助理解的，但画得实在惨不忍睹了。。。抱歉。。。Interaction tree是画得最好看的一部分了，哈哈。。。