移动端搜索优化怎么做-网站建设给你支招

“搜索” 是许多移动端应用中的常见功能，尤其对于电商类、引擎类、信息流类的应用，搜索往往是其中好主要的功能之一，据说淘宝用户 90%的行为都从搜索框开始。无论是移动端照旧 pc 端，“搜索” 的设计思考都以 “用户要得到什么？” 作为出发点；但两者的显现形式却不尽相同。相较于 pc 端，移动端的搜索功能需要在更小的屏幕空间上占有一席之地；根据不同的营业形式，其显现的体例也是多种多样。本文以 “搜索的时间逻辑” 作为脉络，从 “为什么要搜索－搜索前－搜索时－搜索后” 对搜索功能进行解剖式分析，给自己做分析整顿的同时也分享给刚刚入门做移动端体验设计的同窗。

为什么要搜索－关于搜索的行为思考

不同的搜索目的

不同的用户或使用场景，用户搜索的目的往往不同，一般分以下三类。

1、正确搜索。这种场景下用户目的清晰明确、直奔主题上海做网站，通过在搜索框输入内容快速找到所需目标，完成此次搜索动作。常见案例如百度地图、UBER、网易有道词典、同花顺的搜索功能等。

2、提高寻找效率，高效锁定目标或快速缩小范围。这时候 “搜索” 功能在一定程度上和 “筛选” 近似，有时候往往和筛选一路使用。这种常见于信息浏览类应用，在用户浏览信息的同时往往 “迸发” 出念头，想要快速浏览有针对性内容，于是开始使用搜索。常见案例如爱奇艺、下厨房、优酷、美团、大众点评、知乎等。

3、用户不知道自己想要什么，通过 “搜索” 启发自己灵感。因为许多应用的搜索页面中往往有 “精心安排” 的信息。为迎合这类用户需求豪沃A7驾驶室，搜索页面一般有热门搜索的关键词、搜索类目、记录等等。

写在搜索前－搜索怎么放

1、搜索图标：在导航栏一侧或其他位置放置，根据用户场景和主要级需求决定。一般搜索图标放在右侧，当右侧有两个及以上按钮时，考虑平铺或折叠。

2、搜索栏：以搜索栏的形式直接放在导航栏或放在导航栏下方等其他位置，此时搜索栏可结合语音、拍照、删除（在输入后显示）等功能按钮。

3、搜索作为标签栏中的某一个功能：根据内容主要性决定排在第几个标签中。

4、搜索以单独页面或主页 P0 功能显现：直接作为主页面或主页以较大篇幅显示搜索栏，内容及形式根据用户场景定义。（见图一）

我是图一

搜索时－搜索框的变身

1.以搜索栏形式显现的搜索功能，搜索框的位置可以出现较短的文案，长度需限制在搜索框的长度以内，起到隐性提醒和指导的作用，有时也会加入运营内容；当出现搜索框时，往往配合 “取消”“删除”“语音输入”“拍照输入” 等功能；当搜索框与其他功能按钮一路出现时，需要注重各个功能按钮的可用性问题。（见图二）

我是图二

2.以图标形式显现的搜索功能，当用户点击时，或以动效形式出现搜索框，或直接至单独的搜索页面。当然，搜索框的形式显现时，点击行为也会触发至一个新的页面。无论以上哪种形式，当至单独的搜索页面时，可显现的关于 “搜索” 的内容就更加精彩纷呈了。一般可以给出以下内容：

1）与搜索字段相关的联想词列表：页面上实时显现与搜索关键词有关的单一内容列表或多样性内容展示。若关联词有相关操作或二级内容，如关闭、搜索效果的副题目或增补内容等，可直接在关联词后露出。

2）搜索内容的支撑范围：定义内容、类目列表、范围栏（scope bar）给出支撑的标签或者 tab。其目的是让用户明确 “搜索” 支撑的范围，相当于搜索的 tips，有时候 “筛选” 功能会在该页配合搜索一路使用。（见图三）

我是图三

3.搜索历史

4.热门搜索

5.可能在搜索（根据用户习惯、喜爱等数据推荐）

6.精华内容

7.运营推广内容：如内容推荐、建议类目的关键词。（如类目的设计、CMS 频道的设计、促销运动的设计）（参考案例百度地图）

8.广告

9.以上几种内容的结合体（见图四）

我是图四

10.针对关键词的进一步推荐搜索的列表（我个人称之为渐进式搜索，参考案例：（知乎 APP）四川做网站首页，这是一种搜索内容未能提供情况下，让用户能够 “有所得” 得好方法，提拔了用户体验。试想当你输入了一大段文字之后显现的页面是 “暂无内容”，相比于此四川上海做网站，提前让用户知道：“我们这里暂时没有你要的。但是，或许可以看看别的”“别的内容或许也有你意想不到的惊喜奥！” 此方案看上去像降级方案，但本质是让用户的搜索行为可控，反而提拔了搜索效果的用户体验。（见图 5）

我是图五

搜索后－搜索的效果呈现

当我们完成搜索时，以何种形式呈现什么样的内容才能更好的知足我们的需求呢？当用户点击搜索时，有两种信息的呈现形式，一种是在当前页面展示，另一种是新开页面。

1、在当前页面展示搜索效果的页面，内容较简单，主要目的是为了让用户进一步点击选择，使得搜索的效果可控。这种情况下常以列表形式平铺地显现信息，相关地二级题目或按钮会结合搜索效果同步露出。这种情况下，许多时候键盘地 “搜索” 按钮是禁用的或者键盘的设计无搜索按钮。

2、当需要展示的内容有不同属性，如列表、图、图文结合或更多的其他形式，则一般采用新开页面的体例，信息的展示也需要做分层处理。信息的分层包括每个单元内信息之间的对比、强调和弱化。不同单元和属性的信息间优先级展示以及展示体例的区分。参考案例如下：（见图6）

我是图六

3、当搜索无内容时，我们给用户什么？好简单粗暴的形式是直接告诉用户没有，但这种体验太不好，作为交互设计师应该思考一件事 ““在没有效果展示时我们还能为用户做点儿什么？” 从用户的角度思考，即 “啥都没有，我要做什么呢？” 带着疑问来开始这个页面的设计，用户分为自动和被动。自动的用户这时候会做什么？或许会重新提议一次搜索，输入更加正确的关键词、提交报错或反馈，这类用户总会找到他想做的事情。而对于被动的用户，我们就应该去了解他，投其所好。如相似度和关联性推荐、热门推荐、可能喜好、搜索历史等形式。（见图 7）

我是图七

有时候用户对于搜索效果并不写意，我们可以在页面上做效果页展示的补偿方案：如让用户进一步明确搜索词，缩小搜索范围，如通过分类和筛选功能。二是指导用户在应用可支撑的范围内进行搜索，如同花顺的股票搜索、知乎的搜索案例等。

结语

本文仅从 “时间逻辑” 的角度把搜索功能的形式做了一次简单总结；但搜索的场景往往根据具体营业需求千变万化，但这恰恰是用户体验设计的意义点所在，也是设计的本源，即 “探索人搜索的初始欲望”。关于搜索，可以思考的点还有许多，随意抛出一个问题，如：点击 “搜索” 的时候一定要唤起键盘吗？再问，点击 “搜索框” 的时候一定要唤起键盘吗？这些都没有永恒的固定答案，而相对准确的答案都在每一次的具体营业中。选择网站建设沙漠风微信公众号：sz-shamofeng

分享标题：移动端搜索优化怎么做-网站建设给你支招
转载来源：https://www.cdcxhl.com/news10/288260.html

成都网站建设公司_创新互联，为您提供网站内链、用户体验、标签优化、服务器托管、品牌网站建设、网站导航

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联