扫码登录 我要学设计网
设计师的职业进阶课堂

微信扫码登录 | 方便安全省心

43 期 | 产品体验日记

大漠飞鹰CYSJ 2020年10月28日 发布 / 829 次阅读

作为设计师,在拿到产品需求的时候,所要做的不仅仅是完成产品的设计工作,更重要的是要思考如何通过设计的的手段去推动产品背后的商业价值达到最大化,提升视觉体验、增强用户的粘性以达到用户转化的目的。不需要我们设计的有多么复杂,可能是一个步骤的简化、一句打动人心的文案、贴心的提示、趣味的动效...




01.「天猫」搜索框-IP形象打造品牌


产品体验:

进入天猫APP首页,顶部为了节约空间,搜索框以常规的样式显示。页面上滑时,顶部搜索框变外形换成了天猫的品牌形象元素“猫头”样式。



设计思考:

品牌不一定是IP,但IP一定是品牌,一个企业的品牌形象至关重要。IP不一定是企业的必需品,但有了它就能更进一步的对品牌的传播起到推动作用。比如将创始人或者公司核心人物的个人精神加入到品牌的形象当中,进而产生出巨大的品牌号召力。天猫在品牌传播方面应该是数一数二的存在,不管是宣传海报、弹窗外形、特色专题或插画等大部分都用了公司的IP形象,抽象的“猫头”样式。常规的事务都不会有太大的吸引力,就搜索框来说,在应用中的作用可谓是举足轻重,最常规的样式就是矩形(或圆角)框。


天猫APP的搜索框样式则打破常规,为了提升品牌形象,把顶部搜索框外形设计成天猫的品牌形象IP“猫头”样式,将自身产品所拥有的优势与IP形象相结合,最大化的从视觉上增强品牌印象和品牌魅力,让用户通过品牌在心目中形成了美好的记忆,以至于围绕品牌形成消费经验,下次可能还会使用,达到增强用户粘性的目的,用庞大的用户量和使用频次增加产品的转化率。





02「网易云音乐」贴心的驾驶模式


产品体验:

在开车时使用网易云音乐,可以设置为驾驶模式,系统自动屏蔽大部分功能,只显示播放、上一曲、下一曲操作按钮,并增大点击触发范围,放置屏幕偏中间的位置,更容易操作。



设计思考:

facebook数据表明,虽然音乐类用户体量没有视频类应用高,但是综合使用时长却高出视频类应用很多,听音乐能减轻我们的压力,比如:上班坐车、睡觉前以及闭目养神无聊时都可以听着音乐。当然,我们在驾驶时也不例外,虽然所要做的主要事情是开车,但开车时候听音乐能缓解我们的精神压力,尤其是长途驾驶。无论是在交通流畅还是交通拥堵,音乐都能很好的压制住人的烦躁情绪,保持注意力的唤醒水平,从而提高人的反应速度,对驾驶的安全性有好处。车载导航除了地图外,最长用的功能也就是音乐了,这也验证了音乐的普遍性。(因人而异,音乐的情绪和感受,对部分用户还是有影响的,比如:旋律不明显的快速说唱音乐时,驾驶者会变得紧张;心情不好听着伤感的歌曲等)。鉴于音乐跟用户之间的粘性,出于安全考虑,在驾驶过程中,对于音乐类型的应用,操作应该做到更加便捷。


网易云音乐中的驾驶模式,就是最好的例子。通过在设置中调整为驾驶模式后,设备上只有播放、上一曲、下一曲操作按钮,页面更加简洁,排除无关元素对视觉的干扰,无需思考、一目了然。其次,按钮接近有设备的中间位置,操作范围增大,放大热区无需精准操作,提升了产品易用性。界面的简洁程度以及易用性能让正在开车的用户有需求的情况下快速操作,缩短操作时间以降低驾驶安全隐患。





03.「高德地图」搜索框位置-用户自行掌控


产品体验:

使用高得地图时,可根据用户自身的喜好在我的-设置-首页设置页面,随时调整搜索框在屏幕中的位置。



设计思考:

在我们使用的众多APP中,搜索框的位置都是在顶部的,这符合用户的操作习惯,也形成了惯性思维。当用户有搜索需求时,第一视觉会直接移至屏幕顶部扫视,然后直接执行操作。但置于顶部并不是唯一的设计方法。


高德地图为了提升使用体验,可以根据用户的自身喜好及设备条件,在设置中调整搜索框的位置,给出两个位置以供用户选择,即置于顶部和底部,这样做的好处有两点:


① 在众多的用户群体里面,用户的使用行为也是千奇百怪,为了满足不同用户的使用习惯,将搜索框的位置让用户自行选择,多一个选择就多一个方便,用户需要有控制和来去自由的权利,切换方式给用户带来了更强的掌控感,增加用户使用粘性。


② 即使大部分用户都习惯搜索框在顶部,但因为目前设备尺寸越来越大的原因,依然会有部分用户会将搜索框置于底部。菲茨定律告诉我们“尽可能缩短手指与操作所相关按的间距”,  搜索框固定在屏幕底部,用户可以随时随地采取操作,能在最短的时间类毫不费力的触达目标,提升产品的易用性。





04.「百度网盘」超级会员-尊贵的“黑金”图标


产品体验:

开通百度网盘超级会员的用户,可在设置中将桌面默认图标改为尊享图标,“黑金”样式彰显尊贵。



设计思考:

开通过百度网盘超级会员的用户都知道,相比未开通之前,下载速度可谓是蜗牛比火箭,还附有其他各种功能:存储空间、急速下载、高清画质...等,但我相信大部分用户多是奔着急速下载去的。


百度网盘超级会员还有一个设置,虽然没有实质的功能性,但抓住了用户的心理弱点,就是尊享图标。可在设置中将桌面默认图标改为“黑金”样式的尊享图标,利用大部分用户的炫耀心理,通过换成“黑金”尊享图标炫耀自身的形象以及地位,表示对自己的肯定,满足自己的虚荣心,以求博得面子,可以带来一种荣耀和心理上的满足感。另外还能用差异化样式给用户带来惊喜,让用户感受到会员的尊贵感和特权性,以达到更好的用户体验。





05.「虾米音乐」登录页面的微动效


产品体验:

进入虾米音乐登录页面,会看到很多元素从设备四周向中间聚拢的微动效,使用缓慢的运动轨迹反复循环。



设计思考:

一个产品想要盈利,登录功能是用户转化关键的一环,毕竟如果没有用户量,再好的产品也是空谈。登录功能的用户体验时至关重要,其样式也是存出不穷。


虾米音乐在登录页面使用了微动效,通过部分元素从设备四周向中间聚拢的动画方式,让视觉快速聚焦在中心的一键登录按钮上,减少用户对登录方式的选择性困难和决策时间。另外如果没有明确的注册(一键登录)需求,用户对注册会有一定的抗拒心理,这时候动效就可以对用户的抗拒心理产生一部分干扰,并往登录入口引导,降低用户的心理防备,以进行一键登录操作,提升注册成功概率。

(登录页面的动画请慎用,不适当的动效方式会对用户的登录操作产生一定的干扰)





06.「淘票票」选座-是如何提高上座率的?


产品体验:

用淘票票APP购买电影票,在挑选座位时,如果选择2个或以上的座位,座位中间或两边不能留有空位,点击确认选座会出现弹出提示,以提升座位的利用率。



设计思考:

经常看电影的用户应该都有碰到,不知道从什么时候开始,在网上购买电影票出现了“潜规则”,选购电影票座位时,不能留下单个空位。这种不成文的规定让单身的友友们瞬间受到一万点伤害,直接想暴风哭泣。甚至有单身的人碰到这种境遇,感觉就是歧视,其实不然。

淘票票APP作为当前主流的购票平台,自然是也有这种限制,其原因跟平台的背景并无关联。购票时,如果选择2个或以上的座位,中间或者两边留有空位时,系统会自动弹出“座位旁边不要留空”的toast小窗提示,主要是因为空出来的单个座位会很难卖出去,这样一来就会造成座位资源的浪费,也会降低影院上座率。如果允许留下单个座位的话,本来应该可以坐满的场次,就不能坐满了,因为其他购票用户发现全是单个座位,就选择了下一场,毕竟去看电影的用户大多都是结伴而行,不管是情侣还是朋友,都希望座位挨在一起,全是单个不相连的座位,用户就可能放弃购票了,不仅损失消费数量,而且单座没人也浪费资源、影响利润,这是出于对主流用户群体的考虑。


之前,网上流传着一个事件:其中一年的11月11日,某电影院的座位都被观影者间隔性购买,其目的是单身用户为了故意让情侣们的座位挨不到,避免秀恩爱、破坏虐单行为的一场恶作剧,结果就是影院的上座率很低,直接造成经济损失。不管这个事件是否有真实性,但减少单个座位的出现,从优化资源配置、降低座位空置率以及方便结伴而行的观众观影体验来说,这样的设计是人性化的。

(为了统一,其他购票平台都有这种限制,用淘票票APP页面只是用于案例展示)





07.「腾讯QQ」青少年模式-有效防止小盆友“胡来”


产品体验:

① 通过QQ的左上方头像-设置-通用,可开启青少年模式,即对部分功能做了限制,提供更简洁纯净的体验;


② 开启验证锁,在修改部分功能设置时,需要短信验证,避免被小盆友自行修改功能设置。



设计思考:

虽然微信在社交产品里一直是大哥级别的担当,但QQ并没有因此隐退,两个社交软件各自都是带着不同的使命立身于社交界。如果经常需要传送一些文件或对信息的保留,QQ明显比微信更实用。网上经常流传着一些言语,说“腾讯的社交和游戏毁了青少年”,果真如此的话,不可能有庞大的用户体系让之立足,对此,我个人不做过多的言语。其实很多事情都是事在人为,假如没有腾讯,一定会有A讯、B讯...等企业取而代之,相同的问题依然存在。纵然如此,腾讯团队依然在对所出现的过情况进行不断的完善。


QQ此次推出的青少年模式,对于在学习中必须要使用QQ的青少年,为避免在学习过程中不断分心而受到其他功能的影响起到了一定的抑制作用。在设置中切换为青少年模式,限制部分功能,再开启短信验证锁,避免被小盆友自行修改功能设置即可,“麻麻再也不用担心我的学习了”。设置后:


① 极简的页面显示,让学习更加纯粹;

② 屏蔽大部分的娱乐和广告类内容,排除无关功能;

③ 设置“聊天消息显示拼音开关”,更便于小盆友对文字的认识;

④ 设置QQ帐号是否能被陌生人搜索到、被陌生人拉入群、过搜索添加好友等功能,防止以学习为目的去嗨聊;

⑤ 自动屏蔽无效搜索信息,只能搜到现有联系人及聊天记录,以减少干扰。

⑥ ......


看到这些功能,青少年模式简直就是为学习而量身打造的,不过再好的软件只是辅助,真正还得结合家长的教育和监督,以增强小盆友的自觉性,根据软件功能的优势结合进行有效利用,方能达到最佳效果。





08.「微信」跳转到还没看位置-上下衔接


产品体验:

在浏览微信朋友圈时,点击跳到还没看的位置,已浏览过的信息会快速上移,自动跳转至上次结束的位置。



设计思考:

有很多用户的闲暇时间都留给了微信,除了聊天之外,就属朋友圈了。没事的时候发个朋友圈证明自己还“活着”,也会不停的去刷着其他好友发的朋友圈记录,微信好友比较少的还行,如果较多又具有强迫症,必须把朋友圈的所有信息都刷完的用户真的是“难产”,因为这次没刷完结束后,下次根本无法记起上次结束的位置,总感觉好像有什么重要的信息漏掉了。


根据用户的诉求,微信又推出一重磅功能“跳到还没看的位置”。但很多用户都会或多或少的去刷着朋友圈,除了对部分好友信息的了解,也可能是打发时间,有时会有心理作祟“要从上次的地方接着看,是不是什么重要的信息漏掉了”。系统会在上次已浏览过的信息前面提示“跳到还没看的位置”入口,点击可以直接忽略已浏览过的信息,直接跳到上次结束的位置,能有效避免用户因重复查看而浪费时间,带来便利性的同时,用户的粘性也会随之提升。





09.「哔哩哔哩」猝不及防的登录弹窗


产品体验:

进入哔哩哔哩APP,在体验过程中,就算用户没有主动点击登录、也没通过特定条件触发登录,系统也会不定时的自动弹出“本机号码一键登录”的提示,促使用户登录(登录即注册)。



设计思考:

市面上99.9%的APP都有登录功能,因为这直接涉及到产品的用户量、使用粘性及企业的利益。登录后可以记录用户操作数据,保护隐私,确保APP的功能能被全部使用,以实现等级差异的基础,不过登录功能相当于对用户的使用设定了门槛,可能会增加用户体验,也可能会导致用户流失,各有利弊。目前APP是登录性质无非两种:①强制登录,这种性质有助于真实用户的转化,但因为登录的阻碍,可能会导致很多用户放弃使用并导致用户流失;②非强制登录,可以让用户优先体验产品,但因为用户不能深度使用,会减少用户对产品的认知,降低转化率。其实在这两种登录性质上,众多应用都无法做到很完美,只能根据自己产品的实际情况在利弊上进行取舍。


哔哩哔哩APP为了规避掉这两个弊端,用了一个折中的办法。进入APP时,无需强制登录,在体验过程中,即使没有主动触发登录条件,系统也会不定时的自动弹出登录提示,通过友好的文案“登录解锁体验更多精彩内容”为用户着想,偶尔提醒用户,采用所有登录方式中最为便捷的“本机号码一键登录”,用户登录成功后,系统自动注册。既规避了强制登录的阻碍,同时又通过非条件触发的弹窗+最便捷的登录方式提升用户注册率,增加产品用户总量,一举两得。





10.「tell」解忧杂货店-不开心就写信


产品体验:

在tell应用里,可以随时将我们的不开心、烦恼通过信笺的方式提交,后台会有专业的义工或其他用户给我们细心的回信解答,真情实感回复,超级暖心治愈。



设计思考:

居住在一、二线城市的大部分人群压力巨大,并且邻居之间、人与人之间的距离感也越来越远。很多用户面对婚姻家庭、亲密关系和职场事业等束手无策,另外在成长中的青少年也都有着不能和父母、同学说的烦恼等无处倾诉。因此,需要有一个私人空间来诉说,以寻求答案和解决办法。


Tell是一款陌生人社交软件,在我们有不开心或烦恼时,通过写信的方式进行倾诉,晚上十点半信封会被分发到各位tellers信箱里,收到信封的人会耐心解答,让我们去收获陌生人的温暖。还也可以对收到的信(每天只有三封)进行回复,通过看别人倾诉的烦恼去为他们解答,收获温暖的同时尽力去让别人收获,赠人玫瑰手有余香。


除此之外,用户每天还能定时使用小篝火通过语音倾诉来缓解负面情绪的功能。以安静温暖的对话和探讨,帮助自己面对当下的强烈情绪、急于逃离的孤独,以及迫切需要解答的烦恼,如同情绪回收站,超级暖心治愈。




结语:设计师需要养成体验产品的好习惯并将优秀的产品细节记录下来,加强自己的记忆,不仅能提升自己的语言组织和总结能力,也为日后输出优秀的作品当铺垫,对自己的能力提升以及未来的职业发展带来便利。



本期产品体验日记分享到此结束,希望抛砖引玉,可以看到更多伙伴去发现更多好玩的设计。


本文由黑马家族 @大漠飞鹰CYSJ,发布于51学设计,仅作为学习交流,勿做他用。