yobo手机官网登录入口

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

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

留言
yobo手机全站官网＠登录页面 betway必威（中国）全站登录首页 yobo体育全站app下载│欢迎你 ayx体育平台app KOK手机版app下载