将搜索框保持在用户想要的位置

image.png

当用户想要使用搜索框时,但是需要花费大量的精力才能找到它,用户体验会大大降低。网站上的搜索框最容易被发现和放置在用户需要的地方。用户期望的位置在哪里?下面是A. Dawn Shaikh和Keisi Lenz的研究结果。他们抽样调查了142人。用户了解用户对网站上搜索框位置的偏好。如图所示,大多数用户会在网站的左上角和右上角找到搜索框。这主要是因为用户在浏览网站时使用的是f扫描的方法,而网站的右上角是大多数用户的首选区域,所以在设计搜索框时,我们最好把它放在右上角或者中间。

输入框大小合理

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

使用自动搜索推荐机制

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

确保自动搜索建议可用是很有价值的。如果输入框中有不合适或无用的搜索建议,不仅会方便用户搜索,还会引起用户的注意力混乱和分心。自动搜索推荐必须基于用户的搜索历史数据;当用户在输入框中输入关键字时,它会尽快向用户提供推荐信息,例如在第三个字符之后,它会向用户提供实时有价值的建议,减少用户的输入难度和工作量;

为用户提供少于10个的搜索结果,以避免信息过载。

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

让用户了解他们能找到的东西

让用户知道他们可以在网站上搜索什么内容也是提高用户在网站上受欢迎程度的一种方法。这可以通过向输入框中添加占位符文本来实现。下图显示了IMDB网站。它向搜索框中添加占位符,提示用户在搜索框中搜索可搜索的内容,以吸引用户进行搜索。随着HTML5网站制作技术的不断发展,这个占位符的设计已经没有困难了。但建议占位符的内容不宜过多,以免给用户带来认知负担。

(编辑:柠檬味)