今天兰亭妙微UI设计公司来和大家聊聊在 B 端设计当中十分基础，但是争议越来越大的组件：步骤条

因为在过去很长一段时间里，步骤条几乎是 B 端复杂表单的“标配”，只要遇到信息量大的任务，设计师的第一反应往往是：太长了，用步骤条切分一下吧；产品经理设计原型也是：逻辑复杂了，步骤条来一下吧。

但是在 2026 年的今天，我们重新在看很多表单时，经常会出现滥用表单的情况，而很多高效的 SaaS 产品正在让步骤条退场，取而代之的时更扁平、直观的单页交互。

为什么会出现这种变化？我们在设计表单时，到底该如何抉择？今天我们就来深入讨论一下。

一、步骤条的“舒适区”

首先，在交互设计初期，我们需要承认步骤条确实做出了很多贡献。在交互设计的理论当中，步骤条的核心价值在于“降低认知负荷”。

它利用的就是心理学中的“组块化”原理，将一个庞大的任务（比如 50 个填写项）拆解为若干个小任务（Step 1、Step 2、Step 3）。

这种逻辑非常线性，同时能够降低用户的理解成本，通过步骤引导用户，避免了他们在复杂的流程中迷路，所以最初在 C 端产品当中经常使用。

同样这样就造成了很多设计师的路径依赖：只要表单长，就用步骤条，产品经理的视角也是如此

二、B 端场景下的“水土不服”

然而，这种线性逻辑遇到复杂的 B 端业务时，问题就会出现。

因为 B 端通常都是专家型用户，他们在处理业务时，需要的往往不是“保姆式的引导”，而是“全局的掌控感”。

步骤条在 B 端复杂场景下，存在三个致命的体验缺点：

1. 全局感的缺失

这是最严重的问题。想象一下，一个采购员正在创建一个复杂的入库单，如果使用步骤条，他必须填完基础信息点击下一步，才能看到物料明细。

但在实际业务中，他可能需要看着“物料明细”的种类，反过来去修改“基础信息”里的仓库类型。

步骤条这时候就是一堵墙，切断了信息之间的联系。用户被迫在“上一步”和“下一步”之间反复横跳，导致使用步骤条表单异常痛苦，极大地降低了录入效率。

2. 录入流的中断

B 端的高效录入讲究的是 连贯、一气呵成，通常需要高效的无鼠标快速操作。

而步骤条的每一次“下一步”点击，本质上都是一次系统级的强打断，它强制用户从输入的心流中抽离出来，停下手中的动作去寻找按钮、等待页面校验或刷新。对于每天要处理上百个表单的业务员来说，这种高频的中断会成倍放大操作的疲劳感。

3. 修改成本高昂

在传统的单页长表单中，发现数据填错，用户只需鼠标滚动回去修改即可，所见即所得。

但在步骤条模式下，修改成本被无限放大：用户可能需要连点两次“上一步”，修改完成后，再连点两次“下一步”才能回到原位。

更糟糕的是，B 端表单不仅用于“新建”，更常用于数据的“二次编辑”。如果是为了修改最后一步的某个小字段，用户却不得不把前面的步骤全部重新点击过一遍（甚至可能触发连环的必填项校验拦截）。在编辑场景下，步骤条带来的交互冗余是成倍增加的。

三、趋势变革与使用决策

目前我们看到越来越多的系统，正在提出一个新的要求：“非必要，不步骤”。

B 端产品开始转向“长表单 + 锚点导航”的模式。这种现象我认为其实就是在：把业务的处理掌控权，彻底交还给用户。

全局视角：目前其实最常见的做法就是将基础信息、详细配置、关联数据等所有模块，展示到一个空间当中，配合页面当中的 锚点定位，用于告诉用户页面的整体情况，这样就能消除未知的焦虑。

随机存取：在表单层面，我们希望彻底解放线性顺序的束缚。用户不再受制于系统，可以根据手头掌握的资料灵活决定录入节奏，对于很多当前信息缺失的情况，我们可以提供更多新增的入口，减少用户跳转。

同时需要考虑草稿箱、暂存等功能，给表单提供非线性的操作路径，才能契合真实的复杂业务场景。

沉浸式心流： 通过上下翻页替代步骤跳转，我们发现在单一页面中，能够使用户更容易沉浸心流，专注填写。

难道就不能用步骤条了？

作为设计师，我们需要明确步骤条的使用决策。

在决定使用哪种组件时，先问自己两个问题：

Q1：后续步骤的内容，是否与前一步内容会有依赖？是 → 使用步骤条。（比如：Step 1 选了“企业”，Step 2 才出现“营业执照”上传入口；选了“个人”，Step 2 则是“身份证”。前后有强逻辑耦合。）否 → 使用单页锚点。（比如：填写入职信息，基本信息和教育经历之间没有逻辑依赖，只是信息的类目不同。）

Q2：这个任务是否是一次性的、不可逆的？是 → 使用步骤条。（比如：大额转账汇款、极低频的系统初始化向导，需要用户步步确认，谨慎操作）否 → 使用单页锚点。（比如：日常的高频数据录入、编辑商品详情信息）

写在最后

其实在我看来，很多系统“去步骤条化”，本质上是要求设计师跳出组件库的舒适区，重新深挖业务场景。

作为 B 端设计师，我们不能成为盲目拖拽组件的执行者，而要在业务效率与交互心智之间找到最佳平衡点，这才是我们不可替代的价值。

转载：人人都是产品经理

兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。

作为专注于体验设计的创新团队，兰亭妙微UI设计公司认为：一个好的设计，不仅要解决问题，更要抚慰情绪。我们从“不确定感”“压力”和“关怀”三种典型情绪出发，重新拆解航班状态页的设计逻辑，让它不再是冰冷的工具，而是成为用户旅程中善解人意的“情绪伙伴

你有没有匆忙赶着去机场的经历？是否也在航班延误时感到过焦虑？ 这些情绪我们都曾体验过——但它们真的被运用到设计中了吗？

这一次，我们从“情绪”出发，重新设计了航班状态页，分享 3 个由用户情绪驱动的设计决策。

01.情绪：不确定感

想象一下这个场景： 用户可能正坐在赶往机场的火车上。一边盯着时间，一边核对路线，脑子里不断计算着：“我来得及吗？万一航班有变化怎么办？”

这是一种非常典型的不确定时刻。 不是恐慌，而是那种微妙却持续的紧张——用户此刻只想确认一件事：一切是否仍在按计划进行。

我们的设计回应在这个场景中，用户最需要的，其实就是航班状态信息本身的确定性反馈。 而最常见、也最容易引发误解的状态之一，就是航班“延误”。

但延误并不等于灾难——航班依然会飞，有时甚至反而给用户多出了一点赶往机场的时间；起飞延误，也不一定意味着落地延误。

而在旧版本中，“延误”与“取消”使用了同一种红色。这种表达，会在第一秒就把“延误”解读为一种危险信号，放大了用户原本就存在的不确定感。

因此在改版中，我们将“延误”的颜色调整为橙色：

• 与“正常起飞”的绿色保持清晰区分
• 在视觉上依然足够显眼
• 但在情绪感知上更加克制
• 也更符合“延误”本身的真实严重程度

一个颜色的变化，背后对应的其实是一种“风险等级可视化分级设计”，而不是简单的视觉改动——让信息 既足够被看见，又不会过度制造恐慌。

也正是在这种细微的情绪调节中，用户的不确定感被悄悄降低了。

02.情绪：压力

再换一个场景：用户已经站在值机柜台前，一只手拿着护照，另一只手扶着行李，也许身旁还有一个小孩正拉着他们的衣角。外部刺激密集、节奏迅速，这是一种短暂但强烈的压力时刻。

在这种状态下，用户最迫切的需求，往往不是“浏览”； 而是马上确认关键信息是否齐全——PNR 号、行李额度、值机所需的任何关键信息。 这不是一个可以让用户慢慢寻找入口的时刻。

他们只想快速、明确、毫不犹豫地进入「我的预订」。

我们的设计回应

航班状态页，往往是用户走到柜台前最后查看一次的页面。  因此在这个高压场景中，“我的预订”必须是第一时间被看到的入口。

在这次改版中，我们做了三件小调整：

1. 让入口更加明显
2. 增加图标，方便用户快速理解
3. 文案从泛泛的“查看预订（View bookings）”，调整为更贴近当下心智模型的“我的预订 My booking”

这些变化看起来都不大，但它们背后遵循的是同一个原则：在高压力状态下，为用户提供「最短决策路径（Shortest Decision Path）」。

当用户无需思考“我要点哪里”，而是第一眼就知道“这就是我要找的”，压力，便在这一瞬间被有效削减了。

03.情绪：关怀（Care）

在旅程的后半段，节奏逐渐慢了下来。

用户已经通过安检，买了一杯咖啡，坐下等待登机。

在这个相对放松的时刻，他们偶尔会再次打开航班状态页，然后看到一个按钮：“分享航班状态”。

也正是在这一瞬间，用户的情绪，从“关注自己”，悄然转向了“想到别人”。

他们会想到来接机的朋友或家人——

是否顺利、是否会在机场焦急地反复确认时间。 于是，一个非常真实、也非常普遍的念头出现了：“我想让对方更方便一点。”

我们的设计回应

为了让这种“关怀”更容易被表达，我们在这次改版中优化了“航班分享”的入口： 让用户可以一键将航班信息发送给接机的人， 对方无需再向用户反复确认，便能直接跟踪航班的实时动态。

这不是一个效率型功能，而是一个典型的“情绪外溢（Emotional Spillover）”场景——用户所感知到的安心，被自然地传递给了另一端的人。

设计在这一刻所做的，只是顺势托住了这种善意：让用户，帮别人更轻松一点。

结语：像方法派演员一样设计

如果要总结这一切，我想说：设计不仅是在“做界面”，而是在“进入用户的情绪”。

这有点像演员的“方法派表演（Method Acting）”——他们不是站在外面诠释角色，而是走进角色，成为角色本身。

当你也带着这样的方式进入用户的情绪场景时，你会发现：

很多设计决策不再是反复权衡的“选择题”，而会变成一种顺理成章、甚至“非这样不可”的结果。

因为此时你已经不再是站在屏幕这一侧为用户设计，你是在用户的状态之中，替他们做出判断。

转载：人人都是产品经理

兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。

1.大脑是个 “偷懒的天才”（认知负荷）

关键在于：人类的大脑很强大，但也超级 “偷懒” 。

我们一直都在努力节省脑力。这就是为什么优秀的 UI 设计不会让人们进行没必要的思考。要是你的应用程序用起来像解谜游戏，用户会直接离开，说不定走之前还会留下一篇言辞激烈的差评。

设计不是为了炫耀你有多聪明，而是要让用户感觉自己很聪明 。

这些技巧能让大脑 “不宕机” ：

• 清晰呈现层级关系。通常，每个界面只设置一个主要操作就够了。
• 别搞没必要的选择。这又不是智力竞猜节目。

把复杂内容藏起来，等需要的时候再展示。（对，说的就是你 “高级设置” 。 ）

2.“选择过多” 问题（希克定律）

希克定律很简单：你给别人的选择越多，他们做决定花的时间就越长，而且越想哭，或者直接放弃。

你有没有盯着一个按字母顺序排列，从 “阿富汗” 开始罗列了 30 个国家的下拉菜单发懵？就是这种情况。

设计要做的是减少决策难度。不是剥夺用户选择自由，而是让选择路径一目了然。

像极简主义者一样设计：

• 把大任务拆分成小步骤。
• 突出最常见或推荐的选项。
• 使用默认设置，反正大多数用户都会选它。

3.目标应易于点击（菲茨定律）

小得可怜的按钮、细得离谱的文本链接，还有关闭按钮 “X” 比果蝇还小的可关闭弹窗。

我们都为此吐槽过。菲茨定律表明，点击某物所需的时间取决于两个因素：目标的大小和距离。所以，要是你想让用户真的去点击按钮，那就得让它便于点击。

实用建议如下：

• 增大触摸目标，在移动端尤其如此。毕竟没人能像忍者那样手指精准。
• 把主要按钮放在易于触及的位置，想想大拇指操作的区域。
• 避免将操作按钮堆叠得太近。误触现在可是新的“抓狂乱点”源头。

4.视觉层级：为何你的用户会迷失

用户看屏幕可不是从上到下逐行阅读，他们浏览的样子就像喝了浓缩咖啡的松鼠，这儿瞅瞅那儿看看。

所以，你得像指挥家引领管弦乐队那样把控视觉层级。通过尺寸、颜色、粗细和间距来告诉用户：“嘿，先看这儿！”

要是没有视觉层级，所有元素都在争抢用户的注意力。可要是所有元素都在大喊大叫，那就什么都听不见了。

不妨试试这些方法：

• 主要操作使用粗体，不太重要的内容用细一些的字体。
• 像对待本职工作一样利用好留白（因为这就是你的工作）。
• 想快速检验效果？眯着眼看你的设计，最先映入眼帘的就是焦点。

5.熟悉感胜过创意

你或许想成为按钮设计界的毕加索，或者重新发明导航栏。但你猜怎么着？人们偏爱他们熟悉的东西。

登录表单总是按固定顺序设置邮箱和密码输入框，这并非偷懒，而是因为大家对此熟悉。

具体做法如下：

• 关键流程，如注册、结账、导航等，沿用标准的UI模式。
• 把创意用在微交互或视觉效果上，别用在基础布局上。
• 记住：熟悉意味着可靠，怪异则会引发怀疑。

6.物以类聚（格式塔心理学）

格式塔心理学本质上是我们大脑快速解读现实的方式。我们不会把事物看成孤立的元素，而是依据接近性、相似性、对齐方式和连续性对它们进行分组。

如果你的用户界面（UI）不遵循这些模式，用户就会感到困惑。而困惑会让用户迅速关闭页面。

举例如下：

• 外观相似的按钮应该执行类似的操作，别误导用户。
• 在表单中，将相关字段放在一起，别把“姓名”和“邮箱”像彩蛋一样随意分散。
• 对齐内容，未对齐的元素会在潜意识层面引发混乱。

7.情感大于逻辑

告诉你个秘密：人们做决策时凭的是情感，之后才从逻辑上找理由。这一点在 UI 设计中同样适用。

想想看，你有没有因为某个按钮给人的感觉很好就点了它？比如那令人愉悦的悬停效果，或是那巧妙的动画。

设计能引发愉悦感，也可能带来挫败感。

如何从情感角度进行设计：

• 使用有个性的微文案，一点点魅力就能产生很大效果。
• 动画要流畅得像黄油般顺滑，而不是像迈克尔・贝电影那样夸张。
• 打造令人愉悦的瞬间：比如一条欢快的成功提示信息、一个五彩纸屑动画，或是一个让人满意的加载状态。

8.人们记住的是峰值与结尾（峰终定律）

用户不会记得使用过程中的每一秒，他们记住的是最强烈的瞬间和结尾，这就是峰终定律。

所以，如果你的结账流程十分顺畅，但确认页面却像 404 错误页一样糟糕，猜猜他们会记住什么？

设计小贴士：

• 找出你的“峰值时刻”，让它们令人愉悦。
• 绝不要忽视结尾。确认消息、感谢页面、注册成功页面，它们比你想象的更重要。

9.用户体验的真正大敌：不确定性

要是用户不确定某个按钮的功能，就会犹豫不决。而这种犹豫会破坏操作的连贯性。

最出色的用户界面（UI）能消除疑虑。它们仿佛在告诉用户：“嘿，点这儿，放心，不会误删所有东西。”

可以利用以下方法：

• 清晰的标签：“保存草稿”就比“提交”更明晰。
• 微文案：短短一行字就能打消用户的顾虑。
• 反馈：及时告知用户刚刚发生了什么，以及接下来会怎样。

10.助你保持思路清晰的工具

说实话，有时候你确实没时间从头构建每一个流程。这时候，像 “Made in Figma” 这样的插件就能救急。

它能让你直接使用预先构建好的 UI 流程和组件，这些都遵循了最佳实践。无需猜测，也不用到处找灵感。就好比有个不唠叨的设计副驾在帮你

当我想在不牺牲质量的前提下快速推进工作，或者大脑靠咖啡因强撑，只需要一个可靠的布局来开展工作时，我就会经常用它。

额外福利：要是你还在看……

首先，感谢你。显然你对优秀设计非常上心。

其次，这里有一份基于心理学的 UI 设计小抄：

• 去除干扰（少即是多）
• 引导视觉
• 遵循默认设置和模式
• 兼顾情感与逻辑进行设计
• 让用户有掌控感
• 要是拿不准怎么做？别耍小聪明，保持清晰就

转载：人人都是产品经理

兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。

创作解读｜创作以 2026 丙午马年为主题，以孩童的视角与笔触为切入点，让幼儿园小朋友深度参与到生肖文创的创作中，为承载着奋进、豪迈寓意的传统马形象，赋予更鲜活的童真温度与新时代生命力。孩子们先随心勾勒心中的骏马模样，那些稚拙线条里藏着最纯粹的想象与美好；设计师对画作进行基础的设计梳理与规整后，又将画面交还给孩子们进行二次创作，让童趣始终贯穿创作全程，让每一件作品都真正拥有孩子的灵魂，让传统生肖与童心童趣撞个满怀。

相信很多人都有过这样的体验：睡前只想刷几分钟短视频放松一下，结果手指不停滑动，转眼一两个小时就过去了；本想利用碎片时间看两条内容，却不知不觉沉浸其中，忘了原本要做的事。为什么我们总会忍不住对着屏幕 “刷刷刷”？其实这背后并非单纯的自制力问题，而是短视频产品背后的交互设计，精准抓住了用户的心理和行为习惯，用一系列巧妙的设计逻辑，让我们不自觉地陷入持续浏览的状态。今天就来拆解这些隐藏在屏幕背后的交互设计套路，聊聊它们的底层逻辑，以及如何平衡设计的实用性与用户的自主性。

在色彩的世界里，蓝色是最具争议也最受偏爱的存在。它既藏着天空海洋的辽阔安宁，又裹着忧郁疏离的细腻情绪；既是商务世界的信任符号，也是艺术领域的灵感源泉。这份矛盾的综合，让蓝色成为跨越时空、跨越文化的经典，也让它在设计、艺术、生活中拥有了独一无二的魅力。

步入 21 世纪，文化自信的觉醒与全球化的深度融合，让新中式设计从传统美学的现代演绎，蜕变为当下主流的审美趋势。从故宫文创的破圈走红，到《黑神话：悟空》的全球圈粉，新中式早已超越单一的设计风格，成为兼具文化底蕴与时代活力的现象级符号，真正诠释了 “万物皆可新中式” 的美学魅力。

上次我们聊到了日本设计的起源与形成、战后的制度化发展，以及平面设计背后的禅意、侘寂等美学根源，还有支撑其发展的教育、社会与奖项生态。日本设计的魅力，从来不是单一的风格复刻，而是将东方文化内核与现代设计逻辑深度融合，从平面延伸至产品、建筑、日常造物，成为一种渗透在生活肌理中的设计哲学。这一期，我们就从经典设计大师、标志性品牌实践，以及当代日本设计的传承与创新三个维度，继续探寻日本设计的深层魅力，看看这种 “秩序与本质的追寻”，如何在不同领域落地生根，又如何影响着全球设计语境。

做设计时总陷入这样的困境：界面布局规规矩矩，却毫无视觉吸引力；元素堆砌完整，却让用户一眼划过记不住；明明花了不少心思，最终效果还是显得单调乏味、缺少亮点。

你是不是也常遇到这种情况：拿到手的界面原型平平无奇，满屏都是基础文字和按钮，想优化加设计感却无从下手，改来改去要么还是单调乏味，要么画蛇添足影响体验，最后只能烦躁吐槽：“这破班，不上也罢！”