网页设计】网页搜索框是否应该居于重要位置?

2021-12-06 15:36发布

12条回答
Danke - 四有青年
2楼 · 2021-12-06 16:11

搜索框居于重要位置 网站搜索功能对于移动网站来说是一项重要的功能,移动端页面优化就需要保持和留住搜索功能,并且这种功能需要居于重要位置

zgtl_20
3楼 · 2021-12-06 16:54

现在很多站长表示,如果自己的网站上不增加一个搜索框,那么就不能够显示自己网站非常强大,具有一定的科技感。所以无论什么类型的网站建设都引入了这个搜索框功能,以为这样能够引导用户的搜索,并能够帮助用户快速的寻找到自己的内容。

 

而且为了让用户快速找到这个搜索内容,往往会将该搜索框放在相对比较显眼的位置。那么这种做法是不是科学呢?是不是所有的网站都有必要增设这个功能呢?很多人从用户体验的角度上来分析,认为最好要加上,但是笔者认为,搜索框并非全部都合适加,而是需要结合网站的形式来进行科学选择。

 

第一,如果是单页网站,且内容相对较少。这类网站就完全没有必要引入这个搜索框功能。对于单页网站而言,本身的网页空间就非常宝贵,一方面需要留有一定的空间来美化网页,另一方面还要尽可能的显示一些重要的内容,那么在显眼的位置上增加一个相对显眼的搜索框,此时并不能够起到提升用户体验的作用,因为对于单页网站,用户能够非常迅速的找到相关的内容,搜素框的利用率极低,而且搜素框本身也不够好看,还会影响到用户的视觉体验。

 

第二,搜索框并非一定要设在首页上。很多网站将搜索框都设在相应的首页,这样用户就能够一登陆网站,就可以使用该搜素框来搜索相应的内容。可是当用户还没有了解你网站是干什么的时候,显然不会使用该搜素框,因为还没有找到合适他们的关键词和内容。所以在首页上应该尽可能的设置一些导航页面,再加上一些栏目页,同时布置一些相关栏目的重点内容和推荐内容,这样让用户能够有个非常深刻的印象。事实上大家看看门户网站的首页,就没有相应的搜索页,而是将这些搜索页放在相对内容集中的板块中。

 

第三,搜索框可以布置在内容集中的板块。之所以这么布置是为了让用户迅速找到相关的内容,因为有的网站栏目需要设置大量的内容,比如一些论坛网站,往往某个栏目一天的帖子上千个,还有一些专业性的网站,其专业内容更新速度较快,那么在这个背景下,用户想要找前一天或者更久一点的内容帖子就会变得较为困难,此时用户就可以通过记忆来搜索相应的内容,进而达到缩短内容查找的时间,从而提升用户的使用体验度。

 

第四,搜索页的设计也需要进行优化,尽可能的使用一些活泼性的词汇,比如谷歌就有一个手气不错的按钮,通过这种相对拟人化的引导,再加上搜索框和整个页面的设计风格融为一体,这样还能够有效提升网页的视觉体验,从而达到提升网站页面优化的效果。从这点来看搜索框的设计并不是简单的在首页的显眼位置上进行布置。

 

总而言之,搜索框对于网站建设而言,并不一定就是一个必须品,而是需要结合网站的类型,以及相关的内容丰富度来进行选择,如果能够放置在内页上就尽可能的布置在内页上,但是对于某些垂直行业的电商网站而言,如果将搜索框放在首页,就比较有利于用户的搜索,就相对合适。所以搜索框的布置需要因地制宜才能够充分发挥其重要效果。


上来打杂的
4楼 · 2021-12-07 10:18

当用户浏览一个相对复杂的站点时,他们一般都会立刻去寻找搜索框的位置,好让他们能够快速地到达想要的位置。搜索框的设计与可用性、位置尤为重要

我是大脸猫
5楼 · 2021-12-08 14:07

1. 使用放大镜图标

现在,一看见放大镜图标,用户自然而然就会想起搜索功能,这种联系是在长期使用过程中逐渐形成的,是为大家所广泛认可接受的。因此在网站中设计搜索框时,我们可以多使用放大镜图标,毕竟它是最常使用、最易于辨认的(即使没有文本标签,用户也能轻松识别)。当然也要注意,放大镜图标应该简洁直观,尽量减少一些不必要的细节,提高图标的可辨识度。

2. 让搜索框足够显眼

搜索框设计有一条重要的准则就是:让搜索框足够显眼,清晰可见的搜索框能让用户快速发现并使用。下图就很好地证明这一点,左右两侧是两种不同的搜索框设计,左边的搜索框隐藏在图标之后,这种隐性的搜索框太不显眼了,用户很难发现并使用。相比而言,右侧的搜索框就能及时给用户提供帮助。

3. 提供搜索按钮

在搜索框中设置按钮是为了让用户能够明白搜索的触动方式,带有按钮的搜索框更易吸引用户点击进行搜索。不过,在设计搜索按钮时,我们要注意控制它的尺寸大小,选取合适的区域,让用户可以移动光标或手动轻松点击。另外,设置回车键提交搜索的功能也是有必要的,因为现在很多用户仍然保留着点击回车键触动按钮的习惯。

4. 每页都保留搜索输入框

网站的每个页面最好都有搜索框。这样一来,当用户在特定的页面找不到想要的内容时,可以立即通过搜索框获取内容,这种设置是快速便捷的,是能够显著提高用户对网站好感的。

5. 让搜索框尽量简单

搜索框设计还有一条原则,那就是简单易用。研究表明,一个没有显示高级选项的搜索框看上去更加友好,可用性也更强。所以,一般情况下,在给用户提供搜索框时最好不要提供复杂的搜索选项。

6. 使用自动搜索推荐机制

什么是自动搜索推荐机制?以Google为例,当我们在搜索框中输入"Apple Watch 2",它会自动出现相关词条推荐搜索,这就是自动搜索推荐机制的表现形式。谷歌在这方面拥有绝对的发言权,从2008年开始,它就开始统计用户的搜索历史,整理词条推荐,以帮助用户节省时间,创造更佳的用户体验。自动搜索推荐机制能够动态地预测用户的搜索方向,帮助用户更快完成搜索。不过,在使用这种机制时我们也要注意以下几点:

确保自动搜索的推荐内容是有价值的。如果输入框中出现不恰当或无用的搜索推荐,这非但不能为用户的搜索提供便利,反而容易混淆和分散用户的注意力。自动搜索的推荐内容一定要基于用户的搜索历史数据来决定;当用户在输入框输入关键词时,尽快给予用户推荐信息,比如在第三个字符之后,为用户开始提供即时、有价值的建议,降低用户的输入难度和工作量;尽量为用户提供少于10个搜索结果,避免信息过载。突出显示输入信息和推荐内容之间的差异。

7. 让用户明白哪些可以搜索到

让用户知道在网站中可以搜索到哪些内容,也是一种能够提高用户对网站好感度的方法,这可以通过在输入框中添加占位符文字做到。下图是IMDB的网站,它在搜索框中添加了一些占位字符,提示用户搜索框中可搜索的内容,吸引用户进行搜索。随着HTML5建站技术的不断发展,这种形式的占位符添加在设计时也不没有什么难度。不过这里建议占位符的内容不要太多,避免给用户带来认知负担。

8. 让搜索框处于用户预期的位置

当用户想要使用搜索框,却需要花费不少精力去找时,用户的体验就已经大大降低了。网站上的搜索框最好易于察觉,放在用户预期的位置,哪里才是用户预期的位置呢?大多数用户会在网站的左上角和右上角寻找搜索框,这主要是因为用户在浏览网站时使用F型扫视法,而网站右上角是大多数用户的首选区域,因此在设计搜索框时我们最好把它放在顶部靠右或顶部居中的位置。

9. 合理的输入框尺寸

输入框尺寸太小是最常见的搜索框设计错误。不少网站的输入框都太小,虽然可以容纳较长的内容,但部分内容却是不可见的,这种设计的可用性很差。由于视觉范围的限制,用户在输入内容可能会下意识觉得只能采用短的、不精确的查询方式,或是输入了较长的关键词,却在修改时遇到麻烦。因此,佰达科技建议使用能够根据输入关键词长度而变长的输入框,这不仅可以节省屏幕空间,还能给予用户充分的视觉提示。


1image.png

回答: 2021-12-08 14:19

image.png

一个很哇塞的姑娘
7楼 · 2021-12-09 16:11

一个小小的搜索框,你会觉得重要吗?假如你在使用百度的时候,假如那个搜索

框不见了,你会有什么感觉呢?天啊!百度出错了!百度今天成为大新闻了!对,假

如是搜索引擎的搜索框不见了,会产生如此惊天地的爆炸性事件。那么同样假如我们

的邮箱,我们的企业网站呢?会不会产生同样的效果呢?

搜索框在我们的企业网站中,搜索框的大小、位置,都对着用户体验有这直接的

影响,又何况我们的企业在对外宣传自己产品的时候,搜索框产生的重要性可想而知。

同样,假如,我们的企业忽视了这样一个小小的搜索栏,就可能对我们的客户造成负

面的评价。“你让我怎么找到你的产品?”假如我们的企业同样的产品有不同的规格、

颜色、价格,成百上千的产品在我们的页面中,那么假如没有搜索框,岂不是大海捞

针?所以,搜索框太重要了!

同样,假如我们的搜索框的位置醒目,使用起来方便,会对我们的客户留下非常

棒的感觉,增加对这家企业的好感。同样对于我们搜索框本身的建设也是不可忽视,

一般来说,所有框最容易出现就是客户在找的时候,目标物搜索不到,这样就会让我

们的百思不得其解,会产生一种厌烦的情绪,这样就要求我们的网站整理清晰的浏览

路径,让我们的用户顺利的方位更深层次的内容,也帮助我们的用户迅速找到自己的

目标,同样也能到达他们目的页面。

再有就是提高搜索的转化率,让我们的用户直接让客户完成最后的操作,下单的

时候能够直接下单,下载的时候能够直接下载,也就是如何把黏性转化成结果,这样

就会被用户欢迎,购买成功率高的转化,就能更好的为企业带来利润与盈利。

因此,如果企业是用凡科的自助建站做网站,可以看到模板中的搜索框都在容易

可见的位置,这样能够让那个用户一眼能够看到,能够通过搜索框快速搜索到想要看

的内容。


aijingda
8楼 · 2021-12-09 16:44

搜索框出现的意义是什么?

1、 更有效的帮助用户定位目标。

2、 提高效率,节省操作时间。

3、 诱导性指引。

任何功能的出现都是双向的,能为用户解决什么问题?对于产品来说有什么好处。这是值得我们产品人员去思考的。

希希
9楼 · 2021-12-10 09:48

总而言之,搜索框对于网站建设而言,并不一定就是一个必须品,而是需要结合网站的类型,以及相关的内容丰富度来进行选择,如果能够放置在内页上就尽可能的布置在内页上,但是对于某些垂直行业的电商网站而言,如果将搜索框放在首页,就比较有利于用户的搜索,就相对合适。所以搜索框的布置需要因地制宜才能够充分发挥其重要效果。




回答: 2021-12-10 09:58

他们一般都会立刻去寻找搜索框的位置,好让他们能够快速地到达想要的位置。搜索框的设计与可用性、位置尤为重要

相关问题推荐

  • 回答 8

    专题页是电商页面类型,移动端/PC端是端口,在电商设计中,两个端口是都需要设计专题页的,但一般情况下是设计PC专题页面以后,按照移动端的尺寸规范及交互特点改版成移动端专题页...

  • 回答 2

    一、几何切割实现的时候需要注意的是素材不适合太过复杂和花哨,一般会是纯色大块搭配渐变,主要突出形状和区块。a. 简单切割b. 对称切割c. 组合切割d. 多重切割二、主体轮廓设计的时候将形状尽量轮廓化,加以强调突出,主体不需要太具象,舍弃一些繁琐的、次...

  • 回答 11

    (1)契合主题氛围每个专题包含一个或多个主题,设计师不能像制作产品使用说明书一样,将内容直接展示给用户,专题设计要围绕着获得的主题展开内容策划和页面设计。例如,节日类专题注重在节日氛围的烘托中宣传优惠活动,优惠类专题则重在渲染实惠的优惠氛围。(...

  • 回答 9

    平面是进入设计领域的必须条件和门槛,所以还要扎实平面设计的技能,只有基础扎实才能更好的学习UI。然后从需求出发学习掌握企业网站的设计思路和设计技法,量化整站设计的设计流程和商业性网站的设计目的。学习掌握响应式网站和自适应网站的设计技法和终端的...

  • 回答 13

    一般身边做设计的朋友都说,作图还是用苹果电脑比较流畅色彩度还有作图的手感会比较好

  • 回答 3

    很多新人在开始做移动端UI设计的时候,往往对界面的一些尺寸规范不是十分清楚,很多时候都是凭借自己的感觉和经验去绘制界面,心里并没有一个清晰的概念,导致做出来的页面总是不那么尽如人意。本文整理汇总了一些界面设计(iOS系统)中常用的一些尺寸规范和...

  • 回答 6

    近些年,我们使用手机的方式发生了很大改变。和它同样改变的,还有移动端产品的设计趋势。随着手机尺寸的变大,设计师们必须根据现实情况的改变,调整自己的设计。我们必须在追求创造的同时兼顾可用性。拟人化的语言风格品牌形象(Brand voice)得到了升级—...

  • 回答 2

    按住鼠标左键不放拖动标尺到页面,释放鼠标即可创建参考线。

  • 回答 15

    Sass 扩展了 CSS3,增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码,易于组织和维护。SASS是对CSS3(层叠样式表)的语法的一种扩充,它可以使用巢状、混入、选择子继承等功能,可以更有效有弹性的写出Stylesheet。Sass最后还...

  • 回答 2

    同一个页面的颜色不要超过4种。眼花缭乱,容易产生视觉疲劳。颜色对比不要反差太大。网页版面不是美术作品,要避免形式对内容的喧宾夺主。文字+底色能够起到很好的突出作用,在视觉变化上相当于图片的作用。...

  • 回答 3

    学HTML,是必须的。学好这个然后学DIV+CSS,当然要把网页做的好看。必须学会PS,也就是PHOTOSHOP。这两样学会了。就会做一般的静态网站了。如果想做一些动态效果,就得学FLASH。要是想做动态数据,就要学,PHP,ASP,JSP ,.NET中的某种。最重要的还是,HTML CSS ...

  • 回答 3
    已采纳

    最基础的就是HTML、CSS、JavaScrip这些了~报班的话效果好一些 速度快 能短期内培养成企业需要的人才

  • 回答 1

    (1)流式布局 Fluid (2)固定布局 Fixed (3)弹性布局 Elastic (4)伸缩 Flex box (5)响应式 网页设计中版面设置的类型有:对称型、偏置型、标题型、混合型

  • 回答 1

    靠前、页面整体布局的统一和谐。 页面的布局方式在网站设计中的地位是非常高的,而且有着重要的地位。页面的布局巧妙的话,可以体现出站长的思想,而且布局出来的页面也是统-和谐懂得。一般来说, 页面的布局都是对称的,可以通过空间、文字、图片的布局达到...

  • 回答 3

    第一步、底色和图形色 色彩搭配的问题确实不是一个简单的问题。这一代的设计师比上一代的设计师,所能运用的色彩工具多了许多。如今,我们能运用好计算机为我们提供的丰富色彩,看来不是很简单的事情。就我个人而言,在我从事设计师工作以来,往往也会迷失在...

没有解决我的问题,去提问