UX设计基础

一个加载出来的页面，不等于一个能用的页面。很多团队交付了看起来很精致、能过截图的东西，然后看着用户离开，因为"注册"按钮落在光标永远不会去的地方、密码提示和校验报错互相矛盾、或者用户一改邮箱字段整个表单就清空了。UX不是视觉打磨——它是一组决定一个真实的人能否顺畅、不崩溃地完成某件事的决策。这篇指南把把"能转化"的界面和"只是能加载"的界面区分开来的基本功，按实操清单而不是抽象理论来梳理。

UX圈里满是用观点冒充证据的人

每个产品讨论里都有至少一个自信宣布用户"肯定想要"什么的人。通常这种自信基于直觉，而不是数据。真正的UX和猜测相反：它是一套有纪律的流程——发现人们真正卡在哪，再围绕它设计。这不需要心理学学位。你需要可重复的方法、愿意观察真实用户、以及几个把"能交付的工作"和"永远躺在Design文件夹里的东西"区分开来的基本功。

从问题开始，而不是从界面开始

新手最常见的错误是打开设计工具、还没理解用户要做的活，就先画了一堆界面。孤立画出来的流程，第一次被真实用户用就全废。相反，流程应往上走：定义用户是谁、他们想做哪个任务、现在哪里断了。就这一个重新框定——从"这该长什么样？"变成"这个人想完成什么？"——会改变之后每一个决策。想练习提出以用户为中心的问题，可参考UX Research Methods（英文）给出的把模糊变成可答问题的具体技法。想从零进入设计领域，可先看UI设计入门。

学会好设计的专业词汇

UX有一小套承担大头的核心概念，知道它们的名字，能帮你和同事沟通、也更诚实地审视自己的作品。

• 可用性：用户能否高效、不崩溃地完成任务？如果需要说明书才算会用，那它就失败了。
• 无障碍：视力低下、运动障碍、读屏用户等不同能力的人能否使用？这不是勾选框，而是基线。
• 信息架构：内容如何组织、如何命名，让人能预判东西在哪里。
• 视觉层级：眼睛是先落在重要元素上，还是所有东西都在争抢注意力？
• 交互设计：悬停、点击、加载、报错这些状态是否清晰且宽容？

这些合起来构成这门手艺。如果你是完全非设计背景起步，可以参考Web开发入门与UI/UX Design概览（英文），按序学起，别被广度吓到。

观察一个用户，比十份问卷学得多

问卷能告诉你人们说自己想要什么，却不会展示他们在真实界面里怎么踉跄。没有什么是比保持安静、做笔记地看一个真实的人尝试任务更无法替代的。设一个简单场景（"你要查这个账户的余额"），观察他们在哪犹豫、在哪点错、在哪放弃。哪怕只有几场这样的会话，也会暴露你再也预测不到的问题——它们的价值胜过最响亮客户的上千条功能诉求。要可重复地策划、主持、综合这些会话，我们的UX研究方法（英文）覆盖招募、主持和结论综合。

为手指和眼睛设计，而不只是鼠标

现代产品活在手机上，小屏上的拇指可达范围和桌面上的指针不是一回事。点击目标要够大、交互元素要落在拇指自然停留的位置、布局要从320px一路工作到1440px。这里UI设计入门中的移动端章节成为一门独立学科：它不只是"缩小版桌面"，而是关于触控、间距和单手使用的一套不同约束。如果多数用户都在移动端，就移动优先设计，把桌面版当成更大的适配。

工具重要，但只是那最后20%

挑设计工具是拖延最喜欢的借口。现实是：在你有能力吐槽某个主流工具缺什么之前，任何主流工具都够用。下面是给你一个接地气的对比，好让你挑一个并开始。

对做出清晰传达的版式而言，这些工具技能要和背后的视觉原则（间距、节奏、对齐、字体）配套，国内可结合站内的UI设计入门一起练。

无障碍是要求，不是加分项

为无障碍设计能让每个人体验更好。高对比度文字帮到强光下的用户；键盘导航帮到快捷键重度用户和无法用鼠标的人；清晰的标签和描述性链接帮到读屏用户，也帮到任何在快速浏览的人。具体来说：目标达到WCAG对比度、为图片提供文字替代、只用键盘测一遍你的流程。这是更大范畴的一个子集，可看英文站里的相关效率做法，或参考UI设计入门。

一个下午做完可用性测试

做好测试不需要实验室或预算。一个具体可重复的格式：招募五到七位像真实用户的参与者，每个人在真实或可点击原型上做一个任务，请他们出声思考。看他们卡在哪。脚本要避免把参与者引向答案。每轮之后修掉你看到的最严重的两三个问题，再重测。五个用户就能逮住多数主要问题；再多十个用户的边际价值就划不来了。

真实让小白被录用的是什么

满是虚构App的作品集很快就被略过。区分候选人的是流程的证据：一个真实问题、框定它的研究、由测试驱动的迭代、还有结尾可度量的改进。哪怕交付一个诚实的案例研究，展示"我们这么改的、用户接下来就这么做了"，你就领先于一堆漂亮的效果图 dump。效果图艺术和UX工作的差别，是你有实证决策的证据，而不是凭审美。

常见问题

UX到底是设计工具占多少、思考占多少？

对职业成长，思考占大头。Figma这类工具几周能学会，但手艺在于框定问题、跑研究、捍卫决策。一条靠谱的经验法则：把大部分时间花在问题定义和测试上，把布局工具当执行面，而不是核心技能。

做UX设计师必须会写代码吗？

不必做开发，但懂一点HTML/CSS（版式和响应式栅格怎么工作）是巨大优势。它让你设计出真实可建的东西，并以工程师的语言沟通。能读懂HTML/CSS语法的程度，对多数设计工作足够了。

可用性测试需要多少参与者？

每轮五到七人是标准起点。过了大约五个，新参与者大多重复已观察过的问题，边际洞察递减。价值来自跑多轮快速测试并在其间修问题，而不是做一次你在结尾才分析一遍的巨型研究。

新设计最常见的错误是什么？

凭自己的偏好或竞品来做设计，而不是观察真实用户。解决方法是尽早、频繁地到真实用户面前。哪怕拿三张草图在三个人身上测，教给你的也比十张独自设计出的精致界面多——这就是为什么入门路径强调研究先于像素。