UX 设计之道
#book/design
ABOUT
本书共 14 章,涵盖了 Web 设计项目从最初产生想法到做出网站的整个过程,每个阶段都提供了几种最有效的解决方案,并且视每个阶段所需知识的多少分别给出了网上参考资料和参考书目,供读者深入学习。
AUTHOR
Russ Unger 是美国中西部最大的广告/营销公司Draftfcb的体验计划总监。他曾参与过 Oprah.com 和美国联合航空公司等面向公众的大型网站的信息架构设计,还教授过 Web 和交互式设计课程,并且向Boxes and Arrows 站点提供过捐助。他同时还在信息架构协会(Information Architecture Institute)任董事一职。
Carolyn Chandler 是位于芝加哥的下一代交互机构 Manifest Digital 的体验设计总监。她有 10 年的 UX 团队领导经验,并且是交互设计协会(Interaction Design Association)的负责人。她还在 DePaul 大学和各大设计大会上开设有研讨会。
- 1. 用户体验设计之道
什么是用户体验设计
用户体验设计是:为特定对象创建并安排用户体验相关要素,以影响他们的认知和行为。
不要忽视可触知性
可触知体验 [[Tangible Experience 的影响,如用户交互时的情境、影响用户与设计方案交互的实体产品(屏幕、键盘及其他输入设备)
本书关注
本书中,我们将主要关注数字体验设计(designing of digital experiences)方面的项目,如网站和软件应用这样的交互媒体。
关于用户体验设计师
为了创建记忆深刻并令人满意的体验,用户体验设计师需要了解如何为体验创建一个兼具逻辑性和可行性的架构,需要了解那些有助于与产品用户建立情感联系的要素。 准确的平衡点与产品有关。 达到平衡,需要具备极高的同理心:你可以将自己沉浸到潜在用户的世界中去理解他们的需求和动机。用户体验设计师通过研究来达成理解(见 6. 用户研究),并利用人物角色 [[Persona 这样的工具来帮助团队其他成员到他们的努力。
用户体验设计师在哪里出没
让我们开始
- 2. 项目生态系统
什么是项目生态系统?
所有项目都存在一个需要你去理解并将其融入规划的大的情境(context)。这个情境就是项目生态系统(ecosystem),它包含了你的工作环境(如企业文化)、你从事工作的类型(如你设计站点的类型)、与你交互的人(包括他们的角色和职责)。
为什么要关注项目生态系统?
你能更有效地传达你的职责和想法,并将帮助项目团队发现他们以前没有考虑过的项目需求。
确定站点类型
站点可能属于如下4种类型中的一种:
品牌展示
如想了解更多企业品牌的客户体验和企业建立品牌努力之间差异的信息,请阅读《网站与品牌体验》:www.digital-web.com/articles/brand_experience_and_the_web。 关于网站用户体验设计如何影响个体的品牌体验的优秀讨论,可阅读 Steve Baty 的文章《用户体验设计中的品牌体验》:http://www.uxmatters.com/mt/archives/2006/07/brand-experience-in-user-experience-design.php。 *设计目的*
- 传达公司的品牌价值和品牌信息。
- 提供了快捷访问公司信息的方式。
- 为一些主要用户群服务,引导他们到相应的交互界面、功能或内容。
- 帮助公司完成关键指标,如独立访问者人数。
营销活动
*其关注点通常包括以下几个方面:*
- 时间
- 用户群
- 产品、系列产品或产品之特定用途
*营销活动的设计目标:*
- 产生兴趣和兴奋,通常通过展示清晰即时的价值定位或某种形式的奖励来获得。
- 引发某个主要用户群执行某个特定操作,如点击品牌展示型站点上的特定位置、注册获取电子简报或申请贷款。
想了解更多关于通过设计网页来支持营销活动的信息,可阅读TimAsh的《Landing Page Optimization: The Definitive Guide for Testing and Tuning for Conversion》(sybex, 2008)。
内容源
*常见内容源网站*
- 企业内网(Intranet)
- 客户支持中心
*内容源网站设计目标*
- 展示内容以吸引用户首次或多次访问网站。
- 展示公司的理念和影响力,如展示公司CEO或公司内领域专家的想法和观点。
- 支持基于用户的关键决策。
- 增加公司的创新知识,展示可能被埋没在各个部门内的想法。
- 为以不同方式寻求信息的用户提供内容。
基于任务的应用程序
*常见的基于任务的应用程序:*
- 支持企业关键任务流的网站工具或应用
- 支持个人数据访问和管理的网站
- 基于任务的应用程序的设计目标
*多数基于任务的应用程序需要:*
- 能让用户完成在其他地方做不到的事情,或是能做得更好。
- 支持新手用户,提供易于访问的指导和关键任务图解。
- 支持中级和高级用户,提供快捷方式和更深入功能的访问。
- 降低用户负担,充分利用系统资源。
- 根据应用用户的需求变化来设计和实施。
- 实现一个有利于学习和可体现针对用户的价值的沟通计划的设计。
设计基于任务的应用所面临的最大挑战是控制“功能蔓延”
电子商务网站
电子商务网站(E-Commerce Sites)可能包括所有这4个项目类型的元素,这是因为其主要目的是为了满足电子商务需求的网站有其自身的品牌展示、提供内容、相关任务等。 **电子商务网站常见的其他功能如下所示**:
- 解释站点的模式,当其为非标准模式时。
- 在用户从了解到考虑,从比较到购买的过程中,通过帮助性的内容和功能来支持用户决策。
- 充分利用可能实现交叉销售和追加销售的体验点,将这样的建议以一种用户能注意而不会被干扰的形式呈现。
- 建立一个从购买到发货的沟通流程。
在线学习应用程序
在线学习应用程序(E-Learning Applications)兼具内容源应用和基于任务应用的特点。 **常见的设计目标如下所示**:
- 设定一门课程所需掌握的基本知识以及面向的对象。
- 将内容组织成便于理解和管理的模块。
- 让学习者参加模拟实践学习的活动。
- 沟通成绩和进度,如果可能,推荐下一步继续学习的课程,如更多高级课程。
设交网络应用程序、
社交网络应用程序的常见设计目标如下所示:
- 聚焦潜在用户的目的和网络的价值。
- 促进有意义的用户交互,并且和表达功能相互支持。
- 保护站点完整性,确保站点内的用户知道如何控制自己的信息和应对不当行为。
- 利用和展示社区的力量,以实现只有拥有很多活跃用户才能有的功能,如受欢迎的功能及其评论等。
移动站点和应用
如果你想着手开始创建一个响应式网站,可阅读《响应式Web设计实践》。 想更深入地研究代码,同时提高自己在可访问性方面的设计技能,请阅读Todd Parker、Patty Toland、Scott Jehl和 Maggie Costello Wachs所写的书《Designing for Progressive Enhancement: Building the Web That Works for Everyone》。 Dan Saffer在《Designing Gestural Interfaces》(O’Reilly, 2008)一书中对为触摸屏和其他交互设备设计进行了深入讨论。其中涉及相关的技术背景以及设计师应该考虑的新界面模式。
选择你的帽子
当你成为项目的用户体验设计师时,你通常会承担几个角色:
信息架构师
信息架构师负责创建信息结构模型,并在此基础上设计易用的导航和内容分类。
交互设计师
交互设计师负责定义网站或应用如何响应用户的行为。
用户研究员
用户研究员负责提供关于最终用户需求的深刻见解,这些见解的产生或确认却基于对用户的调研。
你可能承担或可能需要的其他角色
- 品牌策略专家或品牌管家
- 业务分析师
- 内容策略专家
- 文案撰稿人
- 视觉设计师
- 前端开发人员
建立倡导用户的网络
对于那些你不能肯定是否能够或期望负责的领域,请尝试寻求帮助。你可以通过下面三种方式进行:
- 推荐新的团队成员加入,如果需求足够。
- 在那些存在不足的关键领域继续学习——如果你可应付新职责并且可为其投入时间。
- 在公司内部建立支持网络,以便可以在关键时刻帮助你。
理解公司文化
一个公司的文化可能不会在所有的地区、业务单位或部门都一致,但你肯定可以识别出那些会影响你或你所承担项目的关键特性。当你审视项目并穿行于棘手的公司政治环境中时,最好随时记住下面这些方面:
历史
以前,公司的这个项目或团队中是否曾经有过设计师?如果是,尝试去了解哪里出了问题,以及客户希望你的方法有何不同。
等级
Geert Hofstede有一个用于描述文化差异的很好模型,他将其称之为“文化度量”,经常影响到人们交互/交流的方式。
后勤
例如,理解公司期望的通常步调会很有帮助,包括会影响项目的关键发布日期或最后期限。会要求你的团队为了即将到来的最后期限加班吗?
- 3. 给咨询师和自由职业者的建议
给行业中那些自己开展业务的人的指南: 成功管理项目和客户预期很有挑战性,但如果你没有提前准备好合适的协议,你将会发现自己承担的任何项目最终都可能以失败告终。
方案
何时需要写方案?答案是,总是。 为何要写方案?根据项目工作的经验,那些使人们感觉非常难受的项目,通常是那些客户和供应商之间缺少协议的项目。
创建方案
在确定项目后,马上就写出方案。一份良好方案的核心要素如下所示:
标题页
- 客户公司名称
- 客户公司标志(如果获许使用)
- 项目标题
- 文档类型(方案)
- 提交日期
- 你公司名称
- 方案作者
- 费用
- 提案版本
- 保密条款
修订历史
项目概览
概览部分是你用自己语言对工作项目进行的描述。此描述将给客户提供你对产品前景的想法,并提示他们在方案的其他部分都会读到些什么。
项目方法
项目方法将依赖于你所承担项目的类型。这是向客户展示如何计划和开展项目的好机会。需在其中定义参与规则并设定未来工作预期。
工作范围
工作范围的部分用于描述项目的工作分配。即描述项目的哪些部分由你负责,哪些部分由客户负责。
假定
方案的假定(Assumptions)部分是清楚陈述的好地方,不要留下争议空间,为了保证成功,客户需要提供些什么。
交付件
交付件(deliverables)是你创建并提交给客户的工作产品。在本节,你有机会向客户详细描述,他们能期待通过项目从你这里获得什么样的产品。
所有权及权益
你将允许你的客户使用你的产品到什么程度,这点很重要。有多种方式定义这些权益,但通常你的成果可划归到下面两类:
- 受雇工作(work for hire):受雇工作(法律界称之为“雇佣下完成的工作”)项目的版权被认为属于支付报酬的一方,而不属于完成实际工作的一方。
- 授权型项目让你拥有工作的版权,然后授予对方复制或发布的权利。你可在授权许可协议中写进自己期望的条款。你可以充分利用你作品的版权,你拥有你作品的所有原创版权,并且只给你客户提供受限使用的作品。
附加成本和费用
让你的客户知道项目报价是否包含外部资源的费用。
项目报价
在你写完你将如何执行项目的文档后,你该让你的客户知道费用情况了。 这里有一些小技巧:估计一下项目将会花费你多长时间——包括一定数量的改进,估计出一个合理的项目管理时间,这可能占到25%;然后确定一下你希望的小时费率,并计算出总数。有各种计算公式可帮你完成这项工作。比如给项目的各个部分带上难度值,帮助你为客户提供一个成本范围。
付款计划
制定付款计划有多种方式,从预先确定提交发票的时间节点到基于里程碑的支付。聪明的方法是在项目中制定定期的带有详细发票的付款计划。此方法应该让客户清楚了解什么已经完成、什么还有待完成。
确认和签收
确保每个人都清楚,发生事情时该如何处理以及双方各自承担什么,这至关重要。 签收很简单清楚。一旦你创建完协议方案文档,你将其提供给客户确认和签收,证明其是你们两个公司之间的协议。总要准备两份——每方一份——并确保两份都进行签署。
工作说明书
工作说明书是对项目目标的高度总结,你应该将其放到2~3页的篇幅中(不包括封面)。 工作清单应该是2~3页,至少要包含下列内容:
- 标题页
- 修订历史
- 项目参考号
- 项目总结
- 开始日期
- 结束日期
- 费率/价格
- 项目预期
- 活动和交付件
- 分项成本和付款时间表
- 确认和签字
你可以通过精简协议方案来形成一份工作清单。
- 4. 项目
具体化项目目标
会议结束时,理想状况下,你应该有了如下信息:
- 为何该项目对公司很重要?
- 利益相关方如何判断项目是否成功?
- 项目将遵循哪种方法论?
- 有哪些重要日期或里程碑式的关键点,如得到业务利益相关方的确认?
用户体验设计师如何发挥作用
目标是说出公司的优势(strengths)、劣势(weaknesses)、机会(opportunities)和威胁(threats)。这被称为 SWOT 分析。
理解项目方法
如何为项目选择合适的方法:
瀑布流
敏捷方法
- 精益 UX[[Lean UX
精益UX方法如何影响项目中的用户体验设计师角色? 它假定团队中UX角色具备领导力素质。精益UX过程强迫你持续和团队沟通,并征求他们的反馈。 LUXr是基于精益UX实践创建的公司。你可以在他们的站点上读到精益UX的简介和更多关于准则的详细介绍内容(http://luxr.co/lean-ux/9-principles-for-lean-ux/) 所有用户体验设计师都要专注于减少过程中的浪费,抛开团队的特定方法优先考虑交流而不是文档,如Whitney Hess指出的那样:http://whitneyhess.com/blog/2011/02/27/why-i-detest-the-term-lean-ux/ 如果你的项目使用敏捷方法,你在需求搜集阶段会有一些独特需求,如通过撰写“用户故事”来捕捉需求。我们推荐书籍《User Stories Applied: For Agile Software Development》,Mike Cohn(Addison-Wesley Professional, 2004)
改进版方法
方法会对我产生怎样的影响
- 5. 业务需求
为了确保你在项目结束时有一个完整的解决方案,你需要从多个角度产生和澄清需求。在本章,我们将专注于从利益相关方那里搜集和细化需求。 *商业需求做如下几种事情:*
- 提供对必须解决的需求的洞察;
- 表达并具体化由不同利益相关方提出的需求;
- 为设计提供方向,不需要太具体的完成步骤;
- 成为用于排列优先顺序和跟踪的独立工作单元;
*获得项目需求的提炼列表涉及如下步骤:*
- 理解网站或其竞争对手的现状;
- 从利益相关方以及当前或潜在用户那里搜集需求和想法;
- 将想法提炼成需求;
- 根据项目目标排列需求的优先顺序;
理解现状
*理解现状的方法:*
- [[竞品分析
- [[启发式评估
- [[利益相关者访谈
启发式分析
启发式(heuristic)这个词意味着经验准则或最佳实践。启发式分析表示利用一组可用性设计准则(经验式)来检查产品,通常由UX设计师来开展。用户友好型网站将符合你在分析中使用到的全部或大多数启发准则。 *目的*
- 分析重新设计当前网站项目或用于分析竞争网站,以发现提供比其他公司更佳用户体验的机会。
- 你将对分析的站点有一个深入了解并得到一份对新站点需求有用的想法列表。
*时机* *方法*
- 搜集产品和项目的背景知识:了解站点目标、主要用户群、用户所处的环境、具备的专业知识。
- 选择采用的启发准则:参考 Bruce Tognazzini 的设计准则列表
- 浏览网站的重点区域,标出那些遵循启发准则较好或较差的地方。
- 给项目团队和主要利益相关方展示你的发现。
*成果*
- 成果是一份描述站点优势和劣势的文档,包括改进建议。
*标注规则*
- 总体观察。一个总结发现的短句。最好给其加上编号,这样以便你在解释报告时,可以快速引用。
- 一个简单描述。一到两个自然段,用于描述发现的上下文。
- 影响级别。给观察到的问题评出高中低的级别。
- 建议。这是你分享的下一步骤或想法,可当作你遇到问题的补救措施。
从利益相关方搜集想法
因此如何鼓励一种较均衡的需求过程,既关注商业需求又避免耗时变动呢?下面是一个高效过程中的一些步骤:
- 勾勒职责 ,保证团队成员在需求搜集时理解他们将要负责的角色。
- 从合适利益相关方那儿搜集信息 ,确保在以需求为焦点的访谈和会议中,时间得到最佳利用。
- 建立会议计划,包括会议期间将会讨论的主题以及将会提出的问题。
- 有效的开会,捕捉想法并澄清。调查想法并深挖背后的需求。
勾勒职责
从合适利益相关方那儿搜集信息
建立会议计划
销售:需求搜集会议
有效的开会
提炼需求
*最后产生的需求应该包括以下几方面:*
- 对必须解决的整体需求有深入了解;
- 整理和提炼来自不同利益相关方的需求;
- 为设计提供方向,不做如何实现的具体指导;
作为独立工作单元服务于排序和跟踪;
- 用户研究
用户研究基本步骤
- 定义用户群 :涉及到创建一个框架来描述设计针对的主要用户类型,这样在招募参与研究的用户时,可以有的放矢。
- 制定用户参与计划。即基于项目需求在研究中选择一种或几种用户参与方法。
- 开展研究。在这一步,将介绍一些基本方法,如访谈和问卷调查,以及实施时的一些小技巧。
- 确认用户群定义 。利用研究所得,确定用户群模型。此模型将是开发更进一步工具的平台,如人物角色。
- 生成用户需求 。这是站点预期功能的特征描述。将这些描述加入到业务需求中(在第5章中讨论),并对其优先排序,形成项目需求。
定义用户群
创建特征列表
排序和优化
选择研究方法
需要包含多少种研究活动
用户访谈
实境调查
问卷调查
实境调查方面的精华资源是Hugh Beyer 和Karen Holtzblatt 所著的《Contextual Design》(Morgan Kaufmann, 1997)。这本书也详细介绍了如何用亲近图解释结果。 要想了解关于心智模型的更多信息,可以看一下Indi Young 所著的《Mental Models:Aligning Design Strategy with Human Behavior》(Rosenfeld Media, 2008)。当你在给内容创建信息架构时,这会非常有用。
- 7. 人物角色
人物角色可以通过了解用户以及他们的期望和行为来对项目的很多部分提供详细的检视,这些部分包括:业务需求、视觉设计或质量保证。
什么是人物角色呢?
人物角色是用来描述典型目标用户的文档。 用户体验设计师通常认为创建人物角色是同理心方面的很好活动。
为什么要创造人物角色?
通过对“真实”用户“真实”行为的洞察,人物角色可以帮你解决设计和开发决策中碰到的冲突,然后你和项目组才能够继续前进。
为人物角色收集信息
人物角色必须由研究来支撑。
创建人物角色
最低内容要求
切记在人物角色里包含6个关键信息要素:照片、姓名、年龄、地址、职业和人物简介。
可选内容
可以为人物角色增加价值的可选内容包括以下几方面:
- 教育水平
- 收入或收入范围
- 角色语录。人物角色会声称自己的座右铭是什么。
- 在线活动。这有时会很棘手,人们以多种方式度过他们的在线时光。
- 线下活动。你的人物角色有没有兴趣爱好呢。
- 客户、品牌或者项目的关键进入点、触发点。
- 技术适应度(Technical comfort level)。你的人物角色使用 PC 还是苹果电脑呢。
- 社交适应度(Social comfort level)。既然社会化媒体和社交网络正在日益发展,她是否有Twitter账号。
- 移动设备适应度(Mobile comfort level)
如果希望更深入的了解人物角色,请阅读由Steve Mulder和Ziv Yaar编写的《The User Is Always Right:A Practical Guide to Creating and Using Personas for the Web》(New Riders,2006)。
高级人物角色
非正式人物角色:同理心地图
同理心地图是识别出一个特定人物角色并让你的读者(可能是利益相关方或者其他了解用户/消费者的人)清晰地了解人物角色在看什么、说什么、做什么、听什么、想什么等多方面的综合活动。 你可以通过访问James Macanufo’s Slideshare在网上找到同理心地图的模板,网址是:http://www.slideshare.net/jmacanufo/empathy-map-template-v1 Dave Gray、Sunni Brown和James Macanufo在他们所写的《Gamestorming—A Playbook for Innovators,Rulebreakers,and Changemakers》(O’Reilly Media,2010)一书中推行了一个非常有帮助的“同理心地图”活动,此活动最早由Scott Matthews设计 获取关于同理心地图的更多信息,请访问Gamestorming的博客,地址是:http://www.gogamestorm.com/?p=42
关于人物角色的最后一点思考
- 8. 内容策略
Kristina Halvorson,她是Braintraffic公司的首席执行官,同时也是《Content Strategy for the Web》(New Riders,2010)以及《The Discipline of Content Strategy》(A List Apart)的作者,网址是:http://www.alistapart.com/articles/
你为什么需要内容策略?
Margot Bloomstein, 也是《Content Strategy at Work: Real-World Stories to Strengthen Every Interactive Project》(Morgan Kaufmann,2012)一书的作者
什么时候需要内容策略?
在项目开始讨论时,就应该尽早涉及内容策略和/或内容策略需求。
谁制定内容策略?
内容策略师
内容策略应该持续多长时间?
答案应该是“永远”。因为内容位于品牌_产品_项目和用户之间的直接接触地带,在涉及到内容策略的地方,应该包含度量及调整部分。
听起来很熟悉……
随着信息架构的完成,信息架构已经被组织好、分好类并为信息贴好了标签;并且可能很多内容策略师做的工作都正在将他们的灵敏感觉转化为行动。
交易工具
工具
- 定量审核:定量审核最核心的部分是URL(如果这是基于web的项目)和/或网页位置(类似于站点地图中的网页编号)、网页名以及网页内容。
- 定性审核:除了所有定量审核里包括的信息,还可以包括其他类似于标题、正文描述、主要信息、图片描述和大小、视频描述和大小、网页中的其他内容类型、注释、流量信息(内容使用情况)、搜索引擎优化信息、内容准确率、内容使用率、内容用户友好程度、语法、拼写、结构等信息。
- 信息结构[[Information Architecture
Margot是这方面的专家,并且在她即将出版的新书《Content Strategy at Work》(Morgan Kauffman,2012)里有一整章是描写信息结构的。
- 内容矩阵[[Content Matrix:最大的差异是内容矩阵还监测产品状态、相关链接、元数据、图片及其他页面元素的替代性文字、内容源、内容所有者、内容是否被批准或内容的状态以及内容的交付期限。
- 内容模板[[Content Template不是线框图,但是它们通过提供界面和/或模板层级的信息同线框图配合良好。
Erin Kissane写过一篇题为“Content Templates to the Rescue”的有用文章,可以通过访问http://www.alistapart.com/articles/content-templates-to-the-rescue%E8%BF%99%E4%B8%80%E7%BD%91%E5%9D%80%E6%9D%A5%E6%B7%B1%E5%85%A5%E4%BA%86%E8%A7%A3%E8%BF%99%E7%AF%87%E6%96%87%E7%AB%A0%EF%BC%8C%E6%96%87%E7%AB%A0%E4%B9%9F%E6%8F%90%E4%BE%9B%E4%BA%86%E4%B8%80%E4%B8%AA%E5%8F%AF%E4%BE%9B%E5%8F%82%E8%80%83%E7%9A%84%E6%A1%88%E4%BE%8B。
- 编辑日历[[Editorial Calendar:为未来的内容制定项目计划
根据Tim Slavin的文章《How to Create an Editorial Calendar to Publish Blogs,Facebook Fan Pages,Twitter,and Email Newsletters》(Reach Customers Online),网址为:www.reachcustomersonline.com/2010/08 20⁄09.16.39?doing_wp_cron=1328403570 编辑日历需要有以下核心要素: 1.要发表的内容需要基于读者需求和头脑风暴得到的概念。 2.给要发表的内容排出优先级。 3.每件内容的发布都需要努力工作。 4.需要微-内容(例如,页面名称、标题、导航链接标签、ALT标签、页脚、导语)。 5.撰写、编辑、发表每一件内容都需要签上日期。 6.发布位置(例如,博客、电子通讯、Twitter、Facebook)。
- 内容流[[Content Flow是这样一个图表,它可以显示多少内容已经被创建以及进入了编辑和审批通道,然后发布出来。
你需要哪一种工具呢?
额外资源
A List Apart期刊在它的内容策略部分包含数篇文章,可以访问www.alistapart.com/topics/content/content-strategy Richard Ingram有一个很好的指导深入学习的博客,网址是www.richardingram.co.uk Contents Magazine最近推出了一个网站,已经放上了不少好文章,网址是http://contentsmagazine.com rain Traffic有一个博客。你应该马上把这个博客收藏到你的内容源中,地址是http://blog.braintraffic.com Shelly Bowen’s Pybop有一个内容策略师所需的其他资源列表,可以访问www.pybop.com/ Intentional Design,Inc.整理了一个内容策略的出版物列表,可以访问http://intentionaldesign.ca/category/content-strategies/deliverables 来获得 Donna Spencer提供了一个能帮你开始审核的内容库表单,网址是http://maadmob.com.au/resources/content%5Finventory
值得留意的事情
- 9. 转变
本章将讨论可以使用的一些从定义到设计的过渡方式,包括帮助团队将解决方案的设计视觉化的方法、排列功能的优先级以创建完整的需求系统、规划那些将进入项目下一阶段的设计活动。
酝酿和使功能视觉化
很多时候,人们可能会讨论需求并因为对方的语言争吵,而通常情况下,在看到以视觉方式呈现的概念之前,他们也许并未真正明白对方的意思。
设计师需要以视觉的方式作为沟通的桥梁,来向开发者解释产品需求。
- 其中一种技术是协同创建故事版
故事版的基本流程
在故事版的准备阶段,你需要创建一个希望探索的使用场景列表 谁是这一场景的主要用户?他扮演何种角色?这就是你的用户模型或人物角色派上用场的地方了。 你也许希望从头到尾再讨论一遍使用场景,以发现每一类群体可能需要的不同功能。
实施优先级排列过程
把他们削减到只剩下有重要价值的需求,对把这些需求进行优先级排序,生成排序列表。 排列优先级的过程还应该包括。 代言业务观点的人(业务代言人)。 代言开发团队观点的人(开发代言人)。 代言项目需求的人(例如项目经理)
维持良好张力
开发人员代表
管理优先级排列过程中的冲突
想了解更多关于此变种方法在优先级排序中使用的信息,请阅读文章《KJ-Technique:A Group Process for Establishing Priorities》,由Jared M.Spool创作:www.uie.com/articles/kj_technique
准备活动和文档
- 10. 设计原则
视觉设计
统一性与多样性
层次结构和显著性
元素的精简
比例和平衡
交互
联想与功能提示性
动作的节省
反馈
心理学
有吸引力设计的效果
心流及游戏设计
社会认同
创建你自己的指导原则
- 11. 站点地图和任务流
工具系列
站点地图和任务流的基本元素
网页
页面栈
决策点
连接器和箭头
条件
常见错误
草率的连接
排列不整齐的对象
文本放置不当
缺少页码
简单站点地图
高级站点地图
突破站点地图的模式
任务流
下一层级的任务流
- 12. 线框图和标注
标注是什么?
谁使用线框图?
创建线框图
行业工具
从简单开始:设计基本线框图
入门指南
线框图和标注
创建线框图:示例流程
你提到的草图是什么?
进入数字化:线框图
进入数字阶段:视觉设计
嘿,我听说过的响应式设计怎么样?
线框图vs原型
哪一种设计正确?
关于线框图展示的最后说明
- 13. 原型
我需要什么程度的原型?
纸面原型
数字化原型
线框图vs逼真原型
HTML vs WYSIWYG(所见即所得)编辑器
更多原型工具
与开发人员一起工作
原型案例
原型之后是什么?
- 14. 设计用户测试
探索视觉设计原型
选择设计测试方法
定性研究与定量研究
现场研究和远程研究
远程研究的注意事项
有人主持的方法和自动化方法
可用性测试
制定研究计划
招聘和后勤工作
编写讨论指南
实施
分析和展示结果
- 15. 转换:从设计到开发,再到……
做得差不多了
视觉设计、开发和质量保证
设计用户测试(再次)
10,9,8,7,6,5,4,3,2,1…发布!
个人方面的好处
支持
网络意见
发布后活动
发布后分析
发布后的针对设计的用户测试(一遍,再一遍)
- 16. 会议简短指南
他确定了召开会议之前要问的五个关键问题:
- 会议的花费能产出对应的效益吗?
- 能做决策的人都可以参加吗?(时间对吗?)
- 会议的目的是否清晰?
- 必要的信息都准备好了吗?
- 是否考虑过开会的替代方案?
议程
议程应该包含以下信息:
- 会议名称或类型
- 会议日期、时间和持续时间
- 会议地点
- 拨号接入信息(如果需要的话)
- 在线会议信息(如果需要的话)
- 与会者列表
- 会议目的
- 谁负责什么以及必须在多长时间内完成
会议规则
会议结束后
应对不遵守规定的参会者
关于会议的结语
全部完成了,对吗?
就像再次开始……
- REFERENCES
- [LINK]()
- RELATED
- [[reference
- EXTENDS
- 如想了解更多企业品牌的客户体验和企业建立品牌努力之间差异的信息,请阅读《网站与品牌体验》:www.digital-web.com/articles/brand_experience_and_the_web。
- 关于网站用户体验设计如何影响个体的品牌体验的优秀讨论,可阅读 Steve Baty 的文章《用户体验设计中的品牌体验》:http://www.uxmatters.com/mt/archives/2006/07/brand-experience-in-user-experience-design.php。
- 想了解更多关于通过设计网页来支持营销活动的信息,可阅读TimAsh的《Landing Page Optimization: The Definitive Guide for Testing and Tuning for Conversion》(sybex, 2008)。
- Kristina Halvorson 和 Melissa Rach 在他们的书籍《Content Strategy for the Web》(New Riders,2012)中提出了内容策略方面的指南,
- 如果你想着手开始创建一个响应式网站,可阅读《响应式Web设计实践》。
- 想更深入地研究代码,同时提高自己在可访问性方面的设计技能,请阅读 Todd Parker、Patty Toland、Scott Jehl 和 Maggie Costello Wachs 所写的书《Designing for Progressive Enhancement: Building the Web That Works for Everyone》。
- Dan Saffer在《Designing Gestural Interfaces》(O’Reilly, 2008)一书中对为触摸屏和其他交互设备设计进行了深入讨论。其中涉及相关的技术背景以及设计师应该考虑的新界面模式。
- 它假定团队中UX角色具备领导力素质。精益UX过程强迫你持续和团队沟通,并征求他们的反馈。
- LUXr 是基于精益UX实践创建的公司。你可以在他们的站点上读到精益UX的简介和更多关于准则的详细介绍内容(http://luxr.co/lean-ux/9-principles-for-lean-ux/)
- 所有用户体验设计师都要专注于减少过程中的浪费,抛开团队的特定方法优先考虑交流而不是文档,如Whitney Hess指出的那样:http://whitneyhess.com/blog/2011/02/27/why-i-detest-the-term-lean-ux/
- 如果你的项目使用敏捷方法,你在需求搜集阶段会有一些独特需求,如通过撰写“用户故事”来捕捉需求。我们推荐书籍《User Stories Applied: For Agile Software Development》,Mike Cohn(Addison-Wesley Professional, 2004)
- 实境调查方面的精华资源是 Hugh Beyer 和 Karen Holtzblatt 所著的《Contextual Design》(Morgan Kaufmann, 1997)。这本书也详细介绍了如何用亲近图解释结果。
- 要想了解关于心智模型的更多信息,可以看一下 Indi Young 所著的《Mental Models:Aligning Design Strategy with Human Behavior》(Rosenfeld Media, 2008)。当你在给内容创建信息架构时,这会非常有用。
- 如果希望更深入的了解人物角色,请阅读由Steve Mulder和Ziv Yaar编写的《The User Is Always Right:A Practical Guide to Creating and Using Personas for the Web》(New Riders,2006)。
- 你可以通过访问James Macanufo’s Slideshare在网上找到同理心地图的模板,网址是:http://www.slideshare.net/jmacanufo/empathy-map-template-v1
- Dave Gray、Sunni Brown 和 James Macanufo 在他们所写的《Gamestorming — A Playbook for Innovators,Rulebreakers,and Changemakers》(O’Reilly Media,2010)一书中推行了一个非常有帮助的“同理心地图”活动,此活动最早由Scott Matthews设计
- 获取关于同理心地图的更多信息,请访问 Gamestorming 的博客,地址是:http://www.gogamestorm.com/?p=42
- Kristina Halvorson,她是Braintraffic公司的首席执行官,同时也是《Content Strategy for the Web》(New Riders,2010)以及《The Discipline of Content Strategy》(A List Apart)的作者,网址是:http://www.alistapart.com/articles/
- Margot Bloomstein, 也是《Content Strategy at Work: Real-World Stories to Strengthen Every Interactive Project》(Morgan Kaufmann,2012)一书的作者
- Margot是这方面的专家,并且在她即将出版的新书《Content Strategy at Work》(Morgan Kauffman,2012)里有一整章是描写信息结构的
- Erin Kissane写过一篇题为“Content Templates to the Rescue”的有用文章,可以通过访问http://www.alistapart.com/articles/content-templates-to-the-rescue 这一网址来深入了解这篇文章,文章也提供了一个可供参考的案例。
- 根据Tim Slavin的文章《How to Create an Editorial Calendar to Publish Blogs,Facebook Fan Pages,Twitter,and Email Newsletters》(Reach Customers Online),网址为:www.reachcustomersonline.com/2010/08 20⁄09.16.39?doing_wp_cron=1328403570
- A List Apart期刊在它的内容策略部分包含数篇文章,可以访问www.alistapart.com/topics/content/content-strategy
- Richard Ingram有一个很好的指导深入学习的博客,网址是www.richardingram.co.uk
- Contents Magazine最近推出了一个网站,已经放上了不少好文章,网址是http://contentsmagazine.com
- rain Traffic有一个博客。你应该马上把这个博客收藏到你的内容源中,地址是http://blog.braintraffic.com
- Shelly Bowen’s Pybop有一个内容策略师所需的其他资源列表,可以访问www.pybop.com/
- 想了解更多关于此变种方法在优先级排序中使用的信息,请阅读文章《KJ-Technique:A Group Process for Establishing Priorities》,由Jared M.Spool创作:www.uie.com/articles/kj_technique