UX设计之电子商务网站的搜索体验

文章目录 [+]

你不可能卖出一个连用户都无法找到的商品。
对付要构建一个有利可图的运用程序/网站来讲，搜索无疑是个中的一项基本（紧张）功能/元素。
用户在利用你的程序/网站来查询和理解商品信息时都期待有一个流畅的体验过程，常日情形下，他们会根据一两组搜索结果来快速判断你程序的运用代价。

一个精良的搜索方案该当帮助用户快速轻松地找到他们想找的东西。
这篇文章中，我们将磋商如何使它成为可能。

UX设计之电子商务网站的搜索体验 UX设计之电子商务网站的搜索体验人工智能

1、搜索的支配

用户常日会非常快的移动眼球来探求页面中的搜索功能，基本上是探求一个可以输入的文本框（搜索框的通用设计形式已经培养了用户的意识）。

（图片来自网络侵删）

目标: 搜索栏设计清晰可见，用户能够快速识别。

（1）在显著位置突出搜索框

对付电子商务类网站/运用程序来讲，搜索是个中的一个基本（紧张）功能，其该当设计显著，能快速被用户创造。
如若不足显著，必将利用户失落望并降落其浏览效率。

左侧的搜索功能别隐蔽到菜单选项之下

这类程序该当在其首页顶部位置突显搜索功能（如果首页过长，应在底部重复显示）。
尤其对付要显示大量商品信息的程序，默认显示搜索框的做法既能够确保搜索功能显著又得以快速利用。

在首屏顶部放置一个高识别度的搜索框

（2）放大镜图标与搜索框同在

在我们日常利用中，能见到少量的具有通用意义的图标。
放大镜图标便是个中之一。
用户纵然在没有文本标签的情形下也会自然的将该图标视作搜索的意义。

你该当利用一个示意型的图标，就如下面这种放大镜图标的最大略版本，由于这种没有多少图形细节的设计能够加快用户的识别：

放大镜图标

（3）浸染域栏（仅适用于iOS）

在iOS中，搜索框可以伴随一条标示浸染域的栏目，能够让用户快速切换搜索的浸染域，比如利用明确的条件或者种别号称：

浸染域栏可以添加到搜索栏下，让用户精确搜索的范围

然而，比较于这种做法，改进搜索结果显然是更好的办法。

2、诠释查询词

用户要去搜索实在是有一定事情量的，由于他们不只要想到要用的查询关键词，还得把它们打出来。
而打字本来又是一个既随意马虎出错又耗时的活动（在手机这样小的屏幕上尤其如此）。

目标：该当只管即便减少用户数据输入的事情量，供应即时性的结果。

（1）自动建议

普通用户在构建搜索词时每每表现的很差：如果在第一考试测验后没有得到好的搜索结果，之后的搜索考试测验就很难成功。
事实上，他们常常就会放弃。
自动建议机制是通过用户已经输入的字符来预测可能的搜索关键词，这样一来就帮助用户减少了必要的输入。
如果这种机制表现良好，能够很大程度上帮助用户实现更好的查询效果。

这种机制从根本上并不是要加快搜索过程，而是为了勾引用户布局他们的查询关键词。

自动建议的机制可以降落用户的出错率

但是一定要确保你的设计有效，糟糕的设计会利用户困惑并分散他们的把稳力。
因此你该当考试测验让你的搜索方法能够实现自动纠正拼写缺点、识别词根并预测完全的关键词等来提升搜索效率。

（2）最近搜索

运用程序该当保存所有的用户行为，包括最近搜索和最近购买，以便于用户不才次搜索时可能用到。
这就节省了用户在搜索同一样物品时的韶光和精力，提升了用户体验。

3、搜索过程

空想情形下，搜索结果该当即时显示，如果办不到该当向用户供应一种恰当的视觉反馈。
无论如何，请记住，减缓了数据的加载韶光就意味着可能令用户沮丧，并稀释他们的把稳力。

目标：费尽心机让用户感知到搜索韶光要比实际花费的短。

（1）搜索占位符

一样平常情形下，延时在0.1-1秒之间时不须要额外的反馈信息。
但是如果搜索过程确实须要更久的韶光，你至少该当努力让用户在等待过程更为愉快，这时候不妨考虑利用一个临时的信息展现状态——利用占位符。

利用占位符标明数据类型

（2）延迟加载