一个搜索框多个按钮_网站搜索栏设计指南:要不要?怎么设计?

ec428aeee05f64aa042e0c6d3f49b78a.gif

在网站的设计过程中,搜索栏是一个很容易被忽略的部分,但用户却依赖它来寻找特定的信息。由于搜索栏是网站中最常用的元素之一,所以搜索栏的设计对用户体验有着重要的影响。

d9639b43405e84ebde1bad7c48def5f4.png

网站是否需要搜索栏?搜索栏使用背后的思维和心理是帮助用户快速找到信息。搜索栏对于内容复杂、超过100页的网站非常有用。在企业对消费者(B2C)领域,搜索栏用于大型电子商务网站、新闻网站、交易网站和预订网站,帮助用户轻松找到信息。它们也被用于大型B2B站点,这些站点有许多客户细分和产品线。如果是一个只有很少页面的小站点,那么可能不需要一个搜索栏,但是随着站点的增长,那就将需要它。创建搜索栏时要考虑的因素搜索栏通常由两个UI元素组成:一个输入字段和一个按钮。然而,搜索栏的设计对用户在你的网站上找到他们想要的信息的速度有很大的影响。我们认为,设计搜索栏的时候需要考虑如下问题:突出显示你的搜索栏:让网站搜索栏很容易发现,把它显示在你的网站显著位置。避免将搜索框隐藏在下拉菜单中或隐藏在搜索图标后面(渐进式披露),因为这会让用户很难找到它。此外,当你隐藏你的搜索栏时,你添加了一个额外的动作,用户必须在搜索你的网站之前采取。搜索栏加入放大镜图标:图标作为一个动作或一个物体的心理捷径和视觉线索。对于搜索操作,放大镜是普遍接受的符号,使用它将使用户更容易识别你的搜索栏,即使没有文本标签。当选择一个放大图标,选择一个示意图图标,不是过度程式化,以增加识别的速度。使用大量的对比度和填充,以确保图标突出,并使其足够大。遵循搜索按钮设计惯例:当为搜索栏创建一个搜索按钮时,要遵循好的按钮设计的惯例,确保它是正确的大小和足够的对比度,以使它突出。确保用户可以使用键盘上的"输入"功能提交他们的搜索查询。一些用户仍然使用enter来提交查询,而且它对于可访问性也很好。使用占位符文本引导用户搜索:使用一个搜索查询示例作为占位符文本,引导用户在您的站点上进行搜索查询。这对网站搜索栏很有用,用户可以在搜索栏中搜索不同的条目。限制占位符文本的长度,以减少认知负荷,并确保有足够的对比度,使其易于阅读。设计一个简单的搜索框:创建一个搜索框,看起来像一个搜索框,而且很容易使用。从一个简单的搜索开始,如果需要,给用户提供使用搜索过滤器或高级搜索机制的选项。搜索栏放在合适的位置:网站用户使用F模式浏览网站,把你的搜索栏放在这个F模式中是很重要的,这样用户可以看到它。这是在顶部中心或右上方的网站。此外,用户实际上希望在页面顶部找到网站的搜索栏。不要把你的搜索栏埋在页脚,用户需要在那里寻找它。使用热图来找出你的网站上用户滚动和点击最多的区域(热点),并将你的搜索栏放在那里。搜索栏进行提示:当用户输入他们的搜索查询时,自动提示会引导用户避免在搜索查询公式中出现错误。确保自动建议是有益的,以避免混淆或分散用户的注意力。通过加粗显示用户输入的信息和自动提示之间的差异。搜索栏放在每个页面上:在搜索栏设计中,让用户总是能够访问搜索框。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/528986.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

状态机设计的一般步骤_浅谈状态机

来源:公众号【ZYNQ】ID :FreeZynq整理 :李肖遥本文目录前言状态机简介状态机分类Mealy 型状态机Moore 型状态机状态机描述一段式状态机二段式状态机三段式状态机状态机优缺点总结扩展-四段式状态机01. 前言状态机是FPGA设计中一种非常重要、…

java中default_Java 中关于default 访问权限的讨论

Java中关于成员变量访问权限问题一般书中会给出如下表格:简单地描述一下表中的内容:用private 修饰的成员变量只能在类内部访问;用default修饰的成员变量可以再内部访问,也可以被同个包(同一目录)中的类访问;default修…

java 输出当月日历_java 实现打印当前月份的日历

实现当前日历的打印,当前日期用*来表示。关键得出这个月的第一天是星期几。基姆拉尔森计算公式W (d2*m3*(m1)/5yy/4-y/100y/400) mod 7在公式中d表示日期中的日数1,m表示月份数。y表示年数。注意1:在公式中有个与其它公式不同的地方&#xff…

xmlhttprequest 跨域_跨域资源共享(CORS)安全性

跨域资源共享(CORS)安全性背景 提起浏览器的同源策略,大家都很熟悉。不同域的客户端脚本不能读写对方的资源。但是实践中有一些场景需要跨域的读写,所以出现了一些hack的方式来跨域。比如在同域内做一个代理,JSON-P等。但这些方式都存在缺陷&…

java 图片识别 tess4j_图像文字识别(四):java调用tess4j识别图像文字

转自:https://blog.csdn.net/a745233700/article/details/80203340javajava调用tess4j识别图像文字Tesseract-OCR支持中文识别,而且开源和提供全套的训练工具,是快速低成本开发的首选。前面记录过在java中调用tesseract-orc,该方法…

sql in转换为join_同一个SQL语句,为啥性能差异咋就这么大呢?(1分钟系列)

《数据库允许空值,往往是悲剧的开始》一文通过explain来分析SQL的执行计划,来分析null对索引命中情况的影响,有不少朋友留言,问explain结果中的type字段,ref,ALL等不一样的值究竟是什么含义。今天花1分钟简…

java字符串笔试题_五道Java常见笔试题及答案汇总

1、String和StringBuffer的区别?答:Java平台提供了两个类:String和StringBuffer,它们可以储存和操作字符串,即包含多个字符的字符数据。这个String类提供了数值不可改变的字符串。而这个StringBuffer类提供的字符串进行…

遥感原理与应用孙家炳_2.2遥感应用模型

章节概览遥感应用模型是遥感的一种定量化手段,通常在遥感领域有一个更广为人知的名词——定量遥感。但是定量遥感是一种方法模型而非技术手段,随着科学的发展,热门越来越体会到定量遥感的必要性。定量遥感的应用是十分广泛的,也是…

喜马拉雅 xm文件转m4a_喜马拉雅电台、课程语音如何转成文字?

今天看了一篇文章“AI面前人类一败涂地”就是说了AI的发展让所有的事情几乎都可以实现科技化,无需人工操作,工作效率还比人工要高很多。这样说来的确是这样。语音转换也是其中一门技术,人们现在对于语音的交流很多,比如社交软件的…

java 多重注解_Java注解-元数据、注解分类、内置注解和自定义注解

大家好,我是乐字节的小乐,上次说过了Java多态的6大特性|乐字节,接下来我们来看看Java编程里的注解。Java注解有以下几个知识点:元数据注解的分类内置注解自定义注解注解处理器Servlet3.0本文先介绍前面4个知识点:元数据…

酷狗音乐linux版_酷狗音乐概念版APP内测获用户好评:极简化,更高级

这两天在网上冲浪的时候,发现不少网友都在安利一个叫做“酷狗音乐概念版”的APP,难道是酷狗又在闷声搞大事了?搜了一下发现,原来是酷狗音乐概念版APP已经开始进入内测阶段,尝试着下载使用,果然发现“更酷更…

java 计算器类图_多态计算器(封装、继承、多态、简单工厂)

一.封装向对象程序设计中,一个非常重要的技术便是封装,也就是把客观事物封装成抽象的类,并且类可以把自己的数据和方法只让可信的类或者对象操作,对不可信的进行信息隐藏。这样做的好处在于可以使类内部的具体实现透明化&#xff…

图书管理系统 java 源码_[源码和文档分享]基于C语言和SQL SERVER数据库实现的图书管理系统...

摘 要本文根据《数据库应用系统设计》课程要求而做。选择图书馆管理系统设计与开发是因为觉得图书馆管理系统对我们的帮助很大,并且经常去图书馆,对图书馆的大部分功能及流程还是比较了解,而且现在有些地方可能还不够完善。这次课程设计目标是…

sql server 修改字段不能为空_SQL-SQL介绍

一SQL 介绍SQL(Structured Query Language),语义是结构化语言, 是一门 ANSI 的标准计算机语言,用来访问和操作数据库系统;二 数据库介绍2.1 数据库我们已经知道了SQL是操作数据库的语言,那么数据库是什么&a…

拼接的option会多出空行_Word空格,空行,页眉横线等问题,我只花一分钟就全解决了...

从网上复制下来的资料粘贴到Word文档上,出现了许多空格、空行、页眉横线等问题,这时候我们该如何快速地解决这些问题,看看下面的操作你就知道了。一、删除空格1、空格案例从网上复制下来的文字到Word文档中,出现字与字之间有好多空…

oracle连接工具_扯一扯Tableau软件配置数据源系列之Oracle

作者:扯蛋君编辑:齐天大圣声明:本文章仅用于Taleau软件的应用、学习沟通,不代表Taleau公司;文中所示截图来源Taleau官方及软件公开内容,相应著作权归Tableau所有。 今天给大家介绍Tableau工具如何连接数据库…

如何和后台接触的_后台产品,不只是做支持

最近在招聘后台产品经理,面试过程中提到一个问题,这个问题之前也困扰了我很久:你做的后台产品,价值体现在哪里?只是做业务支持么?今天就来聊聊这个话题。我是做后台产品出身,最开始入行做的是云…

云计算呼叫中心_干货|云呼叫中心系统和传统呼叫中心系统的区别在哪?

随着社会的发展,呼叫中心由传统的呼叫中心逐渐发展为云呼叫中心。然而关于这两者的区别,您知道吗?跟随畅远技术一同来了解一下吧......一、购买、安装不同传统呼叫中心软件在配置方面有几个特点:一次购买终身使用;安装…

隔一段时间查找一次 golang_剑指 offer-04 二维数组中的查找

算法名称:二维数组中的查找题目内容:在一个二维数组中,每一行都按照从左到右递增的顺序排序,每一列都按照从上到下递增的顺序排序。请完成一个函数,输入这样的一个二维数组和一个整数,判断数组中是否含有该…

在线电脑配置PHP源码,域名授权系统PHP源码 V2.7.0 支持盗版追踪

最新漂亮简洁大气的域名授权系统PHP源码,域名授权系统PHP版,功能强大带有后台,经过版本升级,全新美观大气的UI洁面!支持盗版追踪,与卡密系统对接购买卡密对域名进行授权,支持授权代码、到期时间…