用户体验设计方法总体分为四个步骤

1、理解并定义用户需求

2、输出满足用户需求的设计方案

3、输出设计方案的原型

4、用户测试与评估

       用户体验设计中方法众多，以下文章是我翻译的一篇较早的用户体验设计方法文章总结，其中一些方法我们至今使用，而有些方法似乎较为陌生，方法永远为了服务设计，文章中作者列举出了31种用户体验设计方法，并且每个设计方法下面均附有业内使用这种方法的实践或思考，文章篇幅较长，希望大家食用愉快！

01服务蓝图

       一张展示消费者与品牌所有接触点的地图，以及其中涉及到的关键内部流程，将这些路径可视化有助于改善流程。

相关链接：

服务设计蓝图

https://www.thedesigngym.com/service-design-blueprint/?source=post_page-----657f54ce3c7d----------------------

服务设计蓝图-维基百科

https://en.wikipedia.org/wiki/Service_blueprint?source=post_page-----657f54ce3c7d----------------------

服务设计工具——服务蓝图

http://www.servicedesigntools.org/tools/35?source=post_page-----657f54ce3c7d----------------------

02用户旅程图

       一个图形，探讨了消费者在服务互动时采取的多个（有时是不可见的）步骤，允许设计师在每个步骤中构建消费者的动机和需求，创造适合每个步骤的设计解决方案。

相关链接：

用户旅程图-介绍

https://usabilitygeek.com/customer-journey-maps-create-technique/?source=post_page-----657f54ce3c7d----------------------

用户旅程图示例

https://www.smartinsights.com/user-experience/customer-experience-management-cxm/mapping-customer-journey/?source=post_page-----657f54ce3c7d----------------------

03人物角色

       通过塑造虚拟角色来突出群体的行为、需求和动机，人物角色让设计师更容易在设计 过程中与消费者建立同理心。

相关链接：

人物角色：良好用户体验的基础

http://uxmag.com/articles/personas-the-foundation-of-a-great-user-experience?source=post_page-----657f54ce3c7d----------------------

在UX设计中定义和应用角色

https://webdesign.tutsplus.com/articles/defining-and-applying-personas-to-ux-design--webdesign-7561?source=post_page-----657f54ce3c7d----------------------

充分利用人物角色

http://www.uxforthemasses.com/personas/?source=post_page-----657f54ce3c7d----------------------

04生态系统图

       将公司的数字属性、各要素之间的联系以及在整体营销策略中的目的进行可视化的展现，可以为你提供新资产以及现有资产来实现品牌业务目标。

相关链接：

设计数字战略

https://www.uxbooth.com/articles/designing-digital-strategies-part-1-cartography/?source=post_page-----657f54ce3c7d----------------------

端对端的体验设计

http://uxmag.com/articles/end-to-end-experience-design?source=post_page-----657f54ce3c7d----------------------

05竞争分析

       对竞争对手产品进行全面分析，以可比较的方式绘制其现有功能。帮助了解行业标准并确定在特定领域进行创新的机会。

相关链接：

竞争分析：了解市场背景

http://boxesandarrows.com/competitive-analysis-understanding-the-market-context/?source=post_page-----657f54ce3c7d----------------------

竞争分析示例

http://cargocollective.com/ameliabauerly/Competitive-Analysis-Example?source=post_page-----657f54ce3c7d----------------------

06价值主张

       在产品定义的早期阶段的还原过程，列出它的关键方面：它是什么，它是谁以及何时/何地将被使用。帮助团队缩小范围并就产品的内容达成共识。

相关链接：

价值主张-维基百科

https://en.wikipedia.org/wiki/Value_proposition?source=post_page-----657f54ce3c7d----------------------

用户体验设计师如何利用价值主张

https://gibbon.co/fabricioteixeira/ux-value-proposition?source=post_page-----657f54ce3c7d----------------------

价值主张模板

https://www.peterjthomson.com/2013/11/value-proposition-canvas/?source=post_page-----657f54ce3c7d----------------------

07利益相关者访谈

       用于访问项目内部和外部关键利益相关者的方法，以收集有关其目标的见解。它有助于开发特征并定义关键绩效指标（KPI）。

相关链接：

更好的利益相关者访谈

https://cognition.happycog.com/article/better-stakeholder-interviews?source=post_page-----657f54ce3c7d----------------------

利益相关者访谈模板

https://www.uxapprentice.com/resources/stakeholder-interview-template/?source=post_page-----657f54ce3c7d----------------------

利益相关者访谈清单

http://boxesandarrows.com/a-stakeholder-interview-checklist/?source=post_page-----657f54ce3c7d----------------------

08关键绩效指标（KPI）

       预先衡量的标准，用于衡量战略目标的进展或运营目标的维护。 KPI有助于在整个过程中为设计决策提供信息，并衡量用户体验工作的结果。

相关链接：

用户体验关键绩效指标的力量

https://articles.uie.com/power_of_ux_kpi/?source=post_page-----657f54ce3c7d----------------------

基本可用性指标

https://articles.uie.com/power_of_ux_kpi/?source=post_page-----657f54ce3c7d----------------------

一系列用户体验KPI和指标

https://www.cxpartners.co.uk/our-thinking/big_list_of_ux_kpis_and_metrics/?source=post_page-----657f54ce3c7d----------------------

09头脑风暴

       产生无约束思想的集体过程，以响应给定的创意简报。允许团队在决定使用哪种解决方案之前，可视化各种设计解决方案。

相关链接：

7种独特的头脑风暴技术

https://www.inc.com/ss/7-unique-brainstorming-techniques?source=post_page-----657f54ce3c7d----------------------

25个头脑风暴小贴士

https://designtaxi.com/article.php?article_id=100657&source=post_page-----657f54ce3c7d----------------------

10情绪版

       图像和参考的集合，最终将演变为产品的视觉风格指南。

相关链接：

为什么需要情绪版

https://www.webdesignerdepot.com/2008/12/why-mood-boards-matter/?source=post_page-----657f54ce3c7d----------------------

如何创造激发灵感的情绪板：20个专业技巧

https://www.creativebloq.com/graphic-design/mood-boards-812470?source=post_page-----657f54ce3c7d----------------------

什么是情绪板，它们真的很重要吗？

https://www.infragistics.com/community/blogs/b/ux/posts/what-exactly-are-mood-boards-and-do-they-really-matter

11故事版

       一个漫画，展示消费者在使用产品时需要采取的一系列行动。将功能转化为现实生活中的情境，帮助设计师在初步了解产品范围的同时与消费者建立同理心。

相关链接：

软件设计过程中的故事板

http://uxmag.com/articles/storyboarding-in-the-software-design-process?source=post_page-----657f54ce3c7d----------------------

在世界各地的领先公司使用故事板的案例研究

https://www.storyboardthat.com/articles/education/teacher-resources

12用户流程

       用户在产品中完成任务的流程的直观表示。这是用户视角，可以更轻松地识别可以改进或重新设计的步骤。

相关链接：

停止设计页面并开始设计用户流程

https://www.smashingmagazine.com/2012/01/stop-designing-pages-start-designing-flows/?source=post_page-----657f54ce3c7d----------------------

简写UI流程

https://signalvnoise.com/posts/1926-a-shorthand-for-designing-ui-flows?source=post_page-----657f54ce3c7d----------------------

13任务分析

       完成任务所需的信息和操作的细分。帮助设计人员和开发人员了解当前系统及其信息流。 可以在新系统中适当地分配任务。

相关链接：

任务分析——可用性知识

http://www.usabilitybok.org/task-analysis?source=post_page-----657f54ce3c7d----------------------

分层任务分析

https://www.uxmatters.com/mt/archives/2010/02/hierarchical-task-analysis.php?source=post_page-----657f54ce3c7d----------------------

14分类

       围绕内容和数据分类的多种方式的探索：新闻网站中的主题，电子商务中的产品类别等。协助设计者定义内容结构以支持用户和组织的目标。

相关链接：

分类：内容策略的新朋友

http://johnnyholland.org/2012/04/taxonomy-content-strategys-new-best-friend/?source=post_page-----657f54ce3c7d----------------------

15内容审计

       列出网站上所有可用内容的活动。 此列表将在项目的各个阶段派上用场：查看大图，定义内容策略并检查每个页面的详细信息。

相关链接

如何执行内容审核

https://www.distilled.net/blog/seo/how-to-perform-a-content-audit/?source=post_page-----657f54ce3c7d----------------------

从内容审计到设计洞察力

http://uxmag.com/articles/from-content-audit-to-design-insight?source=post_page-----657f54ce3c7d----------------------

16启发式分析

       使用已知的交互设计原则作为指导原则，详细分析突出好的和坏的做法的产品。 帮助您在可用性，效率和体验效果方面可视化产品的当前状态。

相关链接：

您从启发式评估中获得的内容

https://uxmag.com/articles/what-you-really-get-from-a-heuristic-evaluation?source=post_page-----657f54ce3c7d----------------------

17网站地图

       最具代表性的可交付成果之一，包括按层次结构组织的网站页面图。 它使得可视化网站的基本结构和导航变得容易。

相关链接：

站点地图 - 初学者指南

https://theuxreview.co.uk/sitemaps-the-beginners-guide/?source=post_page-----657f54ce3c7d----------------------

保持站点地图的有用性和相关性

https://uxmag.com/articles/is-the-sitemap-losing-its-client-facing-steam?source=post_page-----657f54ce3c7d----------------------

18功能路线图

       具有优先功能的产品演变计划。 它可以是电子表格，图表甚至是一堆便笺。与团队分享产品战略以及实现其愿景所需的道路。

相关链接：

询问产品经理：有效的产品路线图

https://www.mindtheproduct.com/2013/06/ask-a-product-manager-effective-product-roadmaps/?source=post_page-----657f54ce3c7d----------------------

19用例和场景

       用户与产品交互时发生的全面场景列表：登录，未登录，首次访问等。确保彻底考虑所有可能的操作，以及每种方案中的系统行为。

相关链接：

用例-维基百科

https://en.wikipedia.org/wiki/Use_case?source=post_page-----657f54ce3c7d----------------------

了解用例分析

https://ux.walkme.com/understanding-use-case-analysis/?source=post_page-----657f54ce3c7d----------------------

有关UX用例的帖子

https://uxapprentice.wordpress.com/tag/use-cases/?source=post_page-----657f54ce3c7d----------------------

20度量分析

       分析工具或您自己的数据库提供的有关用户如何与您的产品进行交互的数字：点击次数，导航时间，搜索查询等。度量标准还可以“发现意外”，表现在用户测试中不明确的行为。

相关链接：

超越目标：自下而上的网站搜索分析

https://alistapart.com/article/beyond-goals-site-search-analytics-from-the-bottom-up/?source=post_page-----657f54ce3c7d----------------------

A / B测试和分析如何使您成为更好的设计师

https://www.smashingmagazine.com/2011/09/how-metrics-can-make-you-a-better-designer/?source=post_page-----657f54ce3c7d----------------------

21用户访谈/焦点小组

       一组讨论特定主题或问题的人。教导用户的感受，意见甚至语言。当目标受众对团队来说是新的或未知时很有用。

相关链接：

用户访谈 - 初学者指南

https://theuxreview.co.uk/user-interviews-the-beginners-guide/?source=post_page-----657f54ce3c7d----------------------

如何进行用户访谈

https://www.interaction-design.org/literature/article/how-to-conduct-user-interviews?source=post_page-----657f54ce3c7d----------------------

焦点小组 - 如何运行它们

https://www.webcredible.com/blog/focus-groups-how-run-them/?source=post_page-----657f54ce3c7d----------------------

如何解决焦点小组最常见的5个错误

http://uxmag.com/articles/how-to-fix-the-5-most-common-mistakes-with-focus-groups?source=post_page-----657f54ce3c7d----------------------

22定量调查

       提供数字作为结果的问题。 快速而廉价的方法来衡量用户满意度并收集有关产品的反馈。 这可能表明需要进行更深入的定性测试。

相关链接：

成功的可用性问卷的7个方面

http://www.stevebromley.com/blog/2009/11/11/7-aspects-of-successful-usability-questionnaires/?source=post_page-----657f54ce3c7d----------------------

通过调查改善用户研究

https://uxmastery.com/better-user-research-through-surveys/?source=post_page-----657f54ce3c7d----------------------

定量和定性研究的优势和劣势

https://www.uxmatters.com/mt/archives/2012/09/strengths-and-weaknesses-of-quantitative-and-qualitative-research.php?source=post_page-----657f54ce3c7d----------------------

23可用性测试

       一对一访谈，要求用户在原型或产品中执行一系列任务。 验证并收集流程，设计和功能的反馈。

相关链接：

运行可用性测试

https://www.usability.gov/how-to-and-tools/methods/running-usability-tests.html?source=post_page-----657f54ce3c7d----------------------

可用性测试的艺术

https://www.uxbooth.com/articles/the-art-of-guerrilla-usability-testing/?source=post_page-----657f54ce3c7d----------------------

24卡片分类

       一种技术，包括要求用户将内容和功能分组为开放或封闭类别。 使您可以输入内容层次结构，组织和流程。

相关链接：

关于卡片分类的10件事

https://measuringu.com/card-sorting/?source=post_page-----657f54ce3c7d----------------------

卡片排序可用性知识

http://www.usabilitybok.org/card-sorting?source=post_page-----657f54ce3c7d----------------------

卡片分类：权威指南

http://boxesandarrows.com/card-sorting-a-definitive-guide/?source=post_page-----657f54ce3c7d----------------------

25 A / B测试

       为不同用户提供产品的替代版本，并比较结果以找出哪一个更好。非常适合优化渠道和目标网页。

相关链接：

关于A / B测试的10件事

https://measuringu.com/ab-testing/?source=post_page-----657f54ce3c7d----------------------

A / B测试的终极指南

https://www.smashingmagazine.com/2010/06/the-ultimate-guide-to-a-b-testing/?source=post_page-----657f54ce3c7d----------------------

A / B测试：改变商业规则的技术内部

https://www.wired.com/2012/04/ff-abtesting/?source=post_page-----657f54ce3c7d----------------------

26视线追踪

       一种分析用户在界面上的眼球运动的技术。提供有关使用户对屏幕感兴趣的内容以及如何通过设计优化其阅读流程的数据。

相关链接：

眼动追踪：测试丰富应用程序可用性的最佳方法

https://uxmag.com/articles/eye-tracking-the-best-way-to-test-rich-app-usability?source=post_page-----657f54ce3c7d----------------------

眼球跟踪：它值得吗？

https://www.uxmatters.com/mt/archives/2009/10/eyetracking-is-it-worth-it.php?source=post_page-----657f54ce3c7d----------------------

眼动追踪简史

https://www.uxbooth.com/articles/a-brief-history-of-eye-tracking/?source=post_page-----657f54ce3c7d----------------------

27可访问性分析

       一项测量网站是否可供所有人使用的研究，包括有特殊需求的用户。 它应遵循W3C指南，以确保所有用户都满意。

相关链接：

可访问性昂贵且困难

https://uxmyths.com/post/654091803/myth-5-accessibility-is-expensive-and-difficult

28草图

       使用纸和笔可视化新界面的快捷方法。草图对于验证团队成员和用户的产品概念和设计方法非常有用。

相关链接：

草图和线框和原型！ 天啊！ 创建自己的体验设计

https://www.uxmatters.com/mt/archives/2010/05/sketches-and-wireframes-and-prototypes-oh-my-creating-your-own-magical-wizard-experience.php?source=post_page-----657f54ce3c7d----------------------

用户体验草图的艺术

https://www.smashingmagazine.com/2011/12/the-messy-art-of-ux-sketching/?source=post_page-----657f54ce3c7d----------------------

来自5位设计师的5个提示，以改善您的用户体验草图

https://www.uxpin.com/studio/blog/5-tips-from-5-designers-to-improve-your-ux-sketches/?source=post_page-----657f54ce3c7d----------------------

29线框

       一个可视指南，代表页面结构，以及它的层次结构和关键元素。 有助于与团队成员和客户讨论想法，并协助设计人员和开发人员的工作。

相关链接：

网站线框-维基百科

https://en.wikipedia.org/wiki/Website_wireframe?source=post_page-----657f54ce3c7d----------------------

线框

http://uxmag.com/topics/wireframes?source=post_page-----657f54ce3c7d----------------------

线框展示

http://www.wireframeshowcase.com/?source=post_page-----657f54ce3c7d----------------------

30原型

       原型是网站导航和功能的模拟，通常使用可点击的线框或布局。 在完全开发产品之前，这是一种快速的方法来测试和验证产品。

相关链接：

快速制作原型

http://www.uxforthemasses.com/rapid-prototyping/?source=post_page-----657f54ce3c7d----------------------

如何选择UX原型工具

http://designforuse.net/client-deliverables/how-to-choose-a-ux-prototyping-tool/?source=post_page-----657f54ce3c7d----------------------

考虑原型

https://www.uxbooth.com/articles/considering-prototypes/?source=post_page-----657f54ce3c7d----------------------

31模式库

       一个实用的库，提供在整个网站上使用的交互设计模式的示例（和代码）。 它不仅可以提高一致性，还可以根据需要更轻松地改进元素。

相关链接：

如何创建模式库

https://boagworld.com/design/pattern-library/?source=post_page-----657f54ce3c7d----------------------

模式库入门

https://alistapart.com/blog/post/getting-started-with-pattern-libraries/?source=post_page-----657f54ce3c7d----------------------