按钮是使用图标好还是文字好？

在UI设计中，按钮到底是用文字好还是用图标好，你有什么看法？...



工具栏中的按钮是使用图标还是文字？APP中的tab栏是使用图标、文字还是图标+文字？返回按钮是使用“返回”还是箭头？在UI设计中，按钮到底是用文字好还是用图标好，你有什么看法？

人们经常说一幅图胜过千言万语，图标也是一样，使用得当能明显简化界面，提高界面的可用性和用户操作效率。但如果使用不当，则会带来麻烦。

我们先来看几个例子，你知道这些图标代表什么意思吗？

有些图标大多数人第一眼就能明白是什么意思，甚至缺乏上下文时也能确定它的含义，而有些图标却显得模棱两可，甚至根本看不懂。

文字和图标各有优劣，使用文字能准确的表达意思，但是文字并不一定总是最好的方式，所以我们要具体问题具体分析。影响这个问题的因素包括：表意准确性，界面上下文，空间限制，学习成本，用户文化背景等。其中最重要的是第一点——表意准确性。1.产品要求学习成本低时

如果你的产品主要是为普通大众服务，那么你就要优先考虑使用文字。一是因为不同年龄、地域、职业的用户可能对于同一个图标有不同的理解，二是因为这类产品的用户通常没什么耐心，一旦遇到不理解的地方就很容易放弃使用。所以为了让用户更快上手，更轻松的完成操作，应该尽可能减少用户的学习成本，而文字比图标具有更好的普适性。

2.按钮数量少时

这一点主要是对移动设备而言。按钮数量少意味着屏幕上有更多空间可供文字使用。如图，在iOS标准APP中，当按钮数量较少时一般会优先使用文字。

1.用户愿意接受一定的学习成本时

图标能使界面更简洁。一般对于软件产品/B端产品，用户愿意付出更多的精力学习如何使用，比如Powerpoint，Photoshop等。为了更好的呈现各类操作，这些软件产品会以图标为主要按钮形式，而且用户在经过一段时间的学习之后，图标按钮会使他们的操作效率更高。Alan Cooper说过“软件的设计是针对中间级用户的”就是这个道理。另外，为了兼顾初级用户，通常每个图标还会加上文字说明。

2.产品界面空间有限时

对于移动设备而言，屏幕空间是十分宝贵的资源。图标比文字节省空间，所以设计师在进行移动端界面设计时一般会优先考虑图标。当然，也不能用图标完全代替文字，因为有些操作真的很难图形化或者没有形成共识，所以界面里通常是既有文字按钮也有图标按钮。如图是iOS的日历应用，其中的按钮就既有文字也有图标。3. 产品用户文化背景不同时

由于语言不同，所以使用文字会增加产品设计和开发的工作量，而那些通用性强的图标正好可以解决这个问题。需要注意的是一定要确认不同文化背景对于同一个图标的认知是否相同。比如“×”，有的地方表示删除，有的地方却表示选中。

总之，按钮中使用文字最准确，适用范围也最广，而使用图标对用户有一定要求，因此要慎重。设计时应该坚持准确性这一基本原则，然后根据实际情况灵活处理，而不要为了追求效果滥用图标。

你在做设计时还遇到过哪些细节问题？欢迎分享出来，我们一起探讨。

    关注 凯文说