马海祥博客是一个专注于分享SEO优化、网站制作、网络营销和运营思维的自媒体博客!
马海祥博客 > 网站制作 > 网站策划 > 关于网站搜索框功能的策划及设计

关于网站搜索框功能的策划及设计

时间:2017-08-14   文章来源:马海祥博客   访问次数:

如今,很多网站都有搜索框,这主要是因为搜索功能可以让用户快速查找到自己想看的内容,节省用户的时间。

稍微具有一定规模的网站,在网站建设上可能都会考虑加入网站搜索功能,前期网站内容较少,网站搜索功能显示不出威力,但是,随着网站内容越来越多,那么,搜索功能的作用就日益凸显出来。

关于网站搜索框功能的策划及设计-马海祥博客

我们在制作大型网站时,经常会遇到制作一个漂亮的搜索框的问题,看似简洁的搜索框,制作起来也是需要我们细细规划一下,下面我就和大家聊聊关于网站搜索框功能的策划及设计。

一、关于搜索

搜索几乎是现在所有网站,APP甚至操作系统的标配,不论是电商还是论坛等等。它是一个站内给用户直接到达目的地的通道,起到了一个引导用户走向的重要作用。在不同的系统,不同用途的网站上搜索呈现的方式都有所不同。

1、用搜索的原因

使用搜索时,用户可以自己掌握浏览该网站的路径,从哪一页进入到哪一页,自己控制如何使用这个网站,没有必要根据网站的页面设计来决定浏览页面的先后顺序,这也是为什么很多网站用户一进入就直接使用搜索功能的原因。

另一个原因是,当用户浏览网页到一半不知道接下去该干什么的时候,往往会使用搜索直接去找到自己想找的内容。

2、不使用搜索的原因

相对于搜索,用户根据类目,或者从功能模块的入口进入各个页面其实是跟着页面的导向进行的下一步操作。

网页的设计者会根据网站的不同需求从而设计不同的页面布局,根据这些页面布局进而引导用户一步一步的达成网站设计者的目的,这些目的可能就是买一件商品,参加一个活动等等,用户可以根据设计者创建的引导流程一步步的查看网站内容。

二、不同用户群的搜索类型

根据搜索是否主动搜索这点来分,可以把用户分成3种类型:任务型,链接型,混合型。

1、任务型

任务型的用户就是前面说的直接使用搜索功能的用户,大部分用户都是任务型的用户,这些用户往往是带着某种目的来,例如已经知道了自己要购买的商品,就直接搜索商品名称进入搜索列表页。

使用搜索的场景可以再细化一点,通常用户已经想好了具体要搜索的关键词,同时他使用的网站可以搜索到非常大量的搜索结果时,用户会使用搜索功能。

例如在手机里找一个联系人的号码,如果手机里只存了10个号码,那很可能就直接打开联系人的APP,从这10个人的姓名中找到一个号码;另一种情况,如果手机里存了500个号码,这时候要逐个浏览来找某个联系人效率就会相对低,这是大家会做的是在联系人里找到搜索框,输入要找的人的姓名或者拼音,定位到要找的人,最后找到电话号码。

2、链接型

链接型的用户打开一个页面之后会找各个功能的链接(首页广告,功能入口,链接),即使他们已经想好了要找某些信息,他们还是会通过点击入口而不是输入关键字来找页面。通常这类用户知道自己要买麦片,但是没有考虑好什么品牌的麦片,哪个国家的麦片,那这个时候,他们会做的是找到网站的类目入口,在类目里找到“麦片”的分类,点击进入,而不是直接搜索关键词“麦片”。

链接型的用户只有当他们在页面上找不到自己需要的相关信息链接时,才会选择使用搜索框。

3、混合型

混合型的用户行为其实以上两种都有,有时候会直接搜索关键词,有时候会在页面上寻找链接,没有使用以上哪种偏好的倾向性,只是用当下他们觉得最好的方式。

三、满足用户体验的搜索框

一般网站搜索框和专业的电商网站、搜索引擎网站比较,也许不必追求的那么精确,那么,普通网站在加入搜索这一功能的时候,还是以满足用户体验为主要前提,具体做到这几点就可以了:

1、把搜索框放到显眼的位置上

研究表明,右上角的区域是用户搜寻输入框的首选区域,最好在搜索框附近做一个显著的标示,比如放大镜就能让用户很快理解和找到这个功能。

2、关键词设置不要过于繁琐

本身网站的行业性特别明显,在关键词的设置上,不必电商网站那么繁琐,如果真要划分,把导航的关键词归类即可,这样用户可以很舒服的利用搜索框,如果过于繁琐,会对陌生用户造成使用障碍。

3、每页都保留搜索框

在SEO优化理论上,引导用户主要是依靠链接做到的,但是,链接容易打乱用户的思维,比如用户正在看一个文章,中间出现一个链接,他们是点击这个链接查看,还是看完这篇文章再回头点击这个链接呢?如果在内页中加入搜索框,给用户一个新的选择,无论他在网站哪个地方,都可以立刻获取内容,显然这比强加的“内部链接”要自由多了。

对于普通网站来说,大概这三个功能就可以了,当然,想要给用户更好的体验,需要在用户反馈中不断完善,因为,在互联网鲜有那种按部就班的事情,不断的升级改造,才是一个网站逐渐走向成熟的正确姿势。

四、搜索入口的设计

不同功能,不同需求的界面会影响到搜索框入口的设计。

关于网站搜索框功能的策划及设计-马海祥博客
△ iOS系统的搜索框只有在用户下拉页面时才会出现

对于一个系统界面来说,给用户提供各个APP,功能入口是一个系统的重要功能,所以对于搜索,系统做了隐藏处理。

YouTube有针对用户的喜好在首页提供不同的视频,是一个对每个用户个性化的订制内容,YouTube希望用户浏览查看他们对于用户推荐的视频。所以他们没有把搜索框直接展开而是只显示一个icon,点击之后出现单独的搜索页。

关于网站搜索框功能的策划及设计-马海祥博客
△ 电商类APP搜索框一般直接露出在首页的最顶端。

前面有说到在电商网站中,当用户不知道接下去该做什么的时候,会使用搜索操作来直接到达自己想要到达的页面。所以,通常电商网站中,搜索往往是固定在顶部Global上的,以便用户无论在哪一页都能找到。

关于网站搜索框功能的策划及设计-马海祥博客

类似于Google,百度,Bing,搜索是他们的主营业务,自然希望用户所要查看的大部分页面都是通过搜索来获得。所以把搜索框做为用户的唯一使用路径放在首页,不论是APP还是网页。

这4个例子里对用户对搜索的需求依次增强,所以搜索在页面上的表现形式也依次增强。

作为一个用户大量使用的工具:搜索,它的位置,呈现形式直接关系到制作者对产品的预期,也直接关系到用户会用什么形式使用当前的界面。有的用户浏览界面知道自己要找什么,有的用户是来页面上逛逛的,针对不同用户,不同的搜索设计方案可以帮助设计者达到设计目的,也能帮助用户更好的使用体验(具体可查看马海祥博客《策划网站应避免哪些站内搜索功能的误区》的相关介绍)。

五、搜索的效果

搜索之时指的是点击搜索框之后到点击“搜索“按钮或者按”回车“之间发生的事,是不是觉得间隔时间很短?短到平时都忽略了这个过程,但是这里面的故事不少,各个平台都花了不少心思在这中间过程的设计上。

1、点击搜索框

当用户点击页面上的搜索框之后,如果在PC端通常会给出历史搜索词和推荐的关键词;如果是在手机端除了两种搜索词外还会同时弹出键盘。历史搜索针对的是近期多次浏览对比同一个搜索结果的用户。可能是用户在电商平台挑选商品,可能是用户在视频类网站追电视剧,于是设计者们就把内容前置,可以让用户在不输入关键词的情况下直接得到想要的搜索结果。

推荐的关键词有几种可能,有其他用户近期的热搜词(最近流行的电视剧,流行的网络词),有平台推荐的搜索结果(给某些类目拉流量用的),有广告(金主给钱的),有针对用户的推荐词(根据用户最近的操作习惯精准化推荐的)。这其中近期的网络热搜词效果最好,针对用户的推荐词次之,之后分别是平台推荐词和广告。

另外,也有对用户的输入行为预判并且分类的。这时内容前置给出的就是这些分类的名称,而不是某几个关键字。

2、输入关键词

用户在输入搜索关键词的时候,不管已完全输入了要搜索的关键词还是只输入了部分,各个搜索页面这时通常会给出关键词的联想搜索结果。有些平台在用户输入了一半的时候就根据用户的历史搜索记录和自己的数据库猜想出了用户想要输入的完整关键词。

关于网站搜索框功能的策划及设计-马海祥博客

有些平台甚至可以定位到某一部指定的影片:

关于网站搜索框功能的策划及设计-马海祥博客

或是指定的地址,并且可以直接开始导航。

关于网站搜索框功能的策划及设计-马海祥博客

这也是一种信息前置的很好的方式:在用户输完所有关键词之前就给出搜索答案,给出下一步的操作。

3、关键词

现在大部分用户在搜索框输入要找的内容时已经不会再输入“黑色 27 寸戴尔高清4K显示器”这么长的关键词,而是中间会用空格把每个修饰语隔开。因为当用户用几个词语代替一长串字的偏正短语会得到更多的搜索结果。其实这样的长关键词更符合日常生活中的自然语言,把一个长短语拆解为几个词,加上空格再输入实际上是我们帮程序做了一步翻译的工作。

现在由于技术的进步,我们又可以搜索“黑色 27 寸戴尔高清4K显示器”了,程序会自动解析这一长串的字,先给出匹配所有关键词(黑色, 27 寸,戴尔,高清,4K,显示器)关联度最高的搜索结果,之后再给出去掉一个或者两个关键词的搜索结果。这样最大化的满足用户的需求,而不是尴尬的来一句“没找到相关内容”。

4、更高级的搜索方式

在可以搜索长关键词的基础上,现在有些平台已经可以语音输入搜索内容了。因为“黑色 27 寸戴尔高清4K显示器”也不是我们自然的沟通方式,“我想买黑色 27 寸戴尔高清4K显示器”才是。

只是语音输入并不适用于很多生活场景中,例如大家不会在办公室对着电商APP说我要买什么;而车载导航的场景就比较合适,封闭的空间,几个人相同的目的地,但是很多地址因为名字取的很尴尬,也不是那么容易搜到。

大家在做的搜索优化都是在简化搜索的过程,更精准的提前给出搜索结果。从点击搜索框给出历史搜词和推荐词,到输入部分文字给出部分匹配的搜索结果,到点击搜索按钮之后给出精确的搜索结果,是一个从模糊猜测到精确定位的过程。由于技术越来越完善,在模糊猜测的阶段我们现在就能抓到一些用户的需求,把搜索结果前置,缩短了搜索的流程。相信今后语音搜索可以更贴近自然语言,让搜索的过程更加高效。

马海祥博客点评:

好的搜索框检索出来的结果,都会给用户带来很多分类和重要内容,因此,我们在设计搜索框检索结果就需要从用户角度出发,保证用户检索内容精确性。

搜索功能对于一个网站是非常重要的,我们在建设网站时候,应该充分思考自己的受众群体和网站的业务体系,再来设计搜索功能。

本文发布于马海祥博客文章,如想转载,请注明原文网址摘自于http://www.mahaixiang.cn/wzch/1956.html,注明出处;否则,禁止转载;谢谢配合!

相关标签搜索: 网站策划   网站设计   搜索框  

上一篇:网站专题策划的步骤和方法技巧
下一篇:没有了

您可能还会对以下这些文章感兴趣!

  • 你真的知道什么是策划吗?

    策划又称策略方案和战术计划(Strategical Planning / Tactical Planning)是指人们为了达成某种特定的目标,借助一定的科学方法和艺术,为决策、计划而构思、设计、制作策划方案的过程。 策划的作用是以最低的投入或最小的代价达到预期目的。让策划对象赢得更高的经济……【查看全文

    阅读:1156关键词: 什么是策划   策划   策划人   日期:2014-01-21
  • 如何以用户体验为核心策划一个网站

    用户体验是一种用户在使用一个产品(服务)的过程所得到的心理感受,我们平时所说的网站策划的核心意义就是指用户体验策划,在满足用户体验的同时再融入搜索引擎优化。我们这里所讲的用户体验主要来自访问者与网站进行交互的时候所产生的访问感受,是指用户在访问网站的过……【查看全文

    阅读:901关键词: 用户体验   策划网站   网站策划   日期:2016-08-17
  • 如何从内容需求的角度策划设计网站导航

    作为设计师想要设计出足够优秀的作品,除了拥有熟练的技能外,还需要拥有出众的创造力和审美,如果对万事万物没有足够丰富的体验和感受,没有对美的认知和体会,是很难提高层次,做出满意的设计的,一个好的导航设计与具体的技术无关,它关心人们如何找到信息,以及如何……【查看全文

    阅读:789关键词: 网站内容   网站策划   网站设计   网站导航   日期:2015-07-20
  • 关于网站搜索框功能的策划及设计

    如今,很多网站都有搜索框,这主要是因为搜索功能可以让用户快速查找到自己想看的内容,节省用户的时间。稍微具有一定规模的网站,在网站建设上可能都会考虑加入网站搜索功能,前期网站内容较少,网站搜索功能显示不出威力,但是,随着网站内容越来越多,那么,搜索功能……【查看全文

    阅读:2895关键词: 网站策划   搜索框   网站设计   日期:2017-08-14
  • 基于用户体验的网站可用性策划建议

    关于网站的可用性策划,我想应该是每位站长都首先要考虑的因素了。因为网站的可用性是你这个网站能否受欢迎的一个重要判定方面了,无论你进行的是企 业网站、网购网站还是其它类型的网站,马海祥觉得让你的网站界面变得容易操控,使用时令人舒服是关键,近几年已经有很……【查看全文

    阅读:820关键词: 用户体验   网站可用性   可用性策划   可用性设计   日期:2013-10-11
  • 门户网站导航的信息结构分析

    网站导航是网站中最重要的元素,是网站提供给用户的最直接最方便的访问网站内容的工具,导航的核心目标是设计一个简便快捷的操作入口,帮助用户快速到达网站中的相应内容,设计上应当根据网站类型及内容的需求设计合理的导航信息结构,导航设计不光只是信息结构或组织方……【查看全文

    阅读:803关键词: 门户网站   网站导航   网站信息   网站结构   网站分析   日期:2014-12-18
  • 怎样策划一个符合用户体验的产品专题页面

    在网站运营过程中,专题页面的作用非常大,我们经常能够看见很多付费推广都把专题页面做落地页,直接打开就能看见,足见一个好的专题页面的重要性了,它可以帮助从不同的角度,或者从某一个优势点去包装我们的产品,好处有很多,如更加具有针对性,能详细的说清楚产品各……【查看全文

    阅读:1135关键词: 专题策划   用户体验   产品专题   专题页面   日期:2016-10-16
  • 手机官方网站建设与策划的10大原则

    一般手机、平板电脑等行动装置,不易容纳下适合于个人电脑的庞大网站资讯,因此手机行动网站的首要重点,就是减少内容,不论是图片、文字或是影音。请记住一个重点:只要将最重要的资讯放入行动版网站,就是最主要的准则,重要性较低的、读取需要时间的内容,则可以透过……【查看全文

    阅读:654关键词: 手机官网   官方网站   网站建设   网站策划   手机网站原则   日期:2014-05-25
  • 医院网站策划的20点重要因素

    我觉的想策划出一个完美的网站,不但要懂的相应的网页技术,还要懂得相关的seo基础技术。从网站的覆盖人群来说:我认为网站总体就是给两类人看的,其一为搜索引擎机器人,其二为潜在顾客,所以网站不管是从内容还是图片及栏目的设置都要首先考虑这两个因素。而对于网站……【查看全文

    阅读:765关键词: 医院网站策划   网站策划   策划因素   日期:2012-10-08
  • 如何策划网站才能激发用户的购买欲望

    无论你是做淘客站,还是销售产品的网站,唯一的目标就是让浏览你网站上的用户去花钱。于是很多人开始费劲心机来提升网站的流量,也知道了流量转化率的重要性,所以在网站的运营上,就一切以提升流量和流量转化率为核心,可是经过一段时间的总结之后,依然发现好几千的流……【查看全文

    阅读:1750关键词: 网站策划   策划网站   购买欲望   日期:2014-04-09
↓ 点击查看更多 ↓

互联网更多>>

SEO优化 更多>>

404 Not Found错误页面的解决方法和注意事项 清除IIS日志文件的方法技巧