5个方面解析手机网站移动端电商的搜索框设计

2015-07-23 分类：手机网站建设

一个好的搜索功能设计能够很好的帮助客户直达想要的地方，实现好的用户体验，今天分享几个搜素框的设计技巧，希望可以給大家带来启发。你无法去卖一个用户找不到的产品。搜索是用户最基本的行为，也是构建一个可盈利的app或网站的重要元素。用户在发现和学习产品时期望在app中有流畅的体验，他们会根据搜索结果迅速判断出一个app的价值。

一个好的搜索控件应当帮助用户迅速简便地找到用户想要的内容。在本文中我们将探讨如何将其实现。

1.搜索如何放置

用户在寻找搜索的入口时通常是迅速且粗暴的。他们通常会浏览一个页面然后寻找能输入文字的框。目标：搜索框设计得明显可见且很容易识别。搜索区域放在明显的位置搜索是电商类app或网站的基础功能，需要放在显眼的位置，让用户很容易发现。搜索如果不放在显眼的位置，会给用户造成困惑,降低用户的效率。

搜索功能隐藏在菜单选项后面电商类app应该将搜索放在主页的顶部（如果首页很长，搜索应当固定在顶部）。如果app的详细目录有很多，搜索区域应当放在默认位置，确保用户很容易找到且快速可以用。搜索框里带有放大镜icon能够让用户有广泛共识的icon确实不多，放大镜就是其中的一个。用户甚至不需要有预置文字的提醒就可以知道放大镜是搜索的意思。使用最简单的放大镜icon图标就可以了，因为icon图片的细节并不能加快用户的识别：范围选择栏（只适用于iOS版本）在iOS中，搜索有相应的范围选择栏，用户可以迅速选择搜索的范围，比如明确的标准或分类。然而，最好是提高搜索结果的准确性，否则用户不需要设置搜索的范围。

2. 解析搜索需求

搜索使得用户做得更多，因为用户不仅要提出搜索需求，还要将问题输入相应位置。打字是容易出错并且耗费时间的行为（尤其是在手机屏幕上）。

目标：尽量降低用户输入成本并迅速提供结果。

自动推荐

普通用户是不了解查询公式的：如果他们在前几个列表中没有找到合适的结果，后来尝试的成功率就很低。事实上，他们常常就放弃了。自动推荐机制是基于用户的现有特征尝试去预测结果，从而帮助用户寻找到合适的结果。当完全自动的推荐结果奏效时，有助于用户准确表达搜索词条。

自动推荐机制不在于提升搜索的速度，而在于引导用户，帮助他们构建他们的搜索词条。

但是请确保自动推荐是对用户有所帮助的。如果设计得不好，有可能会使用户产生疑惑。因此可以通过使用拼写自动矫正，识别词根和预测内容等方式来提高工具的可用性。