和规范解析——搜索_服务器

iOS和Android规范解析——搜索

各位读者朋友，前面一系列文章的内容详细介绍了各种d出对象的用法。从今天开始，你才开始详细介绍其他非d出控件。这篇文章是关于搜索的。

大多数应用程序都会用到搜索功能。它的情况也比较简单:根据搜索功能，客户快速找到自己需要的信息内容/对象等。

按照惯例，先说安卓的标准。

GoogleMaterialDesignGuideline

MD(材料设计的总称，同其他)在关于搜索的章节中，开篇的一句话是加粗字体，有字号:“搜索让客户快速准确定位使用中的内容”(搜索让用户快速定位app内容)。这句话也很肤浅，不明白谷歌为什么这么重视。不过这和上面的详细介绍是一模一样的。

MD建议一般搜索实践至少应包括以下三个因素:

开启搜索文本框；键入和递交搜索词的；展现搜索結果。

以下元素有助于改善搜索体验:

视频语音搜索；搜索历史时间；搜索词全自动填补，且填补的結果就是你的运用的数据库查询中的现有语汇（那样能够能够更好地保证結果是合理的，小编注）。

MD展示了两种搜索风格:移动搜索门户和可扩展搜索门户。下图显示了固定搜索门户:

移动搜索门户

移动搜索门户通常用于搜索对您的应用程序至关重要的情况。最初输入关键字时，最好有全自动关键字填充及其清除按钮，如下图所示:

可扩展入口实际上类似于可移动入口，只是入口模式不同:

可扩展搜索

关于可展开形态有一点要填(虽然MD没提)，因为这类形态的入口都是高倍放大镜之类的标志。边肖建议，点击后最好有动画效果，展示从高倍放大镜到文本框的全过程。那会给你更高的设计感和更流畅的使用。这是我的工作经验，供你参考。

iOSHumanInterfaceGuideline

在iPhone的标准中，以控件“搜索栏”的形式详细介绍了搜索的一部分，在逻辑上与MD不同。MD详细介绍了搜索作为一种模式，所以从录入到打字都有详细介绍。在iOS中，对于搜索的详细介绍只有一个条目:搜索栏。所以在详细介绍的逻辑上是有差异的。

搜索栏也有两种:明显视觉效果型和隐藏视觉效果型。下面显示了两个搜索字段:

左:视觉效果明显；右图:隐藏的视觉效果

其实两者差别不大，只是它们的底色:左边的是单色(深灰)；右边的使用了半透明的背景来达到真实的效果。其实两者的区别，也就是视觉效果是否引起人的注意，在搜索优先级没有区别的情况下，可以应用在不同的场合。建议iPhone搜索框可以包含以下三个元素:

左:默认设置提醒；中:清除关键；右:取消按钮

此外，iPhone还对搜索栏的设计提出了一些建议:

1.如果需要，可以在搜索栏中显示一些提醒和上下文(帮助客户)。

比如文本框里的默认提醒，创意文案可以是:“搜索衣服裤子鞋子配饰”或者干脆就是“搜索”。在文本框的顶部，还可以显示一个简短的提醒，如下图所示:

文本框上方的一句话提醒

2.考虑在搜索栏的正下方显示快速输入和其他内容，以帮助客户更快地找到结果。比如iOS内置了Safari。如果你点击搜索栏中的文本框，应用会显示你的笔记，这有时可以避免根据笔记内容打字的不便。

再比如iOS内置股票的使用。搜索栏底部的目录会根据客户键入的内容不断更新，方便客户选择。

3.在搜索栏的底部，可以添加“细分选择控件”，帮助客户缩小搜索范围，如下图所示:

分段选择控制

重要的是每个段落定义的类别在分段控制中是清晰有效的。在此，iPhone提醒大家，最好的方法不是应用分段选择控件，而是改进搜索结果的目录，让客户不必为了更好的分段选择而多点击。

补句，其实国内很多电商app在搜索目录的选择上已经做的非常好了。中国APP的设计方案在某些方面已经是国际一流。作为一名中国设计师，我为自己感到非常自豪。

对比MD标准和iOS标准中对“搜索”的详细介绍。讨论总是让我们的理解更难忘。欢迎在留言板评论。

#有关创作者#

新设计青年，微信公众平台:新设计青年。爱奇艺视频高级网页设计师。一个法国海龟，曾就职于腾讯官微生活、网易游戏、平安普惠等企业。

未经批准，严禁截留。

欢迎分享，转载请注明来源：内存溢出

和规范解析——搜索