5个方面深入浅出,解析移动端电商的搜索框设计

5个方面深入浅出,解析移动端电商的搜索框设计,第1张

5个方面深入浅出,解析移动端电商的搜索框设计

文/高广乾

你不能卖一个用户找不到的产品。搜索是用户最基本的个人行为,也是构建一个盈利app或网站的关键要素。在发现和学习培训产品的阶段,用户希望在app中有一种流畅的感觉,他们会根据搜索结果快速识别一个app的使用价值。

一个好的搜索控件应该帮助用户快速简单地找到他们想要的东西。在这篇文章中,我们将讨论如何完成它。

1.搜索怎样置放

用户在寻找频道搜索时,一般都是快速粗暴的。他们通常访问一个网页,然后寻找一个可以输入单词的框。

总体目标:搜索框的设计很明显,容易识别。

在显著位置搜索该区域。

搜索是电商app或网站的基础功能,必须放在醒目的地方,让用户很容易找到。如果不把搜索放在醒目的地方,会给用户造成混乱,降低效率。

在左边,搜索功能隐藏在莱丹选项后面。

电商app要把搜索放在首页顶部(如果首页很长,搜索要固定在顶部)。如果app中有很多详细的文件目录,那么搜索区域应该放在默认设置中,以保证用户可以方便地找到并快速使用。

搜索框中有一个放大镜图标

能让用户产生普遍共识的图标真的很少,高倍放大镜就是其中之一。即使没有预置文本的提示,用户也能理解高倍放大镜作为搜索的意义。

套用一个非常简单的高倍放大镜图标logo就够了,因为图标照片的关键点并不能加快用户的识别速度:

类别选择栏(仅限iOS版本号)

在iOS中,搜索有相对的类别选择栏,用户可以快速选择搜索类别,比如既定的规范或类别。

众所周知,最好是提高搜索结果的准确率,否则用户不用设置搜索范围。

2.分析搜索要求

这促使用户进行大量的搜索,因为用户不仅要提出明确的搜索要求,而且还要将困难的问题键入相关部分。在电脑上打字是一种容易失败且耗费时间的个人行为(尤其是在手机屏幕上)。

总体目标:最小化用户的打字成本,快速产生结果。

全自动强烈推荐

一般用户查公式都不知道怎么算:如果在之前的很多目录里都找不到合适的结果,后面尝试的通过率会很低。事实上,他们经常放弃。全自动强推荐系统试图根据用户当前的特征来预测分析结果,然后帮助用户找到合适的结果。当彻底的、自动的强推荐结果有效时,有利于用户准确表达和搜索百度词条。

自动强推荐系统不是靠提高搜索速度,而是靠正确引导用户,帮助他们建立自己的搜索百度词条。

但请确保全自动强推荐对用户有帮助。如果设计方案不是很好,可能会引起用户的怀疑。因此,可以通过应用拼写自动纠正、词性转换识别和内容预测分析的方法来提高专用工具的可用性。

最近搜索

App要存储用户的交互数据信息,包括最近的搜索和最近的购买记录,这将是用户在接下来的实际搜索 *** 作中给出的数据支撑点。这将有利于节省用户搜索同一产品的时间和活力,提高用户体验。

3.搜索进度

理想情况下,搜索结果应该立即显示信息,如果不能保证,应该有一个适当的视觉反馈。但是请记住,减缓加载时间会造成用户混乱甚至外流。

总体目标:勤奋让用户意识到搜索时间比具体时间短。

搜索占位符

一般情况下,0.1-1秒的延迟时间不需要给用户唯一的反馈。但如果搜索的时间更长,至少要尽力让用户的等待更满意。装器皿好像是关键。

按需加载

延迟加载是一种常见的技术,当一些结果已经显示时,其他结果正在被加载。这种方法加载很快,因为有些产品是原始加载的。

对于懒得加载的产品,最好优先选择展示产品的文字信息内容,让缺乏细心的用户可以先根据文字筛选出整体的目标产品,而不需要等待所有图片加载。

4.搜索结果展现

总体目标:确保搜索结果是有效的。提高搜索进度,让用户觉得自己从头到尾都在日常任务中。

选择首先显示相关系数最大的结果。

手机的产品详情页显示的结果总数相对有限,需要保证用户看到最相关的3-5个结果,然后拖拽查询其他结果。

筛选和分类

在移动电子商务的可用性研究中,贝玛研究院注意到,超过50%的用户正在最近搜索的类别中进行搜索,试图通过搜索百度词条筛选出自己需要的产品。众所周知,94%的移动电商网站和app都不兼容这种方式。

当搜索结果不相关或者总数非常大时,用户会感到无所适从。并且对能够帮助用户缩小结果范围的类别进行筛选和分类,否则,用户不得不大量拖动显示屏,或者不得不在小显示屏上进行分页查询。

左图不包括筛选和分类,用户必须访问很多产品。

在特定类别中搜索

这种方式的优点是鼓励用户在一定范围内进行搜索,而不是应用传统的筛选,这可能会为用户产生前所未有的高质量搜索结果。下图显示的是一个精心规划的范围内搜索。

有效的“无查看结果”网页

用户在整个搜索过程中,难免会出现“无查看结果”的网页。设计方案做得不好,对用户来说很可能是死路一条。

以惠普hp为例,“无查看结果”页面对用户来说应该是个死胡同。

当用户的搜索中没有相对的结果时,可以防止用户有走进死胡同的感觉,向用户展示有使用价值的候选方案,比如分类相似的产品。为了帮助用户更好更强,可以使用“智能搜索”来纠正单复数或拼写等错误。

5.正确引导导航栏(产品分类)

友好分类列表

如果账单与用户的预估不符,用户就必须花费大量的精力去分析识别。分类列表必须清晰,不能重复。尤其关键,因为当用户经历过之前的疑惑,就会把莱丹作为最终的解决方案。

汇总

充分考虑到今天30%的网购都是基于手机,电商app和网站相关的筹码是前所未有的。你的app或URL要兼容各种搜索,针对类别、产品、产品功能返回相关搜索结果。当手机零售体验越来越流畅,顾客可能不仅仅是在手机上搜索,更有可能购买产品。

注:阅读相关网站基本建设方法的文章,请移至网站建设教程频道栏目。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/769357.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-02
下一篇 2022-05-02

发表评论

登录后才能评论

评论列表(0条)

保存