关于如何设计搜索框的提示和原则

2019.07.25 mf_web

68

当用户访问复杂的网站时,他们会立即找到搜索框以达到他/她的最终目标。本文分享了一些设计搜索框的技巧。

当您访问页面以查找所需内容时,但找不到搜索框来执行操作,是不是令人沮丧?搜索框通常是网站中最常用的设计元素,一个好的搜索框会使网站用户友好,当用户访问相对复杂的网站时,他们会立即找到搜索框以帮助他们联系到他/她最终目标。本文分享了一些有用的提示和原则来设计一个用户会喜欢的搜索框,希望这篇文章对您有用和有用。

什么是搜索框?

搜索框是常用的交互式组件,尤其是在网站和APP上。搜索框的核心是准确地从海量信息中提取精确内容,如音乐库,电子商务网站等。

两种类型的搜索

1.即时搜索:

结果立即显示在用户界面上,不需要任何按钮,放大镜仅显示为图标,当用户输入关键字时,它可以立即搜索。

2.定期搜索:

用户需要单击搜索按钮才能执行搜索

何时使用搜索

1.目标对象很难找到

A)有许多物体; 就像我们需要在Mockplus图标库中找到3000个图标中的特定图标一样。

B)目标对象不在同一位置; 这就像你需要在磁盘上找到一种文件。

C)搜索数据很难找到; 就像你想在长文本中搜索特定字符一样。

2.需要找到具体内容; 例如,我们在亚马逊中搜索商品的某些特征。

3.在5秒内找不到所需的结果。

谷歌搜索框

设计理念

1.搜索框是界面的一部分,因此它必须放在显眼的位置,并且很容易找到

2.在同一个应用程序或网站中,它们应该具有统一的外观

3。该功能应有效,结果应准确,搜索速度应尽可能快。

好的搜索框

外观特征

1.标签是不必要的,您可以使用可选的提示

2。提示可以是指令(例如搜索类型)或范围

3。提示语应简短明了

4.执行即时搜索时,将第一个字母大写; 在执行常规搜索时,小写第一个字母。

在设计搜索框之前有8个提示

1.使用放大镜图标

 放大镜图标

2。将搜索框放在用户可以轻松找到的位置

3.为搜索框提供搜索按钮

4.将搜索框放在每个页面上

5.使搜索框看起来像搜索框

6.自适应字段大小

7。使用自动建议机制

谷歌自动建议机制

结论

我们可以发现设计搜索框需要遵循设计规则和交互原则,改进的每一个细节都可以提供更好的用户体验。一个好的用户体验网站不仅可以取悦用户,还可以从中受益。

最新案例

联系电话 400-6065-301

微信咨询 寒总监

北京赛车 北京赛车pk10APP 极速快三 北京赛车pk10APP下载 北京赛车pk10APP注册平台 北京赛车pk10APP下载 北京赛车pk10APP下载 北京赛车下注app 北京赛车pk10APP 幸运快3官网