让用户心甘情愿、直达目标的搜索设计!搜索是产品中非常重要的一个功能模块,它通过搜索框给用户提供一个直达目的地的绿色通道,方便用户快速找到自己想要的内容,在引导用户走向方面起到了绝对性的作用。
一、基本属性与特征 当界面内容过多、在列表中仅通过视觉扫描很难找到目标,这时能给用户提供最大帮助的一个是筛选、另一个就是搜索,筛选能够缩小查找范围、而搜索却能直到目标。相对来说,对于有明确目标的用户,在关键词较为接近的情况下,搜索比筛选的查找效率、匹配结果的精准度更高。 输入关键信息后,系统会有两种反馈类型,自动即时反馈和手动触发反馈。 1)自动反馈 2)手动触发 1)搜索入口 2)状态变化 站在用户体验角度,一个好的搜索应该具备完整的流程,即搜索前、搜索中、搜索后的页面跳转以及搜索框形态的变化,将搜索功能的价值发挥到最大化。 在大家使用的众多app中,部分搜索框的样式虽然没有多大差别,其实背后都经过了精心设计。针对搜索入口,更具不同的应用场景、等级权重,其搜索入口的位置、样式也有所不同,下面将分别介绍四种常见的类型。 将搜索放在底部Tab栏作为独立的一级入口,很大程度上强化了搜索权重,有利于用户的搜索行为引导、以及产品搜索相关内容的推荐曝光。这种做法为搜索功能拓展提供了很大的空间,相比其他方式,操作起来更便捷,即便用户在其他Tab页时、突然有搜索需求时也触手可及,并使其成为应用重量级的流量入口。 最常见的搜索方式之一,将搜索以输入框的形式居于页面顶部(状态栏或标题栏下方),在视觉上非常醒目,用户进入应用即能快速找到,很符合用户的视觉浏览动线,为最终转化提供了很大的流量支持。 1)图标 2)占位符 3)按钮 4)选择器 形态相对比较简单,通常以“放大镜”样式的icon出现在界面右上角,视觉上不会过于突出,常用于搜索行为不是特别频繁的场景,需点击后才会跳转至搜索框页面。 隐藏搜索入口方式在真实场景中使用的极少,在初始状态下将搜索入口隐藏,需通过交互操作唤醒。例如:有的将其折叠,点击展开才能看到;有的通过下滑才会出现,iPhone桌面就是一个不错的案例。 基于信息复杂度的提升,纯文字搜索已无法满足很多产品的搜索需求,为了拓展搜索功能空间、更好的满足用户需求,衍生出了多种搜索方式,如语音搜索、扫一扫、拍照搜索等。 最常用且做主要的搜索方式,点击搜索框激活键盘即可开始,相较于其它方式,码字的操作成本略高,但这种搜索方式极为灵活,对于有目标的用户、其搜索结果的精准度只高不低。 语音搜索比文本搜索更为便捷,省去了用户码字的操作,同时也解决了对使用键盘、拼音有难度的老弱用户群体所面临的现实问题。语音录入后,系统会将其转化为文字,然后根据关键词搜索内容,需要注意的是对普通话的标准程度要求较高,不然会影响搜索结果的准确度。 为了给用户提供更好的搜索体验,语音搜索也玩出了新高度。例如:酷狗音乐的哼歌识曲/听歌识曲,用户只需哼出大致的曲调或直接对正在播放的音乐录音就能找出歌曲名字;在高德地图中,直接说出“导航去xxx”,系统即可自动完成搜索、查询路线等多个操作步骤。 拍照搜索是借助图像识别技术将用户实时拍照、或上传的图片进行相关内容匹配的一种搜索方式,在电商类产品中得到广泛应用。当我们看到一个物品想要够买,不知道叫什么或无法用文字准确形容时,拍照搜索就能很好的解决这个问题。 用户有明确目标且现场有真实样品时,可直接扫描商品条形码/二维码搜索相同的商品。虽然这种搜索方式比上述任何一种方式搜索的准确度都要到高,但受到现实条件的限制,反而使用频率很低。 从用户点击搜索框的这一刻起、即便没有任何其他操作,系统就已经开始做搜索前的准备工作了,利用一系列辅助功能为用户提供有效的引导,为搜索转化做足了铺垫,例如占位符提示、热门搜索、历史搜索、猜你喜欢等,后续会对辅助功能做详细的讲解。 在输入关键词过程中,搜索框右侧会出现删除图标,点击即可一键清除输入的内容。这里要注意删除与取消的区别,删除只是清除内容,而取消则是回到上一级页面,切勿将两个操作离得太近,以免用户误触而浪费不必要的时间成本。 系统还会根据所输内容的变化进行关键词联想以提供内容推荐,点击就能进入相应的搜索结果页。关键词联想从很大程度上降低了用户思考时间,还节省了点击搜索按钮的操作步骤,提高搜索效率,这也是一个优秀的搜索框必备的交互反馈。如果关键词联想设计的足够智能,还可以自动拆分一句话中的多组关键词、错字自动纠正、拼音自动转汉字等,搜索的易用性将得到进一步提升。 用户主要是想通过搜索功能来缩短路径、满足自己的查找需求,产品应尽一切能力带给用户符合预期的搜索结果,即便无法与搜索目标相匹配,也应该给予清晰的提示以及合理的视觉引导,搜索结果常见的有三种场景。 1)无相关内容匹配 当系统无法给用户提供相匹配的内容时,会通过缺省页提示,例如让用户修改关键词或将其引导至其他内容页面。电商类产品通常会提供其他模块的商品进行引流,如猜你喜欢、热门推荐、经常购买等。 2)结果内容较少 搜索出的结果内容较少时,会全部显示在同一页面中,但需要注意排序的规则,与关键词匹配度较高的内容靠前展示,用户在上滑浏览的过程中,越往后的其关键词匹配度越低,其阅读量和关注度都不高。 3)结果内容较多 首先,搜索框内会有默认的占位符提示,以引导用户搜索,这些提示词可以是固定的、也可以是来自运营的营销文案或者系统根据算法推荐,用户不用任何输入也能直接点击搜索提示词相关的内容。 热门搜索主要起到引导作用,特别对那些没有明确目标的用户能给予更多选择,有点类似搜索框中的占位符提示,最大的区别在于占位符可能是用户想要的、但热门搜索却是产品想要提供给用户的内容。 用户够买过的商品(非消耗类)不一定会再买,但搜索过的内容却有极高的几率再次搜索,例如购物前货比三家反复参考、看新闻/视频有内容偏好等。 猜你喜欢出于营销目的,通过采集用户的行为偏好进行行为预判,提供用户可能感兴趣的内容,或可在用户迟疑的瞬间被这些内容吸引,降低搜索页面的跳出率。在用户眼中,猜你喜欢多少有点“莫须有”的味道,不过这不是本文讨论的重点。
产品中涉及的业务、类型较多时,搜索结果可能“鱼龙混杂”,可在用户搜索前就提供多个类别,方面目标明确的用户能更快、更精准的搜索出符合目标预期的相关内容。 基于对上述内容的理解,大家都知道不管使用什么形式的搜索,其本身并没有好坏之分,在设计之初就需要我们从业务类型、功能定位、使用场景等多维度综进行合分析,才能设计出更合理的搜索形式,用户的使用体验也会更好。
文章分类:
有赞
| Looking资深的网站设计团队,以品牌策划视角为您打造具有商业价值的网站,全面提升企业整体商业竞争力。我们以业界领先的专业服务,为您提供全面网站建设解决方案,助力企业实现互联网品牌价值。品牌营销工具,新起航!我们的服务优势一站式网站建设全面解决方案建站+空间+域名+备案定制式网站建设服务Looking用创意设计提升企业和产品价值服务优势我们深知高效沟通,了解客户需求才能提供更好的服务。Lo...
2022-04-01
一个备受困扰的问题——抠图!想必大家在拿到图片时,第一个念头就是使用钢笔抠图。然而,钢笔工具存在较大局限性。为了提高作图效率,我们需要针对不同的图片,迅速选取一种合适的抠图方式。接下来,我将把几种常用的抠图方式,从原理到实际操作,为大家进行详细讲解。那就跟随我的脚步,一起往下看吧!首先上场的是删除背景功能,它是如何做到只需一键扣的如此干净?工具原理:系统会自动识别物体轮廓,删除自动识别到轮廓...
2024-06-07
1997 年,西班牙毕尔巴鄂古根海姆博物馆开幕时,评论家称赞弗兰克·盖里的杰作是上个世纪的建筑奇迹之一。政府计划每年将吸引 50 万人前往毕尔巴鄂参观博物馆,然而仅前三年参观人数就达到 400 万。“毕尔巴鄂效应”一词被创造出来,用来形容一座建筑如此壮观,以至于可以改变整个社区、城市和地区经济。然而,毕尔巴鄂模式可能无法复制。自 1997 年以来,热心的市政官员来到该地区,寻找秘密杠杆,希望...
2024-05-08
自适应网站也叫响应式网站,是指能够根据用户设备的屏幕尺寸、分辨率和操作系统等特性,动态调整其布局和内容展示方式,以提供更好的用户体验的网站。这意味着无论用户是使用台式电脑、平板电脑还是手机访问网站,网站都能自动适应不同的设备,使内容在各种设备上都能够清晰、易读,并且布局合理美观。
2024-04-26
品牌设计师和平面设计师之间有什么区别?很多小伙伴会说:“不都一样吗?平面设计师也会设计品牌,品牌设计师也会设计平面,或者说平面设计师包含了品牌设计师,这不就是同一个职业?”非也!!!先来说说平面设计师;VI视觉是所有的平面设计师最常接触的内容,其中有:logo设计、平面设计、 网站设计、DM设计、以及海报设计、Banner设计等 。包含了品牌用户在与品牌发生接触时,任何视觉看到的方方面面。V...
2024-03-22
每天,食物都在和我们打交道 / 他们总是安安静静地躺在那里 / 一如往常而艺术家们总是能将生命的活力赋予食物让它们在镜头里表演生命的华彩我们一起来看看 / 艺术感超强的大片是什么样子的吧!*有时是一出古装剧踌躇满志的苹果将军与谋士在商讨进攻的计划// 主题色选择深绿色,营造了沉稳坚定的基调不同纯度、明度的绿色组合成交替变化的色彩节奏圆润和棱角的形体分别在构图中达到了平衡石块的反光面、羽毛和线...
2023-06-01
有谁认为拍的产品是艺术品?我想寥寥无几,这是一个心态问题,也是一个格局问题,所以今天我要带大家一起聊聊艺术。超现实主义和美食摄影的创意结合什么是超现实?不得不提一个重要的人物,他就是超现实主义艺术家达利,是一个不得不去认识的人物。达利是二十世纪二三十年代的超现实主义大师。受弗洛伊德的潜意识学说影响的超现实主义者,是一群醉心于寻觅梦幻的艺术家,他们感兴趣的是发现和展现无意识的心态,使想象力获得...
2023-05-12
Mini Programs小程序是一种无需下载安装,通过扫码或搜索即可打开的应用,实现用户随时随地使用的便利体验。在微信公众号平台,小程序与服务号、订阅号、企业微信并行,为企业打造微信营销生态圈。通过小程序与公众号的相互跳转,将用户“互通”,链接微信营销渠道,实现相互转化,助力企业营销。小程序让营销更简单7亿+用户使用小程序1,展示企业实力,提升客户信心小程序直观展示企业实力,让客户更直观地...
2023-04-20
|
|