美文网首页
系统总结一下手机端的搜索

系统总结一下手机端的搜索

作者: FanDesign | 来源:发表于2018-04-27 09:44 被阅读0次

在手机端除了简单或工具类型的app,其他的几乎都有搜索功能。因为手机的屏幕小,承载的信息有限,用户不可能通过浏览来快速找到他需要的信息。搜索就相当于问答,用户将他们的需求通过文字、语音或者图像提交给系统,系统针对提交的信息进行检索,再从界面上显示给用户,大大提高了用户寻找、决策的效率。

一、搜索的入口

搜索的位置经常在页面的顶部,常见的有两种形式:1.放大镜图标  2.搜索框

搜索框的形式比图标更加显眼,又可以预设一些营销热词,因此这种形式出现的频率较高。但是如果app的顶部已经很复杂,用户使用搜索的频率不是很高,还是使用图标的形式更为简洁。

二、搜索的默认页

搜索的默认页就是用户点击了搜索入口,但是还未输入搜索词的页面,别看这个页面有时候对于用户来讲就是一瞬间,但是确实是能提高体验的节点,也是设计师应该研究的地方。

(1)搜索分类

一个复杂的app,经常不同的信息放到不同的数据库中,用户在搜索时需要查询好几个数据库,所以速度会慢,展示的信息也比较多,用户还是需要浏览好久找到自己需要的信息。如果用户在搜索前就能选择好分类,搜索的结果会更精准,速度也更快。

分类的形式:1.下拉菜单  2.页面内展示

下拉菜单的形式更隐蔽,也更节省空间。页面内的展示更直观,用户操作步骤更少,但是也更占空间。

如何使用还是根据app的特点和用户的行为,这一页要不要营销的东西? 用户分类的操作频不频繁?

(2)历史记录

用户在搜索的时候不一定第一次就搜到满意的结果,他需要不断更换关键字来使结果更为精准,因此保留历史记录,用户会根据记录来发散思维,联想相关的属性和关键词,最终完成搜索。历史记录在电商领域的作用更大,可以提醒用户前段时间一时兴起的需求,是一种隐形的转化。

历史记录的形式:1.标签式  2.列表式

标签式占据空间较少,因为这个页面除了历史记录还有其他运营的内容(比如热搜、猜你喜欢等),还有键盘弹起的时候需要一定空间,因此标签式使用较多。

列表式的展示文字更多,可以分条删除历史记录,更重要的是这种形式可以缩短用户的路径。比如京东的页面在后面直接添加了一些分词,用户可以直接点击到达。

百度地图的页面在后面直接添加了一个“到这里去”的按钮,也大大缩短了用户的操作路径。

(3)热门搜索

热门搜索主要是平台运营的需求,可以后台配置、也可以根据算法推荐。一般使用标签表示,不同热词的可以用颜色和标识进行区分。热门搜索可以根据不同类型的产品进行不同的设置,比如新闻资讯类,可以推送全国热点信息,也可以根据你的喜好推送信息,餐饮生活类可以根据你的位置和时间进行推荐

热门搜索也可以考虑如何减少用户操作,比如网易漫画,直接把漫画作品放了出来,用户点击后直接看漫画,不用再从搜索结果中选择进入

由于页面空间有限,如何展示更多的信息也是设计的小点,可以采用折叠或者“换一组”的方式展示更多内容

三、搜索中提供自动提示

在输入搜索词的过程中,提供自动提示,包括词根识别、文本预测、以及用户输入文本后的相关推荐,可以节省用户的输入时间,也可以避免打错字。

四、搜索结果

搜索的结果有不同分类,可以使用tab的方式区分;也可以使用卡片式(如微信),卡片式在搜索结果内容多的时候不太好,但是适配性很强,因为有时候有的分类(tab)没有内容。

搜索的结果可以使用栅格式,也可以使用列表式。当需要展示产品图片细节帮助用户决策时,最好使用栅格式,当用户更注重价格、品牌、性能等配置时,最好使用列表式,当然在页面内有一个切换两种模式的按钮就更好了。

五、结束语

小小的功能隐藏着很多细节,好多地方都是设计的机会点,设计师要细致的思考,了解用户的行为和背后的需求,为用户提供高效精准的搜索体验。

相关文章

  • 系统总结一下手机端的搜索

    在手机端除了简单或工具类型的app,其他的几乎都有搜索功能。因为手机的屏幕小,承载的信息有限,用户不可能通过浏览来...

  • 交互那些事儿——搜索模式探索

    本篇是关于移动端搜索模式的学习总结,通过搜索的方式、搜索结果的排序和筛选三方面来总结。 一、搜索模式 1、模态搜索...

  • input type="search"

    input type="search"对于手机端,欲实现文字的搜索功能,要求手机键盘回车键提示为“搜索”.htt...

  • Day 1 -笔记

    1.百度搜索的手机端和pc端有识图功能,不同于pc的是,移动端除了百度首页外,其他搜索二级页没有语音和图片搜索功能...

  • 解析表单的类别和做法

    什么是表单呢?在百度上搜索,会有各种专业的解释,表单分PC端和手机端、移动端,手机端的形式,比如,你朋友圈里面别人...

  • 前端总结-小总结

    前端总结-小总结 针对当前公司只有我一个前端6个后台公司要求写的基础规范 前端总结 手机端 手机端文字大小范围22...

  • php获取操作系统环境

    php获取系统环境分为,服务器端 的系统环境,多数为 Linux 系统。 php获取 客户端 系统环境,可能是手机...

  • 以图搜图 (Google.image)

    作用:手机上的Google image 搜索没有提供手机版,这个以图搜索配置解决这个问题(当然你也可以用PC端的搜...

  • YY频道创建和操作详细教程

    之前分享了手机端YY的下载、注册、登录、修改备注名、YY频道搜索、简单发言的操作,可以参考:《手机客户端YY的下载...

  • 安全测试小试

    一、测试范围管理系统:url、登录框、搜索框、输入框、文件上传、文件下载客户端:搜索框、输入框、文件上传、系统功能...

网友评论

      本文标题:系统总结一下手机端的搜索

      本文链接:https://www.haomeiwen.com/subject/rexblftx.html