如何设计移动端搜索？来看我总结的这四个部分！

如何设计移动端搜索？来看我总结的这四个部分！

图片来源:百度站长工具申请已获批。

小六Epik:现阶段，搜索功能是每一个使用商品必不可少的一部分，也是用户经常光顾的功能。好的搜索设计方案可以提高转化率和用户体验。下面我们来讨论一下搜索设计方案的一些小技巧。

文件目录:

搜索入口的设计。

搜索方法

搜索功能

搜索结果的显示方式

一、搜索入口的设计 搜索入口的设计必须基于搜索在商品中的地位，不同应用领域使用的搜索入口风格也有所不同。接下来，我们来介绍一下四大搜索入口的常见风格。

1。底部的标签栏

以搜索功能作为底部logo栏的程序模块入口，适用于以搜索功能为关键总流量入口的 App。此外，它还可以与其他选项卡 栏条目紧密结合。比如《布卡漫画》就是将搜索功能与具有相似发现功能的词条紧密结合。而底部logo栏的搜索入口没有搜索功能，所以一般和搜索框风格紧密结合。(比如:App 商店，布卡漫画)

如图所示:

2。搜索框导航栏条目

一种常见的显示方法是将搜索条目以文本框的形式放在导航栏中或导航栏的正下方。在一些应用中，即使页面被向上拖动，搜索栏也会在顶部显示信息，方便用户随时随地实际 *** 作(信息是否显示在顶部取决于搜索功能在应用中的权重值)。

除了必需的文本框，搜索栏条目还必须有一个搜索标志来提醒用户。在这个阶段，很多应用还会利用搜索框中的区域进行预设的创意文案，可以作为关键词提醒用户，也可以作为商家的入口。(例如:鲜花，立即)

如图所示:

3。搜索标志条目

这也是一种常见的搜索方法。常见的做法是在导航栏右侧放一个高倍放大镜标志。搜索框与上面提到的搜索框相比，在视觉效果的正确引导上略逊一筹，但它节省了导航栏的空间空，使导航栏可以展示大量用户的功能，适合搜索权重较低的应用。

自然也有特殊的搜签方式，比如:自助，同样是搜签的风格，因为部位不同，档次变化越来越突出。(比如:自助，TIM)

如图所示:

4。隐藏的搜索门户

为了更好地让用户应用桌面呈现的大量快捷入口，在显示原页面时隐藏搜索功能，拖动页面时会出现搜索功能。比如iPhone解锁时是各个应用入口，向右拖动会出现隐藏的搜索入口。

如图所示:

二、搜索方法

搜索方法是人们通常用来搜索我们要找的东西的方法。以下是三种常见的搜索方法。

1。输入文本搜索

而关键的常用搜索方法就是根据文本框中你想要搜索的文字进行精准搜索。此外，当您单击文本框时，在计算机键盘上键入单词。

如图所示:

2。视频语音搜索

视频语音搜索不仅提高了搜索的便利性，还解决了老年人对数字键盘的困惑和不会拼写的人的问题。此外，歌曲App 中的语音功能获得了更强的应用。无论在大街上的大型商场、夜店，听到让人爱不释手的音乐，都可以通过语音功能识别歌曲，随时随地找到自己喜欢的歌曲名称。还有一些人可以在开车时使用视频语音搜索功能查询路线。(例如:QQ音乐、高德导航)

如图所示:

3。图像搜索

依赖于图像识别技术专业性，图像搜索也被广泛使用。比如我们可以根据拍摄的照片搜索相关照片或者与之相似的照片的信息内容，也有在电商应用中常见的产品。对于无法准确描述的产品，我们可以根据图片搜索对象。比如在美人计理论中，我们可以根据对实际物体的拍照来找到想要的物体。(比如:美丽说，百度搜索)

如图所示:

三、搜索的功能

根据用户不同的搜索场景，必须获得不同的搜索辅助。一个好的搜索助手会让用户爱上你的应用。下面详细介绍五种常见的搜索功能。

1。热门搜索

目前搜索量比较大的，还是我们管理自己想找的物品，也给了这些漫无目的的用户大量的选择。

如图所示:

2。搜索历史时间

用户可以看到自己每次搜索的记录，方便用户再次查询。

如图所示:

3。热门推荐

根据用户记录的收集，给用户展示相关内容，减少他们的思考时间，也让你的用户感到温暖。(例如:天猫商城、头条)

如图所示:

4。分层搜索

根据系统软件呈现的辅助字段名称，逐渐缩小搜索范围，对于搜索模糊的用户也呈现了非常好的提醒，可以快速找到整体搜索目标。(例如:Taobao.com)

如图所示:

5。键入search

当应用中涉及到很多相似的搜索内容时，可以增加类型搜索功能，先选择类型再进行搜索，可以快速准确地搜索到相关内容。(例如:36Kr、豆瓣电影)

如图所示:

四、搜索結果展现方式

从搜索结果来看，呈现方式还是很多种的，比如文字、照片、分类、视频等。在掌握了不同的风格后，大家可以根据不同的应用类型选择合适的搜索结构呈现方式。

1。文本类

在歌曲的应用中应该使用带有关键文本描述的显示搜索结果。当我搜索音乐本身的名字时，照片的实际意义对每个人来说都不太大。(如36Kr、QQ音乐)

如图所示:

2。照片类别

以关键图片的展示为主导，用户会看到更多自己感兴趣的照片，所以要用于购物、新闻、电影等。(如郭毅生鲜、小红书app)。

如图所示:

3。控制模块类别

主要用途包括各种类型的应用。比如我们在acquisition上搜索，键入“人类简史”就会发现有两种，一种是免费电子书，一种是音频。所以对于各种类型的应用，要扩大搜索范围，按类别展示，让用户根据类别更准确地搜索到想要的信息内容。(如获取，猫眼电影)

如图所示:

4。视频类

以下是唯一的，一般只出现在视频的应用中。因为视频用户的一般搜索目的比较既定，搜索结果不会多样化，所以在这里把大量实际 *** 作按钮放在页面上，更方便用户选择和观看。(如土豆、优酷)

如图所示:

总结

根据上面对搜索函数的分析，我们知道一个搜索函数风格，无论在哪个环节，都必须分析其应用范围、类型、权重值等层次，从而设计出更有效的搜索方案。所以搜索风格本身没有优劣之分。如果是在不同的情况下，选择最佳的方式会提高搜索体验，让用户快速准确的搜索。

相关创建者