产品设计基石--用户体验要素--实战4

**课程：B站大学
记录产品经理实战项目系统性学习，从产品思维，用户画像，用户体验，增长数据驱动等不同方向理解产品，从0到1去理解产品从需求到落地的全过程，测试左移方向（靠近需求、设计层面理解产品）
产品思维必读好书：
《启示录》
《用户体验要素》
《增长黑客》
《人人都是产品经理》
《金字塔原理》

---

第1章 用户体验为什么如此重要？

无论什么产品，用户体验总是体现在细微之处，但却非常重要。如果这个细微处能觉得用户使用和外界连接，那必然是极其重要的体验要素。
高效的沟通是决定产品是否成功的关键因素，如果用户弄不明白它是怎样工作的，那么所谓"世界上最强大的功能"将摇摇欲坠，并以失败而告终。
转化率是一张常用的方式，用来衡量用户体验的效果
创建吸引人的，高效的用户体验的方法被称为以用户为中心的设计
用户体验对你很重要，它对你的用户很重要。
"每件事都按照正确的方式在工作"的体验，让人愉快

第2章 认识这些要素

要考虑到用户有可能采取的每一个行动的每一种可能性

五个层次：

表现层：你看到的一系列的网页，由图片和文字组成，比如图片可以点击，图片标志、海报封面等
框架层：优化设计布局，从而使元素达到最大的效果和效率，比如能记住标识并找到购物车的按钮，框架层确定了在页面上的交互元素的位置
结构层：用来设计用户如何到达某个页面，做完事情之后能去什么地方，框架层定义了导航条上各项的排列方式，允许用户浏览书记的不同类别，结构层则确定哪些类别应该出现在那里。
范围层：结构层确定网站各种特性和功能最合适的组合方式，这些特性和功能就构成网站的范围层。比如保存收获地址这个功能是否必须成功网站的功能之一，就属于范围层需要解决的问题。
战略层：经营者想从网站得到什么，用户想从网站得到什么。
网站的建设是自下而上的建设，网站的基本架构从五个层面可以建设，战略、范围、结构、框架、表现。

做网站前：我们只关心网站如何满足我们的战略，同时也满足用户的需求。
每一个层面的决定都会影响到它之上层面的可用选项

如果想在开始"较高层面"设计之前，要完全确定"较低层面"的话，几乎可以肯定的是，你已经把你的项目日程，也许是你最终产品的成功–扔进了一个危险的境地之中。
理想的任务安排：

针对网页时软件应用还是超文本信息空间的问题从5层出发看待：
战略层：
无论是软件产品还是信息空间，战略层所关注的内容都是一样的–来自企业外部的用户需求。
范围层：
在软件方面就转变成创建功能规格，对产品的"功能组合"进行详细描述，在信息空间方面，范围则是以内容需求的形式出现。
结构层：
在软件方面，从范围转变成交互设计，定义系统如何响应用户的请求，在信息空间方面，结构层则是信息架构

框架层：
不管是软件界面还是信息空间，我们必须要完成信息设计，在软件产品那边，框架层还包括界面设计，安排好让用户与系统的功能产生互动的界面元素，在信息空间，这种能交互的界面就是导航设计，屏幕上的一些元素的组合，允许用户在信息架构中穿行。
表现层：不管是软件产品还是信息空间，我们的关注点都是一样的：视觉设计，也就是产品最终的外观。
在每一个层面中，将这些要素必须相互作用才能完成该层面的目标，把用户体验划分成各个方块和层面的模式，有利于我们去考虑用户在体验中有可能遇到的麻烦。
技术总是在变化，用户体验的领域必须要适应这些变化，但是用户体验的要素始终是不变的。
每个层面中哪些要素是共同的？是什么让它们各不相同？它们又是如何相互影响的呢？

第3章 战略层 – 网站目标和用户需求

做网站之前需要回答下面两个基本问题：
1、我们要从这个网站得到什么？–网站目标
2、我们的用户要从这个网站得到什么？–用户需求
网站的目标：商业目标、品牌识别、成功标准
用户体验能极大地影响访问者是否会再度访问
用户需求：理想用户是极少，需要理清为谁在设计网站，他们的需求是什么？抛弃自己立场的局限，真正从用户角度来重新审视网站，确认用户需求是复杂的过程，因为用户群体之间存在着很大的差异性。
学会用户细分，用户分成小群组(每个群组有某些共同特征)，创建细分用户全只是一种用于"发现用户最终需求的手段"，用户需求数目和细分用户群最好相等

可用性：用典型用户来验证设计方案的时间过程，采取一种非常具体的开发方式
用户需要可用和易用的产品
用户研究：市场调研方法：问卷调查、焦点小组、现场调查
大家一起撰写战略文档，也即是用户需求手机文档以及数据来源和相关意见
“成功的用户体验，其基础是一个被明确表达的战略”，知道企业月用户双方对网站的期许和目标才能确定用户体验，用户体验不仅仅只是在界面上的，分为5个层次

第4章 范围层 – 功能规格和内容需求

带着"我们想要什么"、"我们的用户想要什么"的明确认识，我们就能弄清楚如何去满足所有这些战略的目标，当你把用户需求和网站目标转变成网站应该提供给用户什么样的内容和功能时，战略就变成了范围。
范围层包括两方面：一个有价值的过程导致一个有价值的产品
过程的价值在于，在假设阶段的时候，能迫使你去考虑潜在的冲突和产品中一些粗略的点。我们可以确定现在能解决哪些事情，而哪些必须要迟一点才能解决
产品的价值在于，它给了整个团队一个参考点，关于在这个项目中要完成的全部工作，定义好产品的要求能保证开发过程中不会出现模棱两可的情况
用文档记录下来说明项目要求，显然这件事情是麻烦的，但必须要做–产品需求文档。
原因如下：你需要知道正在建设什么？你才知道不需要建设什么？

了解"不需要建设什么"也就意味着知道哪些是你"不需要马上去建设"的东西。
产品中新增的需求要避免：范围蠕变–雪球效应
战略层问题：我们为什么要建这个网站？范围层产生新的问题：我们要建设什么？
一个场景是一个简短的故事，简单描述了一个任务角色会如何完成这些用户需求。
比如场景：竞争对手是否也在试图完成相似的网站目标？，竞争对手是否找到一种特别有效的特性去达到其中某个战略目标？
越复杂的项目需要越详细的战略，撰写产品功能规格有几个规则适用：1、乐观(引导性)2、具体(产品的限制要求)
内容特性应该提供每一个特性规模的大致预估：文本的字数，图片的像素大小，下载的文件的字节
内容清单很重要：因为内容清单对应具体需求
确定续期优先级别：

还需要确定第三种范围：实现这些需求的可行性有多大？所以产品需要考虑的面很广，

第5章 结构层 – 交互设计与信息架构

收集完用户需求并将其排列好优先级别之后，我们对于最终产品将包括什么特性已经有了清晰的图像。然而，这些需求并没有说明如何将这些分散的片段组成一个整体，也即是需要为网站创建一个概念结构。
交互设计和信息架构都强调一个重点：确定各个将要呈现给用户的选项的模式和顺序。
实际上交互设计和信息架构并不完全是技术，它们关心的是理解用户、用户的工作方式和思考方式。
教书设置关于描述"可能的用户行为"，同时定义"系统如何配合与响应"
“交互组件将怎样工作”–概念模型，交互设计：为用户设计结构化体验

在内容架构方面：通过信息架构来构建用户的体验，交互设计和信息架构都强调一个重点：确定哥哥将要呈现给用户的选项和模式和顺序
交互设计关注于将影响用户执行和完成任务的选项，信息架构则关注如何将信息表达给用户的选项。
完成任务所悟需要的步骤是评估网站结构质量的一种方法

网站功能命名原则：使用用户的语言并且保持一致性是非常重要的
元数据：关于信息的信息，以一种结构化的方式来描述内容
架构图：无需写明网站每一页的每一个链接，用分支、群组、组件建立联系即可
视觉辞典:

第6章 框架层 – 界面设计、导航设计和信息设计

在充满概念的结构层中开始形成了大量的需求，这些需求都是来自我们的战略目标的需求，在框架层，我们要提炼这些结构明确的很详细的界面外观、导航和信息设计。
注意点：结构层定义了我们的网站将用什么方式来运作，框架层确定用什么样的功能形式来实现。
在软件方面，我们通过界面设计来确定框架，在信息空间方面：通过导航设计解决空间，这是专门用于呈现信息的一种界面形式，最后就是思考信息设计
如何区分界面护设计、导航设计、信息设计呢？
如果设计提供给用户做某些事的能力–属于界面设计，用户通过它能真正接触到哪些在结构层的交互设计中确定的具体功能。
如果提供给用户去某个地方的能力–导航设计，用户通过它可以在结构中自由穿行
如果是传达想法给用户的话–信息设计
让你的界面和你的用户已经熟悉的那些习惯保持一致很重要。
界面设计会用到一些html中的基本元素，比如按钮、文本框、复选框、单选框、多选框等等
导航设计需要同时完成以下三个目标：
1、给用户提供一种在网站间跳转的方法
2、传达出这些元素和它们所包含内容之间的关系
3、传达出它的内容和用户当前浏览页面之间的关系
导航设计分为：全局导航、局部导航、辅助导航、上下文导航、友好导航、远程导航、网站地图、索引表
信息设计：思维视觉上用户饼图还是柱状图好一些？
文档本身不是目的，它只是达到目的一种手段。

第7章 表现层 – 视觉设计

在五层模型的订单，我们把注意力转移到网站用户首先注意到的地方：视觉设计，在这里，内容、功能和美学汇集到一起来产生一个最终设计，满足其他四个层面的所有目标
在框架层，我们主要解决放置的事情，界面设计考虑交互元素的布局，导航设计考虑引导用户移动的元素的安排，信息设计考虑传达给用户的信息要素的排布，表现层主要解决"弥补网站框架层的逻辑排布"的视觉呈现问题。
评估一个页面的视觉设计的简单方法之一：你的试下首先落在什么地方？哪个设计要素在第一时间吸引了用户的注意力？它们对于战略目标来讲是很重要的东西吗？或者用户第一时间注意到的东西与他们的目标是背道而驰吗？

视觉设计中，吸引用户注意的一个主要工具就是对比。
视觉元素的大小保持一致的尺寸

风格指南：这个汇总文档确定了视觉设计的每个方面，从最大到最小的范围内的所有怨元素，影响到网站的每一个页面的全局标准–比如设计网格、配色方案、字体标准、标准应用等。

文档会有大量的工具，但是有一个很好的理由值得组做：随着时间的推移，我们的决策原因会逐渐从记忆中消失。比如："在某种特殊环境下用来解决某个具体问题的临时决策"和"为了形成将来的设计工作的基础而有意识做出的决策"会混杂在一起
最后一个原因：记录你的设计系统的原因是人们最终都会离家这个工作，当他们离开时，他们带走了关于这个网站如何设计出来的，如何在日常基础工作上建立起来的丰富知识。弱国没有一次保留和每一个更改，符合最新标准和惯例的风格指南，这些知识就丢失了。当人们改变职位的同时，整个企业会逐渐出现集体失忆，"这些事情是如何被完成"和"这些决策的理由"都会被遗忘，从而影响后来者。
创建一个风格指南同样有助于在一个分散的企业中实施设计的一致性。让所有的这些人遵循一套统一的标准来运作，需要做大量的工作(假如是开源团队，分散在世界各地)，你会发现负责执行风格指南的团队在企业中的级别往往比你预想的要高，这也就解释了为什么产品经理这个岗位看上去不需要深入技术，但级别和技术人员一样的原因，甚至更高，因为他们的决策将决定整个团队和最终产品的模样，甚至决定企业是否盈利。
第8章 要素的应用

创建用户体验：收集大量亟待解决的非常细微的问题
1、了解你正在试着去解决的问题
你已经知道主页的那个紫色的大按钮是个问题，是按钮太大还是紫色不合适？它们哪个需要改改变（表现层）？是这个按钮在这个页面上放置的地方不对（框架层）？还是这个按钮所代表的功能并不是按照用户所期望的那样在工作（结构层）？
2、了解你的解决办法所造成的后果：
要记住你所处的每一个决定对其上、其下层面都有可能会产生"连锁反应"。
用户体验的决策总会体现在以上场景中：
1、由现状决定的设计
2、由模仿决定的设计
3、由领导决定的设计
设计人员所能犯下的最大错误：就是以"节省项目使劲按或金钱"的名义对用户体验问题敷衍了事
网站开发和网站设计是长跑比赛，经过深思熟虑的设计决策，可能会在短期内花费一定的时间，但是它们将在一个更长时期中节省更多的时间，常见的就是一个设计并开发到某个阶段的功能，没有提前关注战略、范围、结构，最后被砍掉的项目和功能。事实是：在大多数情况下，在上一级中的 错误都可以被更低一级层面的成功所掩盖掉，相反地，如果那些在上一级层面做出的、所有正确的决定是建立在低一级层面所做出的、错误决策的基础上的话，那么那些决定就没有任何意义。比如一些网站最后之所以失败，它们虽然很漂亮，却完全不可用。当一个互联网科技型公司发现投入了大量的人力、物力、财力后，公司的效益依然没有增长，甚至还不如从前是中小团队时，那么就说明在战略目标和用户需求上走错了。最后：我想说，网站设计和网站开发始终需要从完整的用户体验出发，经过五个层面的思考，每个层面中从点出发，从点到线，从线到面，从面到体都需要是经过有意识地推动，最终你才能确保网站同时满足你的战略目标和用户需求。
马云曾说：昨天很残酷，今天更残酷，明天更美好…绝大部分人死在今天晚上，也许坚持到明天，我们未必能成功。但更多时候是我们根本没有坚持！读书是一个过程。

实践是检验真理的唯一标准