网站搜索栏怎么设置

网站搜索栏怎么设置

当用户访问一个网站需要用到搜索框去搜索的时候,那么这个网站其实是并不成功的,因为设计的不够简单明了,不能让用户马上看到他想要的内容 。但如果这个网站是分类很多产品很多的一个网站 , 那么这个网站拥有搜索框确是成功的 。在不同类型的网站中如何去更好的运用你的搜索框这是值得思考的一个问题 。那网站搜索栏怎么设置?
1、把搜索框放到用户容易找到的地方



浏览见面的用户当他不得不去搜索搜索框时,这并不好,因为它不显眼,也不容易识别 。研究发现,对大多数用户来说,最方便的地方是网站页面的左上方或右上角 。


因此,将搜索框放置在布局的右上角或中上方区域,您将确保您的用户能够找到他们期望的位置 。理想情况下,搜索框应该适合网站的总体设计,但当用户需要时,它能稍微突出显示 。你拥有的内容越多,你就越想展示你的搜索功能 。如果搜索对你的网站是必不可少的(比如你的网站是一个电子商务商店),使用大量的对比,这样你的领域和图标就会从背景和周围的元素中脱颖而出 。



2、为搜索输入字段使用适当的字段大小



使输入字段过短是web设计人员常见的错误 。当用户键入长查询时,只有一部分文本是可见的,这意味着糟糕的可用性,因为用户无法轻松地查看和编辑他们的查询 。事实上,当搜索框的可见字符数量有限时,用户不得不使用简短的、不完整的查询 , 因为较长的查询很难读取 。如果输入字段按照预期的输入大小,那么它们都更容易阅读和为用户解释 。一个经验法则是有一个27个字符的文本输入(这个大小容纳了90%的查询) 。


3、明确用户可以搜索什么


在输入字段中包含一个示例搜索查询 , 以向用户建议可以搜索的内容,这是一个好主意 。HTML5使得在输入字段中包含文本作为占位符变得很容易 。如果用户可以搜索多个标准,请使用输入提示模式来解释(参见下面的IMDb示例) 。但是一定要把你的暗示限制在几句话,否则 , 你会增加认知负荷 。


【网站搜索栏怎么设置】

经验总结扩展阅读