UIUX设计指南：术语、说明、技巧与趋势
译者：王国良
审校：Frank Li, 韦世滴
这篇长⽂旨在汇集与创建⽹页和移动应⽤设计有关的 UX 和 UI 设计流程的所有理论。
最初，我在 Syndicode 博客上分享了这篇描述我们在客户服务中所⽤的 UI 和 UX 设计流程的指南。由于这篇材料看起来⾮常有⽤和有指导意义，我决定在这⾥再次分享。
⼤家知道，设计决定了⼤多数软件产品的成功。⽽软件开发拓展了把设计⽤于不同产品的新⽅式。我谈论的是关于⽹页和应⽤的设计。没有时尚元素和易⽤性，就没有伟⼤的应⽤程序。功能和吸引⼒的最优组合可以⽤来衡量应⽤的有效性。视觉传达必须简单、直观和吸引⼈。
UI/UX 设计的作⽤
应⽤和⽹页设计⾯临着特殊的挑战：
指引复杂的任务和⼯作流程；
让⽤户能够理解和管理复杂数据；
容纳⽤户⾓⾊、需要和流程的各种变化。
但承担这种挑战是值得的。因为应⽤的有效设计和实现会在从娱乐到健康保健的⼴泛环境中对⽣产⼒、效率、准确性和满意度产⽣深远的积极影响。
你之前可能听说过 UI 或 UX，但还没有实际机会了解它是⽤来做什么的、在什么场景下⽤，以及为什么要⽤。并且，UI 和 UX 不是⼀回事。在进⼀步之前，了解下 UI 和 UX 的基本不同之处。UX 是⽤户对产品的总体体验，⽽ UI 是⽤户具体与之互动和可以看见的东西。
优秀设计的价值
成功的应⽤设计的关键并⾮是⼀个好的主意或好的功能，⽽是可以归结到⽤户体验（UX）和⽤户界⾯（UI）。如果 App 看起来很糟糕并且不太容易⽤，你的主意再好也⽩搭。
要开发⽹页或移动应⽤的话，你务必要注意的⼀件重要事项是应⽤的外观与感觉。例如，如果你所从事的领域是电⼦商务，那么设计糟糕的应⽤程序会使你失去很多潜在客户。
例如，⽤户打开你的应⽤后⾸先看到的是什么？⽤户⾸先看到的是登录页⾯。登录页⾯是什么呢？它是⽤户了解该应⽤或⽹页能否满⾜其需求和实现其需要的起始之点。登录页⾯必须富有吸引⼒，并且包含⼀些引导⾏动的按钮，以便⽤户知道下⼀步做什么。
为了对 UI 和 UX 设计师的⼯作提供价值，以下给出了 UI 和 UX 的⼀些有趣对照：
UX 设计师就像建筑师。该⾓⾊关注⽤户，并且帮助你的业务提升可度量的指标（降低跳出率，提⾼点击率等）。UX 设计师理解⽤户⾏为和⼼理，了解界⾯⼈体⼯程学，并且能分析业务需要，将之转换为⽤户流程。
UI 设计师好⽐是⼀位装饰者。该⾓⾊关注界⾯能否反映出品牌。这部分更多是不可度量的东西（例如界⾯的舒适性，是否⾜够时尚等等。）UI 设计师了解颜⾊和颜⾊组合，了解如何阅读品牌说明书并将
之转换为 UI 元素。
有时 UI 和 UX 设计师是同⼀个⼈，他负责整个设计流程。但我们分开讨论下每种类型的设计。计算机专业ui设计做什么
什么是 UX 设计？
⽤户体验设计是创建产品、系统或服务的流程，⽬的是向⽤户提供有意义和相关的体验。它涉及到获取和集成产品的整体流程设计，包括品牌、设计、易⽤性和功能⽅⾯。它也包含⼈机互动和拥有产品的有意义和有价值的⽅⾯。UX 处理内容和⽹站地图的体系结构。
提前说⼀下，我想说我们在下⼀部分将会谈到的 UI (⽤户界⾯)设计是 UX 设计的⼀个重要⽅⾯，或者说⼦集。UX 设计涵盖了⼤量其他领域。信息架构（IA）是 UX 设计的第⼆个重要⽅⾯。
UX 设计帮助⽤户实现⽬标。它不只是专注于创建有⽤的产品，还涵盖⽤户体验的其他⽅⾯，例如：
愉悦
效率
情绪
娱乐
到⽬前为⽌，好的⽤户体验就是在⽬标⽤户使⽤产品的特定上下⽂中满⾜特定⽤户的需要。UX 设计以⽤户为中⼼ —— ⽤户的类型决定了设计的类型。
那就是为什么 UX 设计是动态的，并且经常会由于使⽤环境的变化、个别系统的变化和使⽤上下⽂的变化等⽽随时修改。我也会介绍⼀些在2019年可以预期到的⼀些 UX 设计趋势。我们也可以说⽤户体验是关于⽤户与产品的互动和体验。
UX 设计的主要任务是创建可裁剪的产品，以满⾜⽤户的特地需要，但提供的功能是可预期的。换句话说，UX 设计要学习⽤户的⾏为，理解⽤户的动机，⽬的是设计出更好的数字化体验。
我们讨论⼀下 UX 设计的主要要求。完美的⽤户体验设计是什么？这个问题的答案可以⽤⼀个 UX 设计要求的列表来回答，这些要求要在不同层次上被满⾜。这些层次构成了 UX 设计⾦字塔。
UX 原理与 UX 堆栈
UX 设计⾦字塔在每⼀层上的⽬标是通过以下主要的 UX 设计原则达到的：
层级结构
层级结构是设计师帮助⽤户在产品中轻松浏览的最佳⼯具之⼀。它包含：(a) 信息架构（内容在整个 App 或⽹站中是如何组织的）和 (b) 视觉层级（帮助⽤户在⼀个部分或页⾯中更加轻松地浏览）。
⼀致性
在⼤多数情况下，可以通过使⽤⼀套关于如何为特定设备或格式设计产品的正式的指南来达到⼀致性。
确认
对于任何重要或不可逆转的操作，通过要求确认来防⽌⽤户意外犯错。
⽤户控制
“撤销”、“返回”、“搜索”这些按钮，以及键盘快捷键是在⽹站或应⽤中提供给⽤户控制的好⽅法。
便利性
让尽可能多的⼈容易使⽤对⼀个产品来说是⾄关重要的。UX 设计应当为⼈们使⽤产品时消除障碍，不管这些障碍是临时的还是永久的。
UX 设计需要平衡考虑业务、⼈和技术。然⽽很明显，没有健康的业务就不会有产品的成功，没有满意的客户就不会有成功的业务，⽽ UX 设计师的⼯作就是让客户满意。
完整的 UX 设计栈
UX 设计牵涉到很多东西。完整的 UX 设计栈包括：
表现层（UI设计发挥作⽤的地⽅）
框架层（采⽤界⾯与互动设计）
结构层（采⽤信息架构）
范围层（关于功能规范）
策略层（根据⽤户调查和业务⽬标定义⽤户需要）
但我们不会先讨论 UI 部分。UX 设计开始于通过⽤户调查识别问题。解决⽤户不关⼼的问题毫⽆意义。UX设计流程
简⽽⾔之，UX 设计流程如下：
⽤户调查
设计
UX 线框图
UX 原型
UI 设计（视觉与交互）
⽤户测试
下⾯你会看到主要 UX 设计流程⽅法的概览。
可以通过⼏个最流⾏的 UX 设计⽅法来描述 UX 设计流程。
UX 设计流程的主要⽅法
⽬前，有三个⼴为⼈知的 UX 设计流程⽅法。
经典⽅法
精益⽅法
⾕歌风投设计冲刺
经典 UX 设计流程通常在⼤学⾥教授，并且采⽤瀑布⽅法实施。经典 UX 设计流程如下：
调查。要发现出主要问题。有效的⽤户调查有10种图表。
对识别的问题进⾏分类。
创建⾓⾊和旅程地图（不要与⽤户流程混淆）。
通过构思练习为优秀的UX设计和解决⽤户问题产⽣解决⽅案。
创建原型。
原型测试。
向开发团队发送最终原型。
产品发布。
收集⽤户反馈。
根据收到的⽤户反馈，回到第⼀步。
简单来说，经典 UX 设计流程可以归纳如下：
但是由于经典 UX 设计流程与敏捷开发不兼容，在2013年出现了 UX 设计流程的其他⽅法。新的设计
流程被称为精益 UX，并且允许UX 在敏捷的不确定性范围内操作，并能基于⽤户反馈快速更新设计。它使体验设计和产品开发和谐相处。
简⽽⾔之，精益 UX 是⼀组基于精益创业敏捷⽅法的原则，其核⼼是关注当下。不像在瀑布模式中那样把设计交付物抛给下⼀个环节，⽽是团队认可最终设计⽆法事先创建，并相信答案会随着 MVP（最⼩可推⾏产品）假设测试的进⾏⽽涌现出来。精益 UX 流程可被描述为“构建、测量、学习”循环或“思考、制造、检查”循环。
后来，当产品计划没有明确定义时，精益⽤户体验设计过程似乎效率低下，导致⼤量浪费和返⼯。
⾕歌风投建议了另⼀个伟⼤的设计流程。那就是设计冲刺。它允许团队快速定义和测试低保真原型。
⾕歌风投的设计冲刺可以看作是三种⽅法的结合：设计思维，敏捷和精益。冲刺的⼀个关键组件是创建原型，这是收集数据和测试想法的最佳⽅法之⼀。这种⽅法可以通过以下⽅式呈现：
所有的 UX 设计流程⽅法都是基于类似的迭代循环但是回答不同的问题。通过下⾯的⽂章，了解所有⽅法的不同之处和相同之处。
UX设计的各个部分
作为⼩结，我将介绍UX设计的每个部分的更多信息：
交互设计（Interaction design）
通过对⽤户⾏为深思熟虑，创建出引⼈⼊胜的界⾯。在⽤户与界⾯之间产⽣简单和清晰的沟通。交互设计负责实现⼈与单个⽤户界⾯或多个相关界⾯（或系统）之间交互的功能。
线框图与原型（Wireframes & prototypes）
在最终设计之前，⽤⽹站基本组件来演⽰任务的模型或交互原型。（顺便说下，线框图不是草图或样稿）。
信息架构（Information Architect）
兼顾艺术和科学。以有效和可持续的⽅法对内容进⾏组织、结构化和标签。
⽤户调查（User Research）
通过观察技术、任务分析和其他反馈⽅法，理解⽤户的⾏为、需要和动机。⽤户调查定义了受众，并提供了如何最好地满⾜他们需求的基本见解。为了提供定性的⽤户研究，我们应该考虑整体情况：—— 谁将使⽤应⽤程序/⽹站？—— 他们想要完成什么？—— 他们可能会遇到什么问题？—— 主要客户的业务需求是什么？我发过⼀篇关于为什么⽤户研究对 UX 很重要的帖⼦。
场景（Scenarios）
在项⽬中描述⽤户交互。他们的故事对于设计界⾯和可⽤性测试都⾮常重要。
但这并不是 UX 设计所包含内容的完整列表。要到⽤户体验设计的关键部分和真正的本质！
⽤户体验设计决定了⽤户是翻页还是滚动内容。为了对这些细节负责并预测其所产⽣的影响，⽤户体验设计师应该对⼈类⾏为有充分了解。⽤户体验设计师通常来⾃各种背景，如视觉设计，编程，⼼理学和交互设计。稍后，我还将详细讨论UX设计⼈员的主要任务。
什么是 UI 设计？

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。