木萝卜设计出品
扫描关注网站建设微信公众账号

扫一扫微信二维码

搜索框设计的另一个原则是简单易用

木萝卜网络2019-12-03经验之谈

研究表明,不显示高级选项的搜索框看起来更友好,更实用。因此,一般来说,最好不要在向用户提供搜索框时提供复杂的搜索选项。

 

3.JPG

 

 

·将搜索框保留在用户的预期位置

当用户想要使用搜索框,但需要耗费大量精力才能找到它,用户的体验大大降低。网站上的搜索框最好易于检测并放入用户所需的位置。用户的预期位置在哪里?下图是A. Dawn Shaikh和Keisi Lenz的研究结果。他们抽样了142人。用户了解用户对网站搜索框位置的偏好。从图表中我们可以看到,大多数用户会在网站的左上角和右上角找到搜索框。这主要是因为用户在浏览网站时使用F-scan方法,而网站的右上角是大多数用户的首选区域,所以在设计搜索框时,我们最好把它放在右上或中上。

 

·合理的输入框大小

输入框大小过小是搜索框设计中最常见的错误。许多网站的输入框太小。虽然他们可以保存更长的内容,但其中一些内容是不可见的。这种设计的可用性非常差。由于视觉范围的限制,用户可能会潜意识地觉得他们只能使用简短,不准确的搜索方法,或输入长关键字,但在进行更改时会遇到麻烦。因此,建议根据输入关键字长度使用可能更长的输入框,这不仅可以节省屏幕空间,还可以为用户提供完整的视觉提示。

 

·使用自动搜索推荐机制

什么是自动搜索推荐机制?以Google为例。当我们在搜索框中输入“Apple Watch 2”时,它会自动出现在相关的术语推荐搜索中。这是自动搜索推荐机制的体现。 谷歌在这方面有绝对的发言权。从2008年开始,它开始统计用户搜索历史记录并整理单词建议,以帮助用户节省时间并创造更好的用户体验。自动搜索推荐机制可以动态预测用户的搜索方向,并帮助用户更快地完成搜索。但是,在使用这种机制时,我们还必须注意以下几点:

 

确保自动搜索建议是有价值的。如果输入框中出现不恰当或无用的搜索建议,这不仅会方便用户的搜索,还会导致用户的注意力混淆和分散注意力。自动搜索推荐必须基于用户的搜索历史数据;当用户在输入框中输入关键字时,会尽快为用户提供推荐信息,例如第三个字符后,为用户提供即时有价值的建议,以减少用户的输入难度和工作量;

 

尽量为用户提供少于10个搜索结果以避免信息超载。

 

突出显示输入信息和推荐内容之间的差异;

 

·让用户理解可以找到的东西

让用户知道可以在网站上搜索哪些内容,也是提高用户在网站上的受欢迎程度的一种方式。这可以通过在输入框中添加占位符文本来完成。下图显示了IMDB的网站。它在搜索框中添加一些占位符字符,提示用户在搜索框中搜索可搜索内容以吸引用户进行搜索。随着HTML5网站制作技术的不断发展,这种占位符在设计上没有任何困难。但建议占位符的内容不要太多,以免给用户带来认知负担。

文章关键词