图标成堆，一看就没想明白用户场景

本文授权转自：体验进阶（ID：Advanced_UX）

我经常在一些小公司的软件或者设计师作品集上看到这种成堆的图标入口。

这种设计看起来不像是 UI，倒像是遥控器。可就算是遥控器，人家的按钮也是有不同大小、形状和排列方式的。这种毫无设计感的图标阵列，用户体验连遥控器都不如。

倒不是说这种图标入口不能用。很多大厂App也用图标入口，但是都很克制，像淘宝这样的电商现在缩到只剩一行了。

也就是支付宝这种不太在意用户体验的金融类 app 才敢排到三行以上。

但有些设计呢，首页整版都是这种App入口。就会让人怀疑这个设计师是不是不了解这些功能入口的优先级，才把它们如此平均地排列出来。

可能设计师接到的需求是这样的：“你给我做一个首页，要有这些功能，我跟你列出来了就按着这个来做吧。”

设计师问：“这些功能都是干嘛的？最重要的是哪些？”

对方说：“你不用知道那么多，快点出方案吧。每个客户的需求都不一样，很难说哪个是最重要的。”

这样一来，唯一的解决办法就是把这些入口全部列出来平铺在首页。这样用户不管需要哪个功能，总能找到入口。

但是这显然不是最优的设计方式。

因为用户极少会平均地使用产品的所有功能，通常是主要围着几个少数功能反复用，其余大部分功能都是很长时间才用一次，甚至从来都用不到一次——这就是二八法则。例如大部分用微信就是聊天和付款、用营业厅 app 就是查余额和交话费、用银行 app 就是查存款和转账。

因此，更合理的设计方法不是将所有功能入口都平铺展示，而是重点展示几个常用功能，方便用户一进来就能用到。而对于那些不常用的功能，藏得深点也没问题，反而减少视线干扰。

前提是你得要对用户场景分析透彻，可以确切的知道哪几个功能是大部分用户经常用到的。否则如果你把用户不常用的功能重点突出，把常用的功能藏起来，那样反而更糟！

假设你真能分析清楚用户场景， 知道核心用户场景是啥，对应什么核心功能，那么接下来该怎么设计方案呢？原本的图标阵列可以怎么改？

我总结了三种方式，给大家参考。

1. 页面展示：导航设计

如果核心功能只有一个（也就是说大部分用户常用功能只有一个），那就可以把这个功能做成一整页，然后通过导航的方式切换其它功能。

资讯类的产品，很多都会这样设计。像是微信、小红书、抖音等。主要功能就在首页摊开，用户一进来就可以用，不需要点击任何入口。

2. 模块展示：卡片设计

如果核心功能没那么多信息量，不用铺开一整页，那可以做成一个卡片模块。

或者需要强化的功能不止一个，不能单独占一页，也可以做成几个卡片模块。

很多工具类的产品都是这样设计的，例如 12306 的火车票搜索模块：

以及我之前夸过的丰巢快递模块：

这种卡片的好处是，用户不需要点击进入下级页面就能开始使用功能，哪怕只是阅读了解一些信息。而图标入口对用户而言，没有办法提供任何帮助，必须点进去进入下级页面才能使用。

3. 按钮展示：按钮强化

如果核心功能不方便直接展示出来，那就只能展示入口。但是为了强调这个核心功能入口，必须通过尺寸、样式、布局等方式，将其做得更显眼一些。这样用户才能一眼看到核心功能入口，不至于在一堆图标或按钮中找半天浪费时间。

像是美图秀秀，就把图片美化和相机入口做得特别大：

有道词典的 AI 翻译和同步传译，也是类似的样式：

闲鱼的“卖闲置”按钮，也是在底导航很突出：

强调的入口越少越好，最好在 3 个以内，这样才不会给用户选择压力。

别看只是调整一两个入口，体现不出什么设计水平或工作量。只要这两个入口是大部分用户的常用功能，或者业务想推广的亮点功能，这设计对用户或业务都是切实的价值——对用户来说是更方便节约时间，对业务来说是增加转化率。

其实大部分人的问题

还是不懂用户场景

每次遇到那种“缺乏亮点”的方案，我都会问：“用户为什么来这里，最正常用的功能是什么？”

然后，设计师果然就支支吾吾答不上来了。

接下来，我就想办法引导对方告诉我其它已知背景信息，然后帮助推测出用户的核心场景。一旦核心场景明确了，方案就可以围绕核心场景来设计，知道哪里该突出、哪里该弱化。然后，很快方案就能从“缺乏亮点”变得“样式独特”或者“价值明确”。

这里面的问题，一方面是意识——很多设计师以为自己知道用户是谁就算分析完用户了，但到了具体页面就模糊了。

另一方面，是对用户行为模式不熟悉——用户带着一个很明确的目的来这个页面后，会有怎样的行为？是把整个页面扫描一遍，还是光凭直觉乱点？

至于预判用户行为后具体要怎样设计，这里也有问题，但卡在这里的少一些。

在科技浪潮奔涌向前的当下，人工智能正深刻重塑我们的生活与工作。人机之间的关系，也从简单交互迈向深度协作。想知道如何在这一趋势下把握体验设计的新方向吗？2025 年 10 月将在北京举办的 IXDC 国际体验设计大会聚焦 “人机共生：人工智能时代人机协作新范式” ，作为全球领先的用户体验创新盛会，它将汇聚前沿理念与实践。一起来关注这场盛会，探索人机协作的无限可能。

文章转载：体验进阶，版权归原作者所有

原文链接：https://mp.weixin.qq.com/s/oM89UEoqqyaR0YinfSBF5w

版权声明：“IXDC”所推送的文章，除非确实无法确认，我们都会注明作者和来源，本公众号对转载、分享的内容、陈述、观点判断保持中立，不对所包含内容的准确性、可靠性或完善性提供任何明或暗示的保证，仅供读者参考。部分文章推送时未能与原作者取得联系，若涉及内容或作品等版权问题，烦请原作者联系我们，给出内容所在的网址并提供相关证明资料，我们会核查后立即更正或者删除有关内容！本公众号不承担任何责任，并拥有对此声明的最终解释权。

联系微信：18802086168

联系电话：18802086168

编排 | 黄春燕

终审 | 苏 菁

点这里，学习更多设计知识！