UX设计（User Experience Design，用户体验设计）关注用户完成任务时的整体体验：能否找到入口、理解信息、顺利操作，并在出错后恢复。它不等同于把界面做得好看。本文用一个虚构的“电商结算流程优化”练习，带你走完用户研究、信息架构、用户流、原型、可用性测试和迭代，并给出技能清单、工具选择表和作品集写法。
UX设计是什么
UX设计是围绕用户目标设计产品、服务和交互的工作领域，涉及研究、内容、流程、交互、视觉和持续验证。UX设计师通常需要在“用户想完成什么”“业务要达成什么”“技术能实现什么”之间做取舍。
| 概念 | 主要关注 | 常见产物 |
|---|---|---|
| UX设计 | 任务是否顺利、信息是否易懂、体验是否连贯 | 研究结论、用户流、原型、测试报告 |
| UI设计 | 界面视觉、组件、字体、颜色和状态 | 视觉稿、组件库、设计规范 |
| 产品设计 | 用户价值、业务目标和完整产品方案 | 需求、方案、原型、上线复盘 |
UX和UI经常由同一人或同一团队协作完成，边界会随公司分工变化。想了解岗位职责，可参考UX设计师的工作内容。
UX设计的完整流程
项目不必机械套用某个模型，但可以用下面的顺序推进：先找问题，再定义目标；先验证流程，再投入高保真视觉。
- 研究：明确研究问题，访谈、问卷或分析行为数据，记录样本、时间和限制。
- 定义：把观察整理为用户任务、痛点和机会点，区分事实与原因假设。
- 信息架构：组织页面、内容和导航，画出用户从入口到完成任务的路径。
- 交互方案：用草图、线框或低保真原型表达页面状态、操作和异常分支。
- 测试：让目标用户完成具体任务，记录完成率、错误、耗时和反馈。
- 迭代交付：依据证据修改原型，标注状态、规则和开发约束，再交给团队评审。
UX设计师需要哪些技能
用户研究与洞察
先写研究问题，再决定方法。访谈适合理解动机和障碍，问卷适合收集结构化反馈，行为分析适合观察漏斗和留存。招募对象、样本量、时间范围和偏差都要记录，不能把少数访谈原话当作全体用户比例。
信息架构与用户流
把用户目标拆成入口、关键步骤、完成条件和异常恢复。用卡片分类或树测试检查名称是否易懂，再将结果画成用户流。流程图和线框图是讨论工具，不能代替真实测试。
交互、视觉与无障碍基础
掌握状态、反馈、错误提示、响应式布局和组件复用。视觉设计与UX密切协作，具体职责因团队而异。还要检查键盘可操作性、焦点顺序、文字替代、对比度和触控目标；可参考WCAG 2.2。
数据、测试与表达
选择与目标匹配的指标：任务完成率、错误率、完成时长、转化率或满意度。测试记录应写明任务脚本、观察结果、问题严重程度和下一轮动作。能用一页说明“证据—判断—建议”，比堆满术语更重要。
用一个案例练习UX流程
以下是虚构练习，不是已完成的研究或上线项目。目标是让首次购买用户理解订单金额并完成付款。先提出待验证的问题：“地址、优惠和付款信息的组织方式，是否妨碍用户完成结算？”访谈、客服记录和漏斗数据须在实际取得后再填写，不能预先编造样本、结论或提升幅度。
画清路径与异常
主路径：购物车选择商品 → 确认订单 → 确认收货地址 → 查看优惠与应付金额 → 选择支付方式 → 提交支付 → 看到订单与支付结果。
| 分支 | 页面应说明什么 | 原型需演示什么 |
|---|---|---|
| 未填写地址 | 缺少哪项信息、如何补齐 | 进入新增地址；保存后回到结算页，已选商品和优惠不丢失 |
| 优惠不可用 | 未满足的条件和实际应付金额 | 更换或取消优惠后，金额同步更新 |
| 支付失败或结果待确认 | 当前支付状态、订单入口和下一步 | 允许查询状态或更换方式；避免诱导重复付款 |
让用户完成任务
可用任务描述：“你想购买购物车中的商品并寄到一处新地址。请按自己的习惯完成购买，支付用测试环境模拟。”另设异常任务：“刚才支付没有成功，请继续处理这笔订单。”不要提示“点击右上角新增地址”或“找到优惠券按钮”，否则会掩盖入口问题。
先记录行为再解释原因。观察行可以直接复制使用：
参与者编号：___；任务：___；开始/结束时间：___；结果（完成/未完成/需帮助）：___；停顿或错误步骤：___；用户原话：___；证据位置：___；待验证原因：___；下轮修改：___。
将重复出现且阻断付款的问题优先处理，修改后用相同任务复测。汇报时同时说明完成人数、参与人数和招募条件；小样本用于发现问题，不代表全体用户比例。练习结束应留下用户流、异常状态原型、观察记录和一轮修改说明。
按任务选择UX设计工具
先确定需要交付什么，再选工具。团队已有流程时优先保证材料能共享、版本能辨认；个人练习不必一次学完所有软件。
整理研究和需求
墨刀白板和Boardmix适合在画布上整理访谈便签、用户流与讨论结果；Notion适合保存研究记录、决策说明和文档索引。把每条结论关联到原始记录，避免便签越多、依据越难找。
制作原型和交付
用墨刀原型创建页面、连接跳转并分享可点击流程，先验证主路径与异常状态；需要继续细化视觉时，再用墨刀设计整理界面和组件。交付材料要注明版本、页面状态和规则，让评审意见指向具体位置。
观察行为与测试
| 工具 | 适合观察什么 | 使用时要补充什么 |
|---|---|---|
| Google Analytics 4（GA4） | 事件、转化路径及用户在步骤间的流失 | 先核对事件定义和数据口径，数字本身不能解释流失原因 |
| Hotjar（现已并入Contentsquare）、Crazy Egg | 热图等行为线索；Hotjar相关能力还包括会话回放与反馈 | 结合具体页面与访谈核实，不把热区直接当成满意度 |
| UserTesting | 围绕任务收集使用过程与反馈 | 写清招募条件、任务脚本和观察标准 |
AI如何辅助UX工作
AI可以帮助生成访谈提纲、整理已脱敏的记录、聚类反馈、提出可测试的文案变体和制作原型初稿。把它当作整理助手，不要让它补写用户原话、样本比例或测试结果。
请根据以下已脱敏的访谈记录，按“现象—证据编号—可能原因—待验证问题”整理，不得新增用户原话或百分比；最后给出3个可执行的可用性测试任务。
输出后逐条回到原始记录核对，并保留提示词、版本和人工修改痕迹。涉及客户信息时先确认权限。AI生成的界面也要经过键盘、对比度、错误恢复和真实任务测试。
UX作品集怎么写
作品集不只展示最终界面。每个案例用一条清晰的故事线：
- 背景与目标：产品、用户、业务约束和你负责的范围。
- 研究依据：方法、样本、关键记录和限制。
- 问题定义：从观察到问题陈述，说明为什么优先处理它。
- 方案过程：信息架构、用户流、线框、取舍和迭代。
- 验证结果：任务脚本、指标、失败点和修改动作。
- 复盘：哪些假设被推翻，下一步还要验证什么。
把敏感信息匿名化，注明模拟项目或练习项目。没有真实数据时，使用“预期验证指标”，不要把假设写成上线结果。可用墨刀分享可点击原型链接，配合页面说明让面试官看到完整思路。
练习可以来自个人观察到的小问题；参与GitHub开源项目时，先读贡献规范、了解维护者需求，再提交可讨论的设计建议；实习项目要说明自己真实承担的范围。岗位方向可继续阅读交互设计师职业发展，作品集仍以可核验的过程与贡献为主。
30天入门学习路线
| 时间 | 练习重点 | 应留下的产物 |
|---|---|---|
| 第1周 | UX/UI区别、研究问题、观察记录 | 1份研究提纲和实际观察记录 |
| 第2周 | 信息架构、用户流、线框 | 1条任务路径和3张线框 |
| 第3周 | 可点击原型与小规模可用性测试 | 测试脚本、问题优先级和修改稿 |
| 第4周 | 整理作品集与复盘 | 1个完整case study和可分享原型 |
围绕同一个小项目逐周推进。30天是安排练习的参考，不是就业或掌握全部UX技能的保证；招募和复测耗时较多时，可以延长周期。
三本基础书
Donald A. Norman《设计心理学1：日常的设计》：适合理解可供性、反馈与日常使用中的错误。读完选一个身边产品，记录“用户预期—实际反馈—误操作”三者的关系。
Jesse James Garrett《用户体验要素》：适合用战略、范围、结构、框架和表现五个层次整理设计决策，分清需求问题、信息组织问题和视觉问题。
Steve Krug《Don’t Make Me Think》：适合学习可用性、清晰导航和简化理解负担。可以选一个页面，检查名称、入口和操作反馈是否让首次访问者产生疑惑。
课程与持续阅读
Google UX Design Certificate由Google提供，并通过Coursera学习。选择Udemy或Interaction Design Foundation（IxDF）等平台的课程时，逐门查看大纲、练习作业、讲师信息和更新时间，优先选择能产出研究记录、原型和测试报告的课程。
理解基础概念可参考NN/g的UX定义；检查无障碍问题时回到W3C WCAG 2.2原文。UX Planet和UX Design Weekly可作为查找文章与案例的入口，具体内容以对应页面为准。阅读案例时辨认作者、项目背景和证据，避免照搬未经验证的结论。
常见问题
UX设计需要会编程吗？
不要求成为前端工程师，但应理解HTML/CSS、响应式、接口和实现约束，能与研发讨论可行方案。
UX设计和UI设计有什么区别？
UX更关注目标、流程和可用性，UI更关注界面视觉与组件；真实项目中两者会交叉协作。
零基础先学什么？
先学研究问题、用户流、线框和可用性测试，选一个工具完成从问题到原型再到复盘的完整小项目。
如何判断体验是否改善？
按项目目标选择任务完成率、错误率、完成时长、转化率或满意度，并比较同一任务在迭代前后的变化。
准备好第一个练习项目后，可以用墨刀白板整理研究材料，再用墨刀原型制作可点击流程，把研究记录、原型链接和验证结论整理成可分享的项目材料。
