本文为我们介绍了设计一个完美的搜索框时,需要具备的设计要素以及注意事项。

cd3c89f424284a70c48e91b66d6769c5.png

搜索框是文本输入框和提交按钮的组合。有人可能会认为搜索框不需要设计,毕竟,这只是两个简单元素的组合。但是,在内容密集的应用或者网站上,搜索框通常是用户最常用的设计元素。当用户遇到相对复杂的网站时,他们将立即寻找搜索框以快速而轻松地到达最终目的地。此时,搜索框的设计及其可用性就显得尤为重要。

在本文中,我们将看到如何改进此元素,以节省用户前往目的页面所需要的时间。

01 使用放大镜图标

在你设计的搜索框内放置放大镜图标。图标是对象、动作或想法的直观表示。有一些图标得到了用户的普遍认可,放大镜图标就是其中之一。

0966b7c6f1423cd2c615e834677b4485.png

用户即使没有文本标签也可以识别放大镜图标

提示:使用示意图标的最简单版本即可,较少的图形细节可加快识别速度。

02 突出显示搜索入口

如果搜索对您的应用程序/网站很重要,则应突出显示,因为这可能是用户发现信息的最快途径。

48d0cfa5492e82ca3510e45909ec9751.png
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐