用户体验要素：以用户为中心的产品设计
2023-11-13 14:43:39 0 举报AI智能生成
《用户体验要素：以用户为中心的产品设计》一本产品经理的入门书籍，常读常新！
作者其他创作
大纲/内容
第1章户体验为什么如此重要
日常生活中的遵遇
什么是用户体验
用户体验是指产品如何与外界发生联系并发挥作用，也就是人们如何接触和使用它
用户体验总是体现在细微处，但却非常重要
从产品设计到用户体验设计
产品在感官方面的表现：包括视觉、触觉、嗅觉、味觉、听觉
具有它应该具有的功能
用户体验良好的产品
产品直接面对用户的部分，包括按钮、布局、文字、外观不是由功能决定的，应该由用户自身的心理感受和行为来决定
用户体验设计要解决应用环境的综合问题
视觉设计：选择合适的按钮形状和材质，保证能引起用户注意
功能设计：保证按钮在设备是哪个触发适当的动作
用户体验设计：兼顾视觉和功能两方面的因素，同时解决产品所面临的其他问题；并且当用户尝试去完成其他任务时仍可以正常工作。
为体验而设计:使用第一
复杂产品：用户体验和产品自身的定义之间是相互独立的
用户体验和网站
先实现，奖网站迅速推向市场——赢得市场份额
产品特性：增加功能和内容——竞争优势
都不关注用户镇长喜欢什么，真正用什么
用户体验就是商机
内容网站：尽可能有效地传达信息
交互工具：高效的沟通
用户体验对客户的忠诚度有更大的影响
投资转化率：将偶然浏览者转化为实际购买人
为企业创造价值的项目
任何在用户体验上做的努力，目的都是为了提高效率
帮助人们工作得更快
减少他们犯错误的几率
在乎你的用户
以用户为中心的设计：创建吸引人的、高效的用户体验的方法
我们必须为来访的用户规划一个有粘性的、直观明了、让人愉快的体验
每件事都按照正确的方式在工作
第2章认识这些要素
五个层面
表现层
一系列网页，由图片和文字组成，一些图片可以点击执行某种功能，一些图片就只是图片
框架层
按钮、控件、照片和文本区域的位置
用于优化设计布局，达到这些元素的最大效果和效率
定义了导航条上各要素的排列方式
结构层
用来设计用户如何到达某个页面，并且在他们做完事情之后能去什么地方
决定哪些类别应该出现在导航条上
确定网站上各种特性和功能最合适的组合方式
范围层
网站的特性和功能
战略层
决定网站的范围，包括经营者想从网站得到什么，还包括用户想从网站得到什么
自下而上地建设
计划好项目，让任何一个层面中的工作都不能在其下层面的工作完成之前结束
基本的双重性
网站：传达信息，收集、控制信息
应用范围扩大到电子商务、交流论坛、网上银行
网页作为一种出版没接
两个方向
把每一个问题看成是应用软件的设计问题
从信息发布和检索的角度看待网站，从传统出版、媒体和信息技术的角度考虑解决方案
双重性质
功能型的平台类产品
关注任务：所有的操作被纳入一个过程，去思考人们如何完成这个过程
把网站看成用户用于完成一个活多个任务的一个活一组工具
信息型的媒介类产品
关注信息：应该提供哪些信息，对用户的意义是什么
创建一个富有信息的用户体验
用户体验的要素
战略层
来自企业外部的用户需求是网站的目标
用户需求：了解他们想从我们这儿得到什么，他们想达到的目标将怎么满足他们所期待的其他目标
产品目标：我们自己对网站的期望目标
商业目的
其他类型的目标
范围层
功能型产品：创建功能规则（对产品的功能组合的详细描述）
信息型产品：创建内容需求（对各种内容元素的要求的详细描述）
结构层
功能型产品：交互设计
定义系统如何响应用户的请求
信息型产品：信息架构：合理安排内容元素以促进人类理解信息
框架层
都包含：信息设计
一种促进理解的信息表达方式
功能型产品：界面设计
安排能让用户与系统的功能产生互动的界面元素
信息型产品：导航设计
屏幕上一些元素的组合，允许用户在信息架构中穿行
表现层
为最终产品创建感知体验
应用这些要素
综合考虑
两个额外要素
内容
网页里内容至上
技术
你所能提供给用户的体验状态主要是由技术决定的
第3章 战略层 产品目标和用户需求
战略层定义
两个基本问题
我们要通过这个产品得到什么
产品目标
我们的用户要通过这个产品得到什么
用户需求
明确：清楚地表达想要什么，并确切地知道别人想要从我们这里得到什么
产品目标
产品目标
替公司赚钱或替公司省钱
不能太具体也不能太宽泛：平衡
明确地定义成功的条件
品牌识别
可以是概念系统，也可以是情绪反应
无法不被用户注意
无意中形成还是经过产品设计者有意精心安排
成功标准
一些可追踪的指标：产品上线以后是否满足了我们自己的目标和用户的需求
印象数：网站上每一个广告每天被展示的数量
客服电话数：减少
缩短销售人员的工作时间
有意义的成功标准：可以明确的与用户行为绑定
测量回访数
用户需求
用户细分
人口统计学标准
性别
年龄
教育水平
婚姻状况
收入等
消费心态档案：描述用户对于这个世界，尤其是与你的产品有关的
某个事物的观点和看法的心理分析方案
某个事物的观点和看法的心理分析方案
用户对于技术的熟悉程度和适应程度
用户对网站相关内容的知识有多少
过程中需要调整细分用户群
可用性和用户研究
用户研究的领域致力于收集必要的信息来达成共识
市场调研方法是获取用户的基本信息的宝贵来源
现场调查是指一整套完整、有效且全面的方法，用于了解在日常生活情境中的用户行为
任务分析：每一个用户与产品的交互行为都发生在执行某一任务的环境中。任务分析是一种仔细地分解用户完成任务的精确步骤的方法
用户测试：请用户来帮忙测试产品
可用性
最终目标：寻找令产品更容易使用的途径
卡片排序法：用于探索用户如何分类或组织各种信息元素。
创建人物角色/用户模型/用户简介
帮助我们在前进的每一步都时时记着用户
团队角色和流程
角色
决策层
管理会影响产品决策的部门
战略专家
帮助客户处理项目中遇到的战略问题
普通员工
战略文档/愿景文档
定义产品目标和用户需求
简洁明了并切中要点
所有参与者都需要使用这份文档
第4章范围层功能规格和内容需求
范围层定义
过程有价值：慢跑或弹钢琴
当整个事件还在架设阶段时，能够迫使你去考虑潜在的冲突和产品中一些粗略的点
产品有价值：做蛋糕或修汽车
被定义的产品给珍格格团队一个参考点，明确了项目要完成的全部工作，提供了用于讨论这件事情的共通的语言。
用文档定义产品需求的原因
原因#1 :这样你才知道你正在建设什么
定义项目的目标、达成目标的时间
责任分配清晰，提高协作效率
原因#2 :这样你才知道你不需要建设什么
定义项目的范围
记录关于功能的、各种各样的可能性
可怕的范围蠕变
例如：滚雪球
功能和内容
问题：我们要开发的是什么？
功能型产品：功能需求规格
信息型产品：内容
特性：同时表示软件的功能和所提供的内容
范围层确定的事全部功能需求或功能规格。
定义内容需求：仔细考虑各种资料的来源，决定哪些信息必须纳入设计范围之内
内容管理系统
定义需求
需求适用于整个产品
品牌需求
一些技术需求，如支持浏览器和操作系统
只适用于特殊的特性
需求的详略成都取决于该项目的具体范围
需求分类
人们讲述的、他们想要的东西
真正解决问题的序曲
人们不知道他们是否需要的热性
场景：将虚拟人物放到一个简短的故事中
用场景简单描述人物角色会如何完成这些用户需求
竞争对手的启示
非直接竞争对手的启示
功能规格说明
文档不能解决问题，但定义可以
不需要包含产品的每一个细节，只要包含在设计或开发过程中出现有可能混淆的功能定义
不要展望产品未来的理想化状态，只要记录在创建这个产品时已经确定下来的决议。
记下来
乐观
描述这个系统将要做什么事情去防止不好的情况发生，而不是描述这个系统不应该做什么不好的事情
具体
尽可能详细地解释清楚状况
避免主观的语气
保持明确，避免歧义
可验证
量化
内容需求
文本、图像、音频和视频
不要混淆格式和目的
内容特性的规模对用户体验决策有很深的影响
尽早确定负责每一个内容元素的责任人
定义每一个内容特性的更新频率
介于用户期望值和有效资源之间的一个合理的中间值
明确哪些用户想要哪种内容
内容清单：使团队确切知道他们设计用户体验需要做哪些工作
确定需求优先级
战略目标和需求不是一对一的简单关系
确认
网站目标是什么
用户需求是什么
实现这些需求的可行性有多大？
时间有限：放下一个版本活项目里程碑
资源有限：技术活企业的变化有时能减少资源的负担
不可能的事情仍然不可能实现
功能是相互依赖的，产品的内容也要依赖其他特性的支持
排除任何不符合当前项目战略目标的特性建议或者反复审视战略目标
第5章结构层交互设计与信息架构
结构层定义
为网站创建一个概念结构
交互设计定义：涉及为用户设计结构化体验的方法
内容建设：通过信息架构来构建用户体验
确定各个将要呈现给用户的元素的模式和顺序。
交互设计关注将影响用户执行和完成任务的元素
信息架构关注如何将信息表达给用户的元素
定义了我们的产品将用什么方式来运作
交互设计
关注描述可能的用户行为，同时定义系统如何配合和响应这些用户行为
概念模型
解读
定义：用户对于交互组件将怎样工作的观点称为概念模型
选择人们熟悉的概念模型，会使用户很快适应一个不熟悉的网站
主要用于在交互设计的开发过程中保持使用方式的一致性的
可以将现实世界中相对应实物的比喻放入概念模型，但是不可照搬
错误处理
将系统设计成不可能犯错的那种
自动挡汽车P档设计
使错误难以发生
发生错误时帮助用户找出错误并改正他们，不要主动改正
有效的错误信息和容易自我解释的界面
提供从错误中回复的方式，比如撤销
信息架构
关注呈现给用户的信息是否合理并有意义
结构化内容
一内容为主：信息架构主要的工作是设计组织分类和导航结构，让用户可以高效率、有效地浏览网站内容
从上到下：根据产品目标与用户需求直接进行结构设计
——有可能导致内容的重要细节被忽略
从下到上：根据对内容和功能需求的分析进行主要分类和自己分类
——可能导致架构过于精确地反应现有的内容，而不能灵活地容纳未来内容的变动或增加
平衡
具备容纳成长和适应变动的能力
结构方法
节点：信息结构的基本单位
层级结构/树状结构/中心辐射
节点与其他相关节点之间存在父级/子级的关系
矩阵结构
允许用户在节点与节点之间沿着两个或更多的维度移动
自然结构
不遵循任何一致的模式，节点是注意被连接起来的，没有太强烈的分类概念
线性结构
连贯的语言流程是最基本的信息结构类型
经常被用于小规模的结构
单片的文章或单个专题
大规模的线性结构被用于限制那些需要呈现的内容顺序对于符合用户需求非常关键的应用程序
教学资料
组织原则
节点在信息架构中依据组织原则安置
组织原则是我们决定哪些节点要编成一组，哪些节点要保持独立的标准
在产品最高层级使用的组织原则应该紧密地与网站目标和用户需求相关，在较低层级，则与内容和功能需求有关
结构的下一个层级是其他与内容紧密相关的因素
截面
战略告诉我们用户的需求是什么
范围告诉我们什么样的信息将满足那些用户需求
成功的用户体验就是能事先预知用户的期望并将其纳入设计中
语言和元数据
命名原则：描述、标签，和网站使用的其他术语
使用用户的语言
保持一致性
受控词典：用来强调一致性的工具
防止企业内部的专用术语侵入网站
有助于建立起贯穿所有内容的一致性
类词词典
提供常用的、但未纳入该网站标准用户的词汇以供选择
元数据
关于信息的信息：以一种结构化的方式来描述内容的信息
团队角色和流程
架构图
描述网站结构工具
最重要的是记录概念关系
哪些类别需要放在一起，哪些需要独立？
在交互过程中那些步骤要怎样互相配合？
视觉辞典
信息架构和交互设计非常相近和相关
网站稳定而持续地增加新内容和新功能，最好招聘一名全职的信息架构师，确保整个新增内容的过程能够最有效地满足用户需求与企业的战略目标
第6章框架层界面设计、导航设计和信息设计
框架层定义
确定用什么样的功能和形式来实现我们的产品
关注点在独立的组件以及他们之间的相互关系
界面设计
功能型产品
确定框架：按钮、输入框和其他界面控件
信息型产品
导航设计，用于呈现信息的一种界面形式
提供给用户做某些事的能力
导航设计
提供给用户去某个地方的能力
信息设计：用于呈现有效的信息沟通
传达想法给用户
习惯和比喻
完全去除猜测的成分
有效使用比喻
界面设计
选择正确的界面元素
能帮助用户完成他们的任务
通过适当的方式让它们容易被理解和使用
弄清楚用户不需要知道哪些
组织好用户最长采用的行为，同时让这些界面元素用最容易的方式获取和使用
界面元素
单选框
复选框
文本框
下拉菜单
多选菜单
按钮
导航设计
目标
必须提供给用户一种在网站间跳转的方法
传达出这些元素和它们所包含内容之间的关系
传达出它的内容和用户当前浏览页面之间的关系
内容
告诉用户他们在哪儿，以及他们能去哪儿
多重导航系统
每一个都要完成在各种情形中成功引导用户的任务
全局导航
覆盖整个网站的通路
局部导航
提供给用户在架构中道附近地点的通路
辅助导航
提供全局或局部导航不能快速达到的相关内容的快捷途径
上下文导航/内联导航
迁入页面自身内容的一种导航
友好导航
提供给用户他们通常不会需要的链接
联系信息、反馈表单、法律声明
远程导航
不包含在页面结构中，以它们自己的方式存在，独立于网站的内容或功能
网站地图
索引表
按字母顺序排列，连接到相关页面的列表
信息设计
定义
把各种设计元素聚合到一起
分类
视觉上的展现方式
分组或整理散乱的信息
用一种能反应用户的思路和支持他们的任务和目标的方式分类和排列信息元素
错误提示
指示标识
信息设计+导航设计——支持指示标识
帮助用户理解他们在哪以及他们能去哪
页面元素
图示、标签系统和排版
线框图
着重标明要参考结构图或其他交互涉及文档、内容需求或功能规格说明，或其他类型的详细文档
附加说明，在线框图和结构图看得不太明显的网站行为
整合在结构层的三种要素的方法
通过安排和选择界面元素整合界面设计
通过识别和定义核心导航系统整合导航设计
通过放置和排列信息组成部分的优先级整合信息设计
第7章表现层感知设计
表现层定义
解决并弥补产品框架层的逻辑排布的感知呈现问题
合理设计感知
嗅觉和味觉
触觉
用户和产品之间的物理接触
听觉
通知用户，是产品变得更具个性
视觉
运作是否良好
忠于眼睛
眼球追踪仪器
人到底正在看什么？
他们的视线是如何在屏幕上移动的
眯着眼睛或斜着去看这个页面
遵循一条流畅的路径
为用户提供有效选择的、某种可能的引导
对比和一致性
对比
把用户的注意力吸引到界面中的管家部分
传达信息设计中的概念群组的主要手段
一致性
使设计有效地传达信息
基于栅格线的布局（通过使用母版确保设计的一致性）
内部和外部的一致性
解决内部一致性问题的方法
确定在产品各种各样的界面、导航和信息设计等不同环境中反复出现的设计元素并抽取出来
设计出每一个独立的元素，试着在不同的环境中应用他们，在需要的时候进行调整
解决外部已执行问题的方法
形成一个系统
配色方案和排版
配色方案
整合其中的色彩
前景色：更亮或更醒目
背景色：更暗淡的色彩
使用不同色度的同一颜色，要保证他们之间的差异足够用户把他们区分开，同时也应用一致的方式应用它们
排版
定制字型
正文——简单最好
短标签——稍微具有个性的字体
在需要传达不同的信息时才使用不同的风格，风格之间要有足够的对比
设计合成品和风格指南
设局额模型/设计合成品
风格指南
第8章要素的应用
提出正确的问题
马拉松和短跑
0 条评论
下一页
