1、如何设计搜索框
所谓搜索框,实际上就是一个输入域和提交按钮的组合。有人可能会认为搜索框并不需要设计, 毕竟它只涉及到两个简单的元素。然而,在那些重内容的网站上,搜索框常常都是用户最用到的设计元素。当用户遇到一个相对复杂的网站时,他们往往会首先寻找这个网站内的搜索框,以便能快速高效地到前往自己想去的页面或找到自己最为关心的内容。因此,搜索框的设计及其可用性问题其实是一个不容忽视的要点。
1、使用放大镜图标
一个搜索框应该始终与放大镜图标放在一起。所谓图标,其实就是代表着一个对象、动作、想法等多种含义的图形符号。我们通过图标看到的不仅仅是图标本身,而是它所代表的内在含义。然而,对于用户来讲,具有通用性代表含义的图标为数并不多,幸运的是,放大镜图标正是其中之一。
2、搜索框要显著
如果搜索是你的应用程序/网站的一个重要功能,那么搜索框的显示务必要足够显著,以保证用户能够最快的发现它。直接显示完整的搜索框很重要,因为默认只显示搜索图标(点击图标才展开搜索框)的话会使搜索功能不那么明显,而且增加了用户的交互成本。
3、提供一个搜索按钮
搜索按钮可以帮助用户识别出触发搜索操作的下一步——即使他们可能往往会通过按Enter键来执行此操作。
提示:
1)提交按钮的尺寸大小要合适,以便用户不必非常精确地移动鼠标位置到它上面。较大的可点击区域会使得按钮本身更容易被发现和点击。
2)使用Enter键或点击搜索按钮都应该能执行搜索操作才对,毕竟许多用户仍然有点击搜索按钮来提交搜索的习惯。
4、将搜索框放在每一页上
用户在每个页面上都应该能获取搜索框,因为如果用户找不到他们要找的内容,他们往往会自然而然地想要尝试使用搜索功能来进行查找,他们才不关心自己当前是在你网站的哪个地方(以及该不该有搜索)。
5、搜索框要足够简单
如果你设计了一个搜索框,请确保它看起来确实像是一个搜索框,并且使用起来要足够简单。可用性研究表明,默认情况下不显示高级搜索选项对用户会更加友好。高级搜索选项(例如下面的示例中的布尔搜索查询)可能会混淆要尝试使用它的用户。
6、将搜索框放在用户预期找到的位置
如果因为搜索框不够突出、不容易察觉,用户还得花费精力去找它,那这个设计无疑是不够友好的。因此,最好将搜索框放在页面的右上方或中上方,以确保用户能在预期的位置找到它。
提示:
1)理想情况下,虽然搜索框在用户需要的地方应该能轻易出现,但是搜索框的设计也应该完美地契合网站的整体设计效果。
2)内容越重的站点,你越希望搜索框显著。如果搜索对你的网站至关重要,请使用大的对比度,以便搜索框和图标能从页面背景和周围元素中脱颖而出。
7、搜索框尺寸大小要合适
输入框太短是设计人员常犯的一个错误。当然,用户可以键入长查询,但一次只能看到一部分输入的文本,这自然也就存在可用性问题,因为用户无法轻松地回看和编辑其刚刚才输入的查询条件。事实上,当搜索框具有有限数量的可见字符时,用户会被迫使用短的、不精确的查询条件,因为更长的查询条件将不易阅读。 但如果输入框的长度是根据用户的预期输入来确定大小的,那对用户而言就友好多了。
经验表明一个可以输入27个字符的输入框是比较合适的,它能够适应90%的查询条件。
提示:不妨考虑使用扩展型的搜索框,它会在用户点击时展开文本输入框。这种做法一方面节省了屏幕空间,同时仍能给予用户足够的视觉提示以便他们快速找到并执行搜索。
8、使用自动检索匹配机制
自动检索匹配机制可根据用户输入的字符进行预测来帮助用户找到一个可能匹配的查询条件。 该机制并不是为了加快搜索过程,而是为了引导用户并帮助他们构建他们的查询条件。普通用户在构建查询方面往往会有困难:如果他们在第一次尝试查询后没有获得满意的结果,后面的查询也会很难顺利,事实上,他们常常就会放弃。而当自动检索匹配机制运作顺利时,它们就能帮助用户将查询条件表达的更加清楚。
Google 搜索自2008年起就已经开始应用该机制,现在已经相当成熟。由于用户常常会多次搜索相同的内容,因此通过记住搜索记录,Google既节省了时间成本又能创造出更为便捷高效的搜索体验。
提示:
1)确保自动检索匹配机制是有效的,若设计不当,就可能会混淆和分散用户的注意力。因此,不妨使用自动更正拼写错误、根词识别和文本预测等做法,来改进这种机制发挥更好的作用。
2)你应该尽快提供自动检索匹配,例如在用户输入第三个字符后就提供有效匹配以减少用户的输入成本。
3)匹配的查询条件不要多余10个(而且不要显示滚动条),以保证信息不会变得过载。
4)允许使用键盘在匹配的条件列表中导航。一旦用户在最后一个项目中接着向下滚动,他们应该重新返回到列表的顶部。另外,Esc 键应该允许用户退出列表。
5)突出输入部分跟匹配部分的差异(例如,输入文本具有标准字重,而匹配部分使用粗体字重)。
9、明确告诉用户可以搜索哪些内容
在输入框中显示一个搜索查询的示例条件是一个不错的做法,这样能够向用户表明他们究竟可以应用该搜索框搜索哪些/哪类内容。 如果用户可以搜索多个条件,则使用输入提示模式来向用户说明(例如,HTML5 技术使得我们可以很轻松地在输入框中写明作为占位符的提示文本。)
结论:
对于创建一个重内容的应用程序或网站而言,搜索理应作为一个基本的操作和关键要素。即使小幅的改进(例如使搜索框长度更合适或者指明可以搜索哪些信息)都可以显着增加搜索的可用性以及整体的用户体验。
2、怎样设计一个用户与搜索引擎都满意的网站
对于新站,网站内容最好不要太多,一百左右的网页就差不多了。网站结构一定要清晰明了,主题明确,目标关键词突出,这样搜索引擎才好最快地给你的网站定位,如果一个网站,你自己都搞不明白网站的主题,搜索引擎也无法给你的网站归类。搜索引擎数据库是庞大的,并不是把什么网站都随意的放入数据库里面,它里面有很多索引目录,不同主题的网站,索引目录也不同。适量的内容,明确的主题是加快网站收录的保障。还有一点,也是非常重要的一点,如果有可能,在高权重的的网站上放上你网站的导入链接,因为高权重的网站,蜘蛛光顾的频率高,通过导入链接,能吸引蜘蛛爬行你的网站,蜘蛛爬行的多了,网站收录的也就更快了。看起来挺简单,其实做起来很难,很多细节上都要注意,定时分析自己网站的数据,根据数据来判断哪些做的可以。哪些需要抛弃了。
3、搜索引擎的设计技巧?
一、搜索引擎的分类
获得网站网页资料,能够建立数据库并提供查询的系统,我们都可以把它叫做搜索引擎。按照工作原理的不同,可以把它们分为两个基本类别:全文搜索引擎(FullText Search Engine)和分类目录Directory)。
全文搜索引擎的数据库是依靠一个叫“网络机器人(Spider)”或叫“网络蜘蛛(crawlers)”的软件,通过网络上的各种链接自动获取大量网页信息内容,并按以定的规则分析整理形成的。Google、百度都是比较典型的全文搜索引擎系统。
分类目录则是通过人工的方式收集整理网站资料形成数据库的,比如雅虎中国以及国内的搜狐、新浪、网易分类目录。另外,在网上的一些导航站点,也可以归属为原始的分类目录,比如“网址之家”。
全文搜索引擎和分类目录在使用上各有长短。全文搜索引擎因为依靠软件进行,所以数据库的容量非常庞大,但是,它的查询结果往往不够准确;分类目录依靠人工收集和整理网站,能够提供更为准确的查询结果,但收集的内容却非常有限。为了取长补短,现在的很多搜索引擎,都同时提供这两类查询,一般对全文搜索引擎的查询称为搜索“所有网站”或“全部网站”,比如Google的全文搜索(http://www.google.com/intl/zh-CN/);把对分类目录的查询称为搜索“分类目录”或搜索“分类网站”,比如新浪搜索和雅虎中国搜索(http://cn.search.yahoo.com/dirsrch/)。
在网上,对这两类搜索引擎进行整合,还产生了其它的搜索服务,在这里,我们权且也把它们称作搜索引擎,主要有这两类:
⒈元搜索引擎(META Search Engine)。这类搜索引擎一般都没有自己网络机器人及数据库,它们的搜索结果是通过调用、控制和优化其它多个独立搜索引擎的搜索结果并以统一的格式在同一界面集中显示。元搜索引擎虽没有“网络机器人”或“网络蜘蛛”,也无独立的索引数据库,但在检索请求提交、检索接口代理和检索结果显示等方面,均有自己研发的特色元搜索技术。比如“metaFisher元搜索引擎”
(http://www.hsfz.net/fish/),它就调用和整合了Google、Yahoo、AlltheWeb、百度和OpenFind等多家搜索引擎的数据。
⒉集成搜索引擎(All-in-One Search Page)。集成搜索引擎是通过网络技术,在一个网页上链接很多个独立搜索引擎,查询时,点选或指定搜索引擎,一次输入,多个搜索引擎同时查询,搜索结果由各搜索引擎分别以不同页面显示,比如“网际瑞士军刀”(http://free.okey.net/%7Efree/search1.htm)。
二、搜索引擎的工作原理
全文搜索引擎的“网络机器人”或“网络蜘蛛”是一种网络上的软件,它遍历Web空间,能够扫描一定IP地址范围内的网站,并沿着网络上的链接从一个网页到另一个网页,从一个网站到另一个网站采集网页资料。它为保证采集的资料最新,还会回访已抓取过的网页。网络机器人或网络蜘蛛采集的网页,还要有其它程序进行分析,根据一定的相关度算法进行大量的计算建立网页索引,才能添加到索引数据库中。我们平时看到的全文搜索引擎,实际上只是一个搜索引擎系统的检索界面,当你输入关键词进行查询时,搜索引擎会从庞大的数据库中找到符合该关键词的所有相关网页的索引,并按一定的排名规则呈现给我们。不同的搜索引擎,网页索引数据库不同,排名规则也不尽相同,所以,当我们以同一关键词用不同的搜索引擎查询时,搜索结果也就不尽相同。
和全文搜索引擎一样,分类目录的整个工作过程也同样分为收集信息、分析信息和查询信息三部分,只不过分类目录的收集、分析信息两部分主要依靠人工完成。分类目录一般都有专门的编辑人员,负责收集网站的信息。随着收录站点的增多,现在一般都是由站点管理者递交自己的网站信息给分类目录,然后由分类目录的编辑人员审核递交的网站,以决定是否收录该站点。如果该站点审核通过,分类目录的编辑人员还需要分析该站点的内容,并将该站点放在相应的类别和目录中。所有这些收录的站点同样被存放在一个“索引数据库”中。用户在查询信息时,可以选择按照关键词搜索,也可按分类目录逐层查找。如以关键词搜索,返回的结果跟全文搜索引擎一样,也是根据信息关联程度排列网站。需要注意的是,分类目录的关键词查询只能在网站的名称、网址、简介等内容中进行,它的查询结果也只是被收录网站首页的URL地址,而不是具体的页面。分类目录就像一个电话号码薄一样,按照各个网站的性质,把其网址分门别类排在一起,大类下面套着小类,一直到各个网站的详细地址,一般还会提供各个网站的内容简介,用户不使用关键词也可进行查询,只要找到相关目录,就完全可以找到相关的网站(注意:是相关的网站,而不是这个网站上某个网页的内容,某一目录中网站的排名一般是按照标题字母的先后顺序或者收录的时间顺序决定的)。
搜索引擎并不真正搜索互联网,它搜索的实际上是预先整理好的网页索引数据库。
真正意义上的搜索引擎,通常指的是收集了因特网上几千万到几十亿个网页并对网页中的每一个词(即关键词)进行索引,建立索引数据库的全文搜索引擎。当用户查找某个关键词的时候,所有在页面内容中包含了该关键词的网页都将作为搜索结果被搜出来。在经过复杂的算法进行排序后,这些结果将按照与搜索关键词的相关度高低,依次排列。
现在的搜索引擎已普遍使用超链分析技术,除了分析索引网页本身的内容,还分析索引所有指向该网页的链接的URL、AnchorText、甚至链接周围的文字。所以,有时候,即使某个网页A中并没有某个词比如“恶魔撒旦”,但如果有别的网页B用链接“恶魔撒旦”指向这个网页A,那么用户搜索“恶魔撒旦”时也能找到网页A。而且,如果有越多网页(C、D、E、F……)用名为“恶魔撒旦”的链接指向这个网页A,或者给出这个链接的源网页(B、C、D、E、F……)越优秀,那么网页A在用户搜索“恶魔撒旦”时也会被认为更相关,排序也会越靠前。
搜索引擎的原理,可以看做三步:从互联网上抓取网页→建立索引数据库→在索引数据库中搜索排序。
从互联网上抓取网页
利用能够从互联网上自动收集网页的Spider系统程序,自动访问互联网,并沿着任何网页中的所有URL爬到其它网页,重复这过程,并把爬过的所有网页收集回来。
建立索引数据库
由分析索引系统程序对收集回来的网页进行分析,提取相关网页信息(包括网页所在URL、编码类型、页面内容包含的关键词、关键词位置、生成时间、大小、与其它网页的链接关系等),根据一定的相关度算法进行大量复杂计算,得到每一个网页针对页面内容中及超链中每一个关键词的相关度(或重要性),然后用这些相关信息建立网页索引数据库。
在索引数据库中搜索排序
当用户输入关键词搜索后,由搜索系统程序从网页索引数据库中找到符合该关键词的所有相关网页。因为所有相关网页针对该关键词的相关度早已算好,所以只需按照现成的相关度数值排序,相关度越高,排名越靠前。
最后,由页面生成系统将搜索结果的链接地址和页面内容摘要等内容组织起来返回给用户。
搜索引擎的Spider一般要定期重新访问所有网页(各搜索引擎的周期不同,可能是几天、几周或几月,也可能对不同重要性的网页有不同的更新频率),更新网页索引数据库,以反映出网页内容的更新情况,增加新的网页信息,去除死链接,并根据网页内容和链接关系的变化重新排序。这样,网页的具体内容和变化情况就会反映到用户查询的结果中。
互联网虽然只有一个,但各搜索引擎的能力和偏好不同,所以抓取的网页各不相同,排序算法也各不相同。大型搜索引擎的数据库储存了互联网上几亿至几十亿的网页索引,数据量达到几千G甚至几万G。但即使最大的搜索引擎建立超过二十亿网页的索引数据库,也只能占到互联网上普通网页的不到30%,不同搜索引擎之间的网页数据重叠率一般在70%以下。我们使用不同搜索引擎的重要原因,就是因为它们能分别搜索到不同的内容。而互联网上有更大量的内容,是搜索引擎无法抓取索引的,也是我们无法用搜索引擎搜索到的。
你心里应该有这个概念:搜索引擎只能搜到它网页索引数据库里储存的内容。你也应该有这个概念:如果搜索引擎的网页索引数据库里应该有而你没有搜出来,那是你的能力问题,学习搜索技巧可以大幅度提高你的搜索能力。
4、大型网站怎么制作实现搜索系统
模式匹配算法
大部分搜索算法采用匹配的方法,也就是说,它们会比对用户的査询字符串与网站文件全文的索引,以寻找符合的文本字符串。找到吻合字符串时,来源文件就加进搜索集合中。所以,如果用户输入査询字符串“electric guitar”时,任何文件只要含有“electric guitar”,就会被检索出来。听起型当简单,但是这个比对过程可以用很多不同方式运作,以产生不同的结果。有些算法传回很多的结果,而这些结果各有不同的相关性,有些算法只传回高质量的结果。变动范围的两个极端术语就是査全率和査准率。甚至还有公式可以计算他们:査全率=#检索出来的相关文件牌集合中的所有文件,査准率=#检索出来的相关文件/#集合中的相关文件。那么是否可以兼顾两者呢,可惜,鱼与熊掌不可兼得,考虑大到用户的利益,我们需要在西者间取得平衡,然后,根据选择一种搜索引擎,其算法是偏向杳全率或者杳准率视情况而定,
其他做法
当你有“好”文件在手上时,有些算法会把该文件转换得相当于一个查询(这种做法通常称为文件相似度)。例如“the”“is”“he”这些停用词会从好文件中抽掉,留下一组语义丰富的术语,足以代表文件即可。然后,这些术语会转换成一种査询字符串,面这种査询字符串可以让你检索出类似的结果。另一种做法展示那些已经使用相类似的元数据做过索引的结果。当然,一定还有其他的搜索算法,但重点是这些算法的主要目的是找出最好的文件集合作为搜索结果。但是,“最好”是相当主观的,而且必须了解什么人想在你的网站上找到什么。
分组结果
尽管我们可以用各种方式列出结果,却没有一种是完美的。像Google的混合式做法就很有希望,但是,通常必须介入搜索的设计工作,才可能拥有这样的工具。无论是哪种情况,我们的网站通常是越来越大,因此,搜索结果也会变大。同时,当用户放弃再看时,那些就只是理想中的。然而另一种替代排序和排名的做法看来是有希望的:依照某个共同的方面把结果聚集起来。当结果按类别和等级分组时,可以改善效果。 我们怎么分组结果?可惜,明显的方式都没什么用:我们可以使用现有的元数据,诸如文件类型以及文件建立/修改日期,让我们把搜索结果分成几个组群。比较游泳的是从手工添加的元数据衍生出来的组群,诸如主题、用户、语言,以及产品家族。可惜,根据手工添加的做法会贵到吓人。有些自动化工具可以得到比较有用的主题类型组群,通常可以满足用户所需。这些组群为结果提供了情境,你可以选择你最感兴趣的目录,就能够浏览相当小的一群搜索集合,以及一群相同主题领域的文件(理想上) 。这种做法很类似动态产生的搜索区域。
设计捜索界面
用户差异性大,搜索技术也花招百出,所以实在没有什么单一化的理想捜索界面。在 web早起,很多搜索引擎都是在校仿在线图书馆目录和以CD-ROM为主的数据库中所采用的“传统”搜索引擎功能,这些传统系统多半提供给研究者、图书馆员及专业人士,面用户通常要懂得复杂语言才能使它们。在web的用户:爆炸增长之后,全方位的搜索经验和专长下降到最低点,新生代的用户没那么多耐性。用户通常只会输入一两个术语,不会包含任何运算符,然后就按下 “搜索”按钮,并希望能得到最佳的结果。搜索引擎开发人员的做法是,把老式的花悄找事隐藏在“高级捜索”界面之中。 由于以上理由,最终又会晃回老路,支持受到挫折的用户可以用更多的搜索语言,而且他们也愿意花时间学习复杂的搜索界面,并构造出査询字符串。但是就目前面言,假设最好的做法是让搜索界面尽可能简单,而这也是相当合理的。
5、自己设计的网站,实现站内搜索的方法是什么?
Google: http://www.google.com/intl/zhCN/add_url.html
百度: http://www.baidu.com/search/url_submit.html
可去以上两个网站中添加你自己网站的网络地址。
6、网页设计 类似百度搜索页面是怎么做出来的
网页设计这个一般都是要求会前端代码,html css js flash 还有些其他的脚本插件什么的。
如果代码写的熟练可以不用DW。写网页的工具很多,用txt文本文档也可以。
好了,贴上搜索框代码,使用需要后台程序支持,直接点了可是什么都没有哦。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">7、如何在网页中实现搜索功能?
有三种常见的方式
1、自己设计表单、编程、与数据库链接检索。
2、在百度或谷歌注册申请站内搜索功能。获得代码,添加到自己的页面中。
3、使用第三方的工具软件,搭建检索功能
下面是制作’PHP搜索’功能
准备:
数据库(mysql):一个数据库(search),库里面一个表(title),表里面一个字段(name).
PHP页面:两个页面(index.php search.php)
制作工具:Dreamweaver
开始:
——————————————————
第一步.创建数据库.(目前大家应该都是用的phpmyadmin来操作数据库的吧?)
建立一个数据库.
第二步.建表
在刚建立的search数据库里插入一个名字为title的表.建表时让你选插入几个字段.写1就可以了.
第三步.建字段
插入的字段命名为name,长度值20就可以了.
—–数据库部分已经做完,接下来是网页部分—–
第四步.建立两个页面
建立两个文件:index.php和search.php可以使用记事本等文本工具直接建立.我使用的工具是Dreamweaver(方便嘛.呵呵).
第五步.index.php的页面制作.
这个页面是用来传递你搜索的关键字的.代码如下:
<form method=”post” action=”search.php” name=”search”>
<input name=”search” type=”text” value=”" size=”15″> <input type=”submit” value=”Search”>
</form>
这段代码是建立一个FORM表单.专门用来提交数据的.
第一行是FORM表单的开始.它的传递方式是post,传递到search.php这个页面.表单名为name.
第二行是文本域和提交按钮.文本域命名为search,按钮默认就可以了.
第三行是FORM表单的结束语句.
第五步.search.php的页面制作.
这个页面很关键.因为他是获取index页面传递过来的值,然后导出搜索的数据.
首先要绑定你建立的search数据库,我用的DW生成的.
上一个页面传送的文本域是search.所以,这里需要建立一个search变量.来接收你输入的关键词.用以下语句定义变量:
<?php
$searchs = $_POST['search'];
?>
然后建立一个记录集,选择高级.SQL语句中填写:
SELECT *
FROM title
WHERE name like ‘%$searchs%’
这句的意思是选择title表里面的所有字段(*),然后查询name中的$searchs变量。这个变量也就是你在index中输入的值啦。
然后在BODY里面绑定一个动态文本。选择NAME。
—–网页部分完成.真个搜索功能也就完成了—–
8、网站设计中搜索框的设计技巧有哪些
设计精美的网站当然很吸引人,但如果你的网站设计精美,内容上乘,就是不明白网站为何没达到运营预期目标,问题可能就出在搜素框这一元素的运用之上。本文指出了设计者必须避免的错误,并分享了一些搜索框设计技巧,希望在优化网站性能方面有所帮助。
在浏览整个网站中,搜索框通常是通向用户使用的最后一道关卡。如果你的网站内容很多,包含了详尽的特色,功能,设计元素,产品和服务等等,那么搜索框就成为了网站不可或缺的一部分。网站的成长往往需要时间。当然,从整个网站设计和开发过程来看,设计肯定要简洁,有文章和评论,以及非正式的网站通知,特色内容和服务等等。不过,随着网站层次不断提升和更新,与网站相关的内容的只是起到了装饰作用。因此,搜索框对网站的性能优化起到了至关重要的作用。
优质的职能和运作对网站开发确实很重要,但与此同时,我们也不可忽视网站的前端性能。你的网站也许在特色内容,功能以及内容质量等方面都很出众,但是,如果网站前端性能令人不满意,并且没有以用户为中心,那么网站其它方面做得再好,也起不到任何作用。
错误观念:搜索框不需要设计
在整个网站设计中,搜索框的外观要显眼,方便用户快速找到。网站站长普遍认为搜索框只是一个输入和提交内容的按钮而已,因此他们根本不需要花时间设计。
但是由于错误观念泛滥,站长们也错失了一些潜在的机会。由于设计上的缺失以及亮点不突出,用户通常会被搜索框的位置弄得焦头烂额,他们通常会点击“返回”按钮(离开网页)。因此,设计平庸,辨识度不高的搜索框就是导致这一切的元凶,如果想要网站获得可观的流量,但是网站转化率却低得离谱,这是不行的。
如果用户对你的网站感到失望,搜索框则有助于留住用户。在大量的网站中,真正带给用户绝佳体验的少之又少,用户有时还没深入了解整个网站,可能就不断点击后退,离开网页了。如果用户能进行搜索,他们只需在搜索框中输入自己想找的内容,上述问题也就迎刃而解了。
在如今这个快速成功的社会,时间就是金钱。搜索框不仅能帮助用户节约时间,还可带给用户高度愉悦和简洁的浏览体验。
搜索框设计技巧
在为网站设计搜索框时,你可重点考虑以下建议:
1. 搜索框要显眼
搜索框要清晰可见,千万不可放在难以注意到的位置。即使你的网站主题是纯白色,为搜索框设置黑色的边框,选用红色等亮色作为字体颜色,这都可能会解决搜索框不明显的问题。
2. 搜索框要有搜索框的样
你可以尝试在搜索框设计中融入创意,但是不要把它弄得不伦不类。这也是搜索框必须是框状的原因。访问网站的用户不会仔细浏览完整个网站的内容,他们只会关注自己感兴趣的内容,而且许多学习条件是受制于他们的行为,在用搜索框进行搜索时,实际上用圆角矩形的搜索框就可以了。
3. 搜索框的位置
搜索框的位置对网站优化和性能提升十分重要。一般的经验表明搜索框的最佳位置应在网站顶部的左上角或右上角,因为用户希望节约时间和精力,直接搜索到他们所需的内容。但是受广告等内容的影响,迫使设计者将搜索框放在页面底部。这并没真正解决搜索框在网站中的实用性问题,必须避免。
另外,在每个网页中都放入搜索框是一个明智的主意,即使用户在网站中迷失,他们也能够方便地找到需要的内容。
4. 为提交按钮取一个有创意的名字
搜索框的名字要取得有创意,不要简单地放上单调的“go”,“find”或“search”在旁边。不管给它起什么名字,只要不为难用户去猜意思就好。
5. 为用户提供分类搜索
用户可自由搜索各种分类。同样的思路,你也可以显示分类,用户在输入区域进行搜索。在JavaScript的帮助下,用户只需将鼠标悬停在搜索框上,即可显示类型或进行用户自定义搜索,从用户的角度讲,这是一个很棒的选择。
设计者必须避免的错误
我们在试用其它网站的搜索时发现他们在搜索框的显示上犯了不少错。这些都是些很常见的错误,如果你希望通过搜索框优化网站性能,那么就必须得避免这些问题。
1. 隐藏搜索框
我们反复强调搜索框的明确显示的必要性。不要把搜索框放在网站底部,放在网站的右上角效果会更好,如果网站设计得很混乱,用户在没有浏览到接近网站的底部时就已经离开网页了。
2. 切忌输入区域过短
为用户提供所需范围准确的输入查询。搜索框输入区域太短只会让用户对搜索框感到失望,因为,他们不会在整个区域输入想查询的内容。再者,这也非常不方便用户阅读和回应。
3. 切忌提交按钮过短
受网站设计限制,提交按钮不应过长,但是太短又会让用户感到失望,因为他们在鼠标点击的准确性上又会有偏差,从而浪费搜索时间,还会被转入到到一些不同页面上。
4. 切勿将搜索框与其它菜单混排在一起
如果把搜索框和与新闻和导航条混排在一起,这是相当让人不爽的事。这样用户很难在邮件订阅或文章搜索栏中区分出搜索框。因此,搜索框应与其它菜单分开排列。
5. 过度设计搜索框
不要因为搜索框要显眼,在设计时就受到影响。虽然搜索框要清晰地展现出来,但也不要设计过度,以免影响到它的直观性。
6. 没必要提供高级搜索工具
高级搜索当然会有它的用处,但这会使本来简单的搜索变得更加复杂。因此,没必要提供高级搜索工具,除非你是为了迎合懂技术的用户。如果你只是搞定一般用户,尽量保持搜索选项简单。
7. 一个搜索框有多个提交按钮
这条建议非常有意思,我们很少看到有网站设置了多个搜索提交按钮,比如同时有“go”和“find”。很明显,这会扰乱按钮的选择。
8. 如果在网站设计中,你遵从了以上建议,我们相信一个高效的搜索框能够起到优化网站性能的作用。
9、谁有一些可以搜索设计素材图片的一些网站,要能搜出高大尚的图片,昵图、千图这样的就算了,像站酷这样的
红动中国、114免费素材网。 红动很出名,不过要收费