你是否曾好奇，为何Airbnb这类公司能成功，而其他公司却不能？它在Google Play商店的下载量超5000万次，近100万用户给出4.6星的优异评分。产品成功的原因当然有很多，但我100%确定，用户体验（UX）是其中之一。这究竟意味着什么？为本文目的，我参考了用户体验领域权威——Nielsen Norman Group的定义：
“用户体验”涵盖了终端用户与公司、其服务及产品的所有互动方面。
很难不同意这一点。我们都是用户（或“使用产品的人”），每天都在体验用户体验：想想清晨用喜欢的咖啡机做咖啡时的感受，或是开着最新款特斯拉上班的心情；当你饿到想快速点份吃的，打开App后却需要登录、填表单、加银行卡信息，突然弹出错误提示……此时你只想赶紧吃到东西。
直白地说，用户体验就是使用产品时，我们感受到的整体体验与情绪。
需注意的是，用户体验不止关乎数字产品，也包括服务或日常物品（比如电梯）。北京心玥软件公司专注开发数字产品，因此我们先聚焦于此。
要设计App或网站，需要UX与UI设计。还在想点外卖的例子吗？如果你能顺利点到喜欢的汉堡，功劳要归于优秀的UX设计——用户与应用的所有互动（本质上是App/Web服务的运作方式），都由UX设计师在UX设计流程中搭建。
简言之：
• UX设计定义“为谁做产品”“产品需满足用户哪些需求”“应用如何运作才能满足这些需求”；
• UI设计关注“产品视觉呈现”（应用的最终外观），比如布局、色彩、字体、按钮等，确保所有用户都能便捷使用。
UX与UI的结合，能保证用户使用产品时既简单又愉悦（就像用UberEats点外卖），从而愿意反复使用。因此，投入时间打磨扎实的UX/UI设计流程至关重要——跳过这些步骤，可能面临巨大失败，甚至赔光投资，比如曾经的Google Wave，其失败原因之一就是没明确目标用户。
好在我们能从他人错误中学习，亲爱的客户们，别在UX/UI设计流程上省钱哦😉
接下来，我将介绍北京心玥软件公司的UX/UI设计流程是怎样的。
什么是UX/UI设计流程？
“UI是马鞍、马镫和缰绳，UX则是骑上马时的感觉。” ——Dain Miller
UX/UI设计流程能帮我们：明确目标用户、定义产品目标、规划运作与外观，还能通过用户测试验证设计。
我用“做桌子”这个简单例子说明：看似容易的任务，设计流程是怎样的？
首先，得知道桌子是为谁做的——矮个子还是高个子？喜欢极简还是巴洛克风格？要明确功能：是餐桌、书桌还是茶几？需要了解材质、用量、具体尺寸和材料要求。
然后，纸上画草图——桌子有1000种设计方式。接着筛选最佳方案，测试外观——避免因材料浪费导致的错误。
这就是UX设计的过程：收集“为谁设计”“需满足什么功能”的信息，绘制草图。而UI设计则是选择“用什么材料做最终产品”。最后，落地制作并让目标用户测试——没有前面的步骤，项目不可能成功。
北京心玥软件公司的UX/UI设计流程步骤？
要描述我们的流程，得先说设计行业的“魔法词”：看情况。北京心玥的每个UX/UI项目都略有不同——因为客户和项目都是独特的：有时客户已明确目标用户、产品目标；有时客户只有一个App创意。我们始终会根据客户与项目需求调整流程，以下是核心步骤：
步骤1：产品信息调研
工作坊
项目启动时，我们需要尽可能了解产品——客户到底想做什么？不管初始信息有多少，我们通常会建议客户开工作坊。
我们会和客户一起确定工作坊的主题与覆盖内容，还会邀请项目经理、开发团队成员参加——整个团队对项目有一致理解很重要（开发人员往往是藏着好主意的宝库，还能快速验证想法是否易实施）。
工作坊前，我们会做初步调研：搜索行业信息、测试竞品。带着这些知识，我们就能行动了！目前我们用Miro（协作式在线白板）开线上工作坊。
工作坊上，我们讨论项目创意：回答“为什么做”“为谁做”；必要时考虑商业模式，如何将解决方案与营收结合。为了更清晰理解范围，我们会用原型人物角色（Proto Persona）、用户旅程地图（User Journey Map）、商业模式画布（Business Model Canvas）等工具：
• 原型人物角色：代表潜在用户，包含性别、年龄、问题、解决偏好、日常使用的工具/社交媒体等信息（可参考示例：Proto persona-min）。
• 用户旅程地图：基于人物角色，梳理用户实现目标需走的每一步——比如“点烤肉串”的流程：登录→选餐→加购→结账→收货→反馈（我们在Shawarmer App中就用到了这种地图，可查看案例）。
工作坊后，我们会明确共同目标，积累足够信息进入下一阶段。
数据收集
“用户大部分时间花在其他网站上——这意味着用户希望你的网站和他们熟悉的一样运作。” ——Jakob’s Law
了解产品与潜在用户使用的工具后，我们做竞品调研：列出竞品的优缺点、可借鉴的创意与功能。整个阶段，我们会和UX/UI设计、开发团队及客户 brainstorm，确保大家对齐愿景，调整人物角色与用户旅程地图。当所有人都明确“为谁做”“大致怎么运作”“要实现什么目标”后，就进入下一个设计步骤！
步骤2：头脑风暴与创意生成
用户流程
基于前期信息，我们用流程图写出用户流程——详细描述用户买烤肉串的每一步：选餐→加购→结账→收到“下单成功”提示。
用户流程要覆盖所有场景：比如“商品缺货时怎么办”“用户漏填必填字段时怎么办”。好的用户流程是绝佳文档，能帮开发团队落地，也能预估需要设计多少视图。
线框图
有了用户流程，就可以进入更视觉化的线框图（Wireframes）阶段——用简单线条勾勒界面核心想法（越简单越好，方便筛选坏点子）。
线框图的作用是展示“界面上该显示什么信息/元素”，还能制作可点击原型做用户测试——验证用户流程是否直观，用户能否顺利完成任务（比如订烤肉串）。
下一步是引入项目的视觉语言：情绪板展示我们会在最终产品中使用的网站示例、元素、字体与颜色。我们会和客户确认，也鼓励他们提建议——有些客户已有品牌手册，这对UX设计师是很大的帮助。
步骤3：Mockup视觉设计制作
情绪板通过后，就进入大家最期待的UI设计阶段——制作高保真Mockup（最终产品的外观与交互呈现，也可用于测试）。
“没人比用户更清楚你的设计哪里好用、哪里让人困惑，哪里吸引人、哪里无聊。” ——Carol Branum
用户测试
说到测试，可用性测试常被低估——我强烈建议即使在画线框图阶段也要做！为什么？它能帮我们快速验证设计能否“考A+”。花数小时设计后，我们会失去客观视角，注意不到明显的体验问题。通过和普通用户测试，我们能及时发现设计中的“雷区”，在开发前修正。
步骤4：实施
客户认可设计后，我们进入落地实施阶段——设计师的工作不止于交付设计稿！我们会监督项目开发，确保最终产品和我们设计的保持一致。
最后同样重要的是优化迭代：用Mixpanel、Hotjar、Google Analytics等工具跟踪产品表现，也会主动收集用户反馈（尤其是吐槽的用户——他们能给出最有价值的改进意见）。就像养植物，种下后要浇水、换土、晒太阳，产品也需要持续优化才能成长。
步骤5：向客户移交文档与文件
流程结束时，每位客户都会收到：
• 全套研究文档；
• 设计过程中产生的所有源文件。
选择“发现阶段（Discovery Phase）”服务的客户会得到更多价值：比如人物角色、竞品分析、对比报告、线框图等。
UX/UI设计的好处？
我想前面已经说明：为什么UX/UI流程对打造好产品至关重要。
• 好的市场、目标群体与竞品调研，能明确产品愿景；
• UX流程能收集用户情绪与需求，帮我们设计“满足需求的解决方案”——基于对用户的了解，我们可以保留有用的功能，舍弃不符合预期的功能；
• 扎实的UX/UI能让开发更高效——开发人员明确产品该如何运作、长什么样，不用“摸黑干活”，减少开发时间，为客户省大钱；
• 好的用户体验能让用户爱上产品、推荐给他人、反复使用。
比如我们几周前上线的新网站：之前是红调为主，现在换成了更精致柔和的紫色调；做了SEO优化、移动端适配，采用了最新的UX/UI趋势，配了定制管理后台，用RoR开发。我们已经看到用户停留时间更长、流量在增长——这就是我们的目标。
UX/UI设计师应具备的3项最重要技能？
“审美可用性效应——用户常认为好看的设计更好用。”
如今设计不只是做“漂亮的界面”，更重要的是“让用户觉得简单”。以下是设计师的核心技能：
1. 会“卖想法”的沟通力
设计前要先研究“为谁做”“为什么做”——用户常关注美学，这很正常，但我们的任务是说服他们：好看的元素背后，首先是功能。了解视觉感知与视觉语言，能帮我们做出更合理的设计选择。
2. 对结果负责的责任心
设计时，我们不仅要考虑商业目标、客户需求，更要关注“使用产品的人”——要做“无障碍的守护者”，记住我们是为所有人设计（包括老人、视障人士）。
3. 持续好奇的学习力
技术发展太快，我们必须跟上——才能提出更好的解决方案。我是UX/UI设计书的超级粉丝，推荐这几本：《7本UX设计必读书》。
每年设计师需要的技能越来越多，搭建互补的设计团队很重要——北京心玥就是这样做的。
结论
要记住：我们设计网站、服务、App，都是给人用的——他们会使用，可能带来收入。所以极其重要的是：搞清楚用户是谁、他们的目标是什么、我们如何解决。如果产品不符合用户预期，注定失败。只有基于用户认知，才能做出易用的界面——而这些，都能通过靠谱的UX/UI流程实现。
我诚挚邀请您和您的团队，明智地利用设计流程的力量——这是数字产品开发的关键一步。正如我在开头所说，很多因素影响App的成功，而UX/UI设计，是其中最核心的那一个。
