正确设计网站的搜索框

news/2024/5/9 10:27:59/文章来源:https://blog.csdn.net/king5439/article/details/82189496

1、搜索框的意义
       对于一个网站,站内搜索不仅仅是有帮助性的,甚至是至关重要的设计功能,有可能比网站的导航更对用户有帮助。最好的搜索设计就是给用户提供一个简简单单的搜索框在页面显眼固定的位置上,但却有着强力搜索的能力。
      2、被绑架的搜索框

 

 

     搜索跟留言板有什么关系?搞个留言板的按钮跟搜索放在一起是什么逻辑?这让我在想搜索的时候很不爽。
      3、把搜索框还给搜索
      把搜索框还给搜索!搜索就是搜索,不要给搜索背上太多的东西。一个搜索频道、一个搜索输入框、一个搜索按钮这样就已经足够多了,再多一点搜索框都会受不了!当然,你也可以让你的搜索框更精简,精简到只有一个搜索框。
        把搜索叫搜索!搜索的位置要明显到用户第一眼就能看到且随时能够找到;输入框应该让用户感觉可以输入;搜索按钮看上去应该更像是个按钮;不要把无关的东西在搜索按钮边上,它就应该一个人待着!


     这个很让我无语,在搜索按钮后面补个按钮就罢了,居然还来个比搜索按钮还大2倍多的按钮……   


     这个大概是我见过的最无语的搜索框了。想不清楚为什么现在还有设计师会把“设为首页”、“收藏本页”这样的功能摆出来,而且是摆在搜索框上


     对于这个,首先视觉完全被放在了那2个“新”、“热”上去了,压根没有想着点前面的东西了;不知道为什么要把这2个东西摆在搜索按钮的后面,还有,这么长的搜索框是否是在告诉我,你们网站的东西很难找,需要很长的关键词呢?
      现在很多网站都倾向于搞一个这样会闪的gif图片来突出某些内容,我习惯把这些东西叫小蚂蚁。有的网站搞的很夸张,这小蚂蚁长的胖的出奇,用户的吸引力完全都放在了那只胖蚂蚁上,根本没有想着胖蚂蚁前面的东西;有的网站觉得每个栏目都需要突出于是每个栏目上都搞个“新”、“热点”,最后的结果就是整个网站看着就像个蚂蚁窝。
      个人觉得要想用这个小玩意赢得好的用户体验,至少要保证3点:小、简、少。小,不至于让我感觉感觉突兀;简,能表达意思就可以了;少,不至于搞的我想点了不知道点哪里。

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

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

相关文章

实例讲解:全程追踪入侵JSP网站服务器

在用JSP制作的电子商务网站多如牛毛。但是对于JSP网站而言, 安全性真的能够让人放心吗?面对层出不穷的黑客攻击和病毒袭击,JSP网站的 服务器能够比其他网站的服务器器更加安全吗?前段时间,应朋友之邀,我对…

合法练习黑客技术?这15个网站也许可以帮到你

俗话说得好,最好的防守就是进攻,而这句话同样适用于信息安全领域。接下来,我们将给大家介绍15个最新的网络安全网站。无论你是开发人员、安全专家、审计人员、或者是渗透测试人员,你都可以利用这些网站来提升你的黑客技术。熟能生…

我学python3 爬虫之登录网站

一直对编程感兴趣,但始终敬而远之,仅了解过一些皮毛。去年年底戒掉游戏,就突发奇想,认真学一门语言。问了一下度娘,说非科班出生比较适合学Python。因为之前对Python一点不了解,在网上搜了一些资料看&#…

WordPress网站加载WAITING (TTFB) 时间过长解决办法

WordPress 刚刚安装的时候,性能是没问题的,我们安装了主题、插件、添加了一些小工具和菜单,然后我们就开始上传内容了,我们都很勤快 Waiting (TTFB) 时间 Time to First Byte 指的是浏览器开始收到服务器响应数据的时间&#xf…

网站运行缓慢的 12 个原因(以及如何修复它们)

如今用户希望网站速度快。当页面加载时间超过预期时,会对您网站的用户体验 (UX)产生负面影响。这很重要,因为每当您的用户体验受到影响时,您的转化率也会受到影响。您可能还会看到更高的页面放弃率和跳出率。额外的两秒加载时间可以将您网站的…

WordPress网站搬家换域名(数据迁移无丢失)

新站点 新域名 新数据库 利用插件2个步骤即可完成迁移替换等操作,算是和演示站克隆一样的效果,包括主题设置模板那些。百度上的WordPress迁移搬家教程方法都是千篇一律只管复制粘贴,不管情况是否一致正确可行,毫无人性可言。请各位…

谷歌广告联盟(Google Adsense)通过网站获利功能在线创收

Google作为全球最大搜索引擎,拥有全球近27亿用户的使用可以讲是最大的搜索引擎了。。可以说是国内某度没有办法比的。谷歌广告联盟(Google AdSense)门槛较高,一个用户只能申请一个谷歌账号,当你有了一个英文站之后最难的就是这个站的流量。 谷…

采集的网站如何做收录(采集站网站排名优化技巧)

采集站的主要工作是提升网站文章被百度的收录量,基本离不开文章组合工具,支持对词组、字句进行原创随机组合,做文章收录也并不难,只是需要一定的技巧。飓风算法之后采集站还能做吗?毫无疑问,当然可以。本人虽然不像一些大佬那么厉…

黑客是怎么攻击网站的(网站渗透入侵全部教程)

原标题《安全攻击溯源思路及案例》在攻防的视角里,进攻方会占据比较多的主动性,而防守方则略显被动,因为作为防守方,你永远也不知道攻击会在什么时候发生。你所能做的是,做好自己该做的一切,准备好自己该准…

12306铁道部订票网站瘫痪 技术惹的祸?

【IT168 评论】俗话说,新官上任三把火。铁道部掌门人易主,换来了中国铁路史上一个振奋人心的消息——网络实名购票,目标是解决中国铁路长期以来面临的“一票难求“的难题。受此影响,中国铁路订票官方网站12306.cn这个网络新生儿&a…

由12306.cn谈谈网站性能技术

12306.cn网站挂了,被全国人民骂了。我这两天也在思考这个事,我想以这个事来粗略地和大家讨论一下网站性能的问题。因为仓促,而且完全基于本人有限的经验和了解,所以,如果有什么问题还请大家一起讨论和指正。&#xff0…

这几个宝藏网站,一旦知道,你就离不开了!!!

谁说程序员只有代码? 今天就回归生活 为大家推荐几个鲜为人知的私藏小众网站,每一个都堪称日常神器 并且其中很多网站是完全免费的, 基本上都是非常良心好用,让你相见恨晚,用过就离不开。 有用的话记得分享给需要…

一篇从零开始、步骤完整的网站搭建教程(全篇7000字、102张截图说明,力求每一个人都能看懂,附源码)

从今年八月开始到现在自己也是从0开始做了有两个网站: 这中间也经常有不了解的地方需要去查。其实网上的资料也不少 但可能相对比较零散,需要反复的查来查去,费时又累心 那这次有时间就想着说写一篇从零开始、步骤完整的网站搭建教程 希望能帮助大家节省…

新手爬取51job,智联,boss网站职位信息总结和代码(小杜总结)

爬取要求: (1) 使用合适的数据保存手段保存爬取数据 (2) 记每条数据的爬取时间 (3) 实现数据的增量爬取 (4) 实现同时基于关键字和页面 URL 的去重元数据说明&#xff1a…

SEO必备工具—百度谷歌关键词采集工具(绿色版)

更多内容请到我的博客:http://mikameng.com 如果您做网站SEO优化, 想必您会经常和关键词打交道。 如果您想拥有海量的网站流量吗? 那采集海量的关键字是很有必要的。 如何快速,高效的获取百度和谷歌的海量关键词呢, 本人开发了…

MacOS解决访问百度很慢,但是其他网站正常的问题

话说这两天隔离结束回到公司宿舍,然后发现宿舍网过期了。。 充了钱之后发现其他设备访问百度都非常正常,但是唯独我的MacBook Pro访问百度巨慢。。 于是用搜狗搜了一下,发现可能是DNS的问题。。就跑到设置的网络这儿 然后在连接的网络里点…

Linux安装apache、发布网站、修改端口、配置第二顺位默认发布文件

1.安装apache服务器,并配置访问端口为9999。 安装apache yum install httpd -y 安装apache手册 yum install httpd-manual 将Apache服务添加到 开机自启中 systemctl start httpd systemctl enable httpd 设置永久允许http firewall-cmd --permanent --add-…

任选一小说网站,爬取任意一部小说,以记事本的形式保存。

1、任选一小说网站,爬取任意一部小说,以记事本的形式保存。 第一种情况(网址可能已失效): import requests from lxml import etree def get_url():url http://www.yuetutu.com/cbook_24378/r requests.get(url)tree etree.HTML(r.text)…

使用AJAX技术,结合监听器,实现页面中动态显示当前网站在线人数(电子工业出版社《Java Web程序设计》P171第九题)

导航 先上思维图纸第一步: 参考了课本(如题教材)实现了Listener第二步:个性化适配第三步:实现JSP界面总体问题: 刚看到的时候心里想的是写一个Servlet集成Listener的相关接口实现。然后JSP的JS每1ms获取一次doGet()中的数据实时刷…