用户体验

产品方法论之-常见的APP搜索设计

2017-05-11  本文已影响0人  胖紫还是阿紫吗

随着微信进军搜索领域,“搜索”这个模块的关键地位又一次进入了大众的视野。搜索是产品设计中非常重要的一环,好的搜索设计能够提高转化,提升用户体验。搜索的关键作用就是将用户想要的数据按照用户期待的或者更惊喜的方式展现在用户面前,今天就简单谈一谈现有的APP的搜索常见设计。

文章主要包括以下几点内容

1、搜索图标的位置和类别;

2、搜索图标样式;

3、APP搜索的交互细节;

4、搜索场景及其信息展示。


一、搜索图标的位置和类别

为什么要将位置和类别合在一起说呢。从大的分类上讲,搜索图标只有两类,隐藏式和明显开放式。隐藏式就是一个放大镜,放在页面边缘位置;开放式是一个搜索框,设计在页面的某个位置,一般是顶部。

不同的产品适合不同的搜索图标类别,对于搜索场景较少,功能使用频率较低的产品,适用于隐藏式。但是有些时候由于搜索图标过大影响整体设计时,也可以设计为隐藏式。

搜索是提高流量转化率的重要入口,对于搜索频率使用较高的产品,搜索图标一定要醒目且易用。

1、页面顶部搜索框,明显开放式;

2、页面右上角的搜索图标,图标式;

3、在底部导航专门开一个页面为搜索设计,是底部导航式。

也有很多叫做“发现”,该页面可以添加很多运营需求的模块。

4、根据APP特性的其他位置和样式。

有人说在页面中间的搜索模块不可取,我并不这样认为,如果搜索是APP的核心模块,在页面中间位置也不可厚非,只要是符合产品定位的,符合目标用户需求的,只要能让用户爽,能够带来商业收益,一切设计都是合理的。

如果不具备颠覆已有模式的思维和胆量,产品经理还叫产品经理吗?


二、搜索图标样式

根据APP的功能和用户搜索需求,图标的样式可以分为以下几类

1、有提示语的搜索图标。

比如在搜索框默认提示语“快搜索小龙虾试试看”,这是满足运营需求的一个搜索设计样式,起到了关键词营销的作用;

2、有相机图标的搜索图标。

比如淘宝的搜索功能,右侧有一个相机小图标,是为了用户在搜索的时候,可以根据衣服的图片搜索到更准确的产品,从而提高成交转化率;

3、有语音图标的搜索图标。

比如高德地图,用户的使用场景特殊,可能在一边开车一边搜索目的地,纯文字的输入功能就无法满足用户这样的高频率场景;

4、带精准分类的搜索图标。

比如新浪微博,在搜索框左侧有个下拉列表来选择可以搜索全部、微博、搜人。可以在精准的分类下展示搜索结果,减少搜索结果数量,更容易给用户他想要的内容。

但是这种做法本人并不认可(一种挑战权威的既视感),很多用户并不会注意去点选左侧的下拉框来进行精准搜索,这样会导致搜索结果并不能直达用户内心。淘宝最初也是这种做法,现在已经改成了以下的第5种。

5、搜索页的分类样式。

如淘宝现在改进后的样式,能够展示在用户眼前的东西才能更多的被使用,在每一次的设计中都要将用户看成是“什么也不懂”的人。

这里插一句关于搜索按钮设计的问题,我看过有的资料说,不应该在搜索框旁边,也就是页面右上角设计搜索按钮,原因大致是因为用户更愿意选择点击键盘上的搜索按钮,这个操作按钮离手比较近,符合操作习惯。IOS这样无可厚非,因为只有一个键盘,但是安卓机型较多,如果碰到无法调用带搜索按钮的键盘,那么后果可想而知。即使是自带键盘的回车键,用户似乎也不是能马上明白,应该点这个长得像“下一行”的按钮来完成搜索。

产品经理可以根据自己的用户搜索场景,要提供给用户的搜索功能,需要引导的用户操作等原因来确定,准备设计什么样子的搜索图标样式。


三、APP搜索的交互细节

说到搜索的交互细节,就不能不从搜索的每个阶段单独说起,我将搜索分为搜索前、搜索中、搜索完毕这三个阶段,根据不同的情况和场景,我绘制的思维导图如下。

1、搜索前

在搜索前,要充分考虑到用户使用搜索的频率和场景,尽量方便用户能够快速的找到输入框,以减短到达搜索的路径。并根据页面布局和信息结构决定搜索框在搜索前,是否随着页面滑动。

为提高用户体验,点击自动跳转至单独搜索页面是现在的主流做法,已经形成用户习惯的做法并不需要去改变。

2、搜索中

搜索中的关键词联想是相对比较智能的模块,如果有用户数据基础,可以根据用户标签进行个性化关键词联想,以帮助用户尽快找到自己想要的内容,并感受到产品的智能和贴心。

搜索结果联想也是自动搜索的方式,输入一个词,即展示可能出现的结果,即是搜索结果联想,联想结果和联系词无法同时出现。

搜索词联想和搜索结果联想对于数据库查要求较高,如果设计此功能,就要和开发好好沟通了。祝福设计此功能的产品们。

淘宝的智能推荐功能成本占到其总营收的30%,可见此功能的实现难度是多么的高。但是如果没有庞大的用户体量,同时内部资源欠缺的情况下,不建议设计这么智能的搜索方式。

保留输入,即是输入的搜索内容要在搜索过程中始终填写在输入框;同时如果用户通过点击搜索历史出发的搜索,历史内容也应该自动输入至搜索框。

自动纠错功能也是智能化设计,也需要强大的数据库支撑。

3、搜索完

搜索完毕后,如果搜索结果可能有多个种类和多个维度,将搜索结果分类、筛选是很有必要的。

(1)每个类目展示固定条数,并在每个分类底部可查看更多的方式,点击跳转至该类目下更多的内容:

(2)将匹配程度最高或者用户最感兴趣的内容进行优先排序,不单独分类,而是将分类标签标志于内容标题前部,这种展示方式看起来比较乱。

4、功能外置

是更容易提升转化的方式,非常巧妙的缩短了用户转化的路径。可以根据需求将关注、添加、对比、播放等常用功能外置在搜索结果列表,使操作更加便捷。


四、搜索场景及其信息展示

搜索场景的考虑并不是要考虑用户为什么要搜索,而是应该考虑,用户在此类APP的使用中,可能会搜索哪些东西,不同类型的产品有不同的信息流,不同的信息流就会产品不用的搜索数据。

比如我在查阅资料时,一位作者在体验qq音乐时写到,搜索“xxx的插曲”时,搜索结果并不是名为xxx的歌曲,而是电影名为xxx的全部歌曲。这种就是充分考虑到用户在此类APP下的搜索场景,并将“的插曲”或者“的主题曲”等作为场景标签予以识别,这就是音乐类APP的搜索场景之一。

有些APP甚至会考虑到,用户在哪个时段可能主要想要搜索哪类内容,并予以展示。

其实如果可以将场景作为分类来处理,也是可以减轻很多数据库后台处理的,只是要考虑两者的处理难度,所谓“两害相权取其轻,两利相权取其重”。在当前资源和业务需求下适合哪一种就设计哪一种,是最合理的。

关于更多的搜索场景,应该从本行业的角度出发,才能设计出更好的信息展示方式。这里我不得不说我刚刚进入的金融行业,了解甚少,对于金融行业搜索场景,确实没有更多可分享的内容,以后再更新这个模块吧。

上一篇下一篇

猜你喜欢

热点阅读