请选择时期:
怀孕准备 怀孕 分娩 宝宝0-1岁 宝宝1-3岁 宝宝3-6岁

网站搜索栏怎么设置

来源: 最后更新:22-03-31 01:20:02

导读:网站搜索栏怎么设置,网站搜索栏要把搜索框放到用户容易找到的地方;为搜索输入字段使用适当的字段大小;明确用户可以搜索什么

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

  1、把搜索框放到用户容易找到的地方


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


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


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


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


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


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


  

标签: 网站建设  网页设计  标签  简介  

免责声明:本文系转载,版权归原作者所有;旨在传递信息,其原创性以及文中陈述文字和内容未经本站证实。

本文地址:http://www.zuomama.com/qiaomen/youxi/204668.html

  • 1学校组织学生徒步自费看《满江红》,这种“自愿”未免太牵强

    学校组织学生徒步自费看《满江红》,这种“自愿”未免太牵强

  • 2怎么样鸽子 怎么养鸽子不怕它飞走

    怎么样鸽子 怎么养鸽子不怕它飞走

  • 3拱辰享怎么样 粉色后拱辰享怎么样

    拱辰享怎么样 粉色后拱辰享怎么样

  • 4汉能怎么样 汉能 北京

    汉能怎么样 汉能 北京

  • 5清华怎么样 蒲城朗悦清华怎么样

    清华怎么样 蒲城朗悦清华怎么样

  • 6叶酸片怎么样 斯利安叶酸片怎么样

    叶酸片怎么样 斯利安叶酸片怎么样

  • 7湘雅怎么样(湘雅各医院的优势)

    湘雅怎么样(湘雅各医院的优势)

  • 8民生保险怎么样 中国人民保险怎么样

    民生保险怎么样 中国人民保险怎么样

  • 9鸽子怎么样(鸽子怎么样做才好吃)

    鸽子怎么样(鸽子怎么样做才好吃)

  • 10新君威怎么样 全新君威怎么样

    新君威怎么样 全新君威怎么样

关于我们 | 广告服务 | 网站合作 | 免责声明 | 联系我们| 网站地图

© 2006-2022 做妈妈育儿网 all rights reserved. 浙ICP备2022035435号-3

声明: 本站文章均来自互联网,不代表本站观点 如有异议 请与本站联系 联系邮箱:kf#zuomama.com (请把#替换成@)