盘点线上产品设计思路|11月体验合集

用户头像
杭州/设计爱好者/5年前/2018浏览
盘点线上产品设计思路|11月体验合集
用户头像
禅悦pro

从产品体验角度了解产品设计策略的方式与方法

前言

产品体验学习是利用零散时间积累的长期工程,时间越久,对产品的理解和把控力就越强,不管是工作中还是找工作面试中都是很有利于个人成长的一件事情。



1、自动售货机


体验了一次公司门前的自动咖啡机,咖啡的味道不值一提,但App的体验让我有继续下单的冲动,而且肯定会进行第二次消费。



用户在第一次使用的时候会提示首单半价等优惠信息,第一步让用户get利益点,刺激下单转化。第二步是在咖啡制作的过程中,再次让用户get利益点,让用户感知产品对优惠力度,继续强化心智。第三步是在个人中心再次通过利益点诱导用户下单转化。


虽然在整个过程都是通过优惠力度的利益点来引导用户转化,运营成本高了很多。但这种运营手段从门前的垃圾桶里的纸杯量就能看出来非常有用,提高用户转化率,并且还培养了用户的行为习惯



2、花椒直播


在UGC大的趋势背景下,得流量者得天下,直播平台亦是如此。在当前直播间为用户提供其他直播间的快速入口,这一操作的好处就是用户在不用被打断的情况下,用户不用倒退回上一级页面,可以上下滑动直接触达用户感兴趣的直播间,这样可以保证流量的有效分发降低用户挫败感


由于现在很多核心流量页面模块承载更多的流量分发功能,隐藏在右侧上下滑动的这种交互现在也是一种常见的设计策略。个人在工作设计中也需要考虑页面信息流分发和驱动用户,有效利用设计助推产品




3、流利说-英语

当用户进入到学习界面,用户在退出的时候,系统提示的模态弹窗样式区别于市面上的常规弹窗。 


一方面利用标题大字体和主题色,聚焦用户视觉进行点击,弱化视觉噪音。另一方面,整个屏幕尽最大可能的让用户看到底部学习内容部分,用以挽留用户,增加用户使用时长。






4、贝壳找房


用户点击进入楼盘信息首页,有两点体验是非常棒的。


A.用户在选房的时候考虑的问题会比较多,在界面提供快速提问的入口,一直悬浮于屏幕右下角的位置,刚好处于手部热区,便于操作。另外,前置预判用户问题热度较高的字段,方便又高效。


B.考虑到购房用户在其购买整个链路中,咨询是必不可少的环节。同时,对于销售而言,问的人越多,转化率也就越高。不管是电话咨询还是在线咨询,只要是用户进行询问楼盘相关信息,那就增加了商品房转化率。所以,两个咨询按钮一直置于屏幕底部,即使遮挡住底部内容也将按钮外露,间接性提升转化率。





5、网易有道词典


A.作为学习工具类产品的网易有道词典更新迭代到了9.0版本,开屏的动态效果很是优雅丝滑,有点惊艳到我了,还没有打开过的同学可以体验一番。


B.进入App的时候会有社会属性卡片选择,卡片风格具有识别性和统一性,每一张卡片都是通过细节来传递出相应的社会属性特征,生动有趣。目前据笔者观察,目前市面上很多工具类的产品都会在打开App时先提供给用户一个社会属性身份的选择,这种操作最直接的优势是在于,当用户选择完身份标识之后,系统会推送跟用户关联属性较强的话题和产品,当 产品更懂用户的时候,用户与产品之间的黏性会更强。

C.在【Wow】社区点击右下角的wow按钮之后的动态效果也非常的棒,墙裂建议体验一番。这组动态效果极大的调动了学习者的积极性和学习热情,也提升了用户的参与度。Good Job!






6、马蜂窝-问题反馈


【问题反馈】是一个产品收集和了解用户体验的重要渠道。


用户反馈一般都是用户对操作或跟利益相关疑虑才会有联系客服的冲动。马蜂窝在问题反馈模块初始页面提供问题集归类,将优先级最高的用户高频问题模块前置预判在用户面前,用户可以根据自身情况来解决或消除疑虑,从业务角度考虑可以降低客服进线压力。在当前界面和问题集归类的二级界面也提供了一键联系客服的入口,多渠道提供解决问题的方式,是为了让用户在极端情况下也可以有解决问题的方案,降低用户的焦虑


小结:

A.将预判用户问题的模块置于优先级最高的位置,可以培养用户自行解决问题和消除疑虑的行为习惯,业务上解决后台客服进线压力;
B.提供多渠道反馈入口,降低和缓解用户的焦虑;





7、自如【客服咨询】模块



客服咨询一般是用户有问题需要咨询或者是有利益相关问题亟待解决。自如在客服咨询模块分为找客服-自助服务-常见问题-服务咨询四个模块,总体三个渠道来反映遇到的问题。将找客服咨询置于优先级最高的位置,应该是将服务用户的理念通过界面呈现出来,传递出平台的安全感。在反馈一级页面提供投诉建议的入口作为收集用户声音的渠道,可以通过用户的声音改善用户体验及服务。一般往往将用户体验理念践行很好的企业都不会过的太差。


在常见问题中,将用户问题归类通过Tab切换的形式呈现在用户面前,减少用户跳转就可以让用户直接触达自身相关高频问题解决方案。并且提供用户搜索功能,用户可以根据自身情况来搜索相关解决方案,很是贴心。


产品在面对用户的问题的时候,应该诚恳的面对和思辨自身产品的不足之处。利用好容错性这一设计原则,尽可能的拓宽用户反馈问题和解决问题的入口,缩小问题范围,多方位收集用户的声音,快速触达问题解决方案,达成帮助用户解决问题的目的,提升用户在产品使用中的愉悦度。



8、微信读书-排行榜

微信读书后知后觉已经更新到v5.2.1版本了,近期也有跟朋友聊过微信读书和蜗牛读书的差异化竞争,虽然都属于阅读类产品,微信的体量和口碑目前来看都是优于同类型产品。源于微信团队的专一和一丝不苟严谨做产品的态度。


微信读书应该是微信的一个生态的分支。就跟当年微信和支付宝横空出世一样,谁都不知道这两个产品发展数十年之后会影响中国十四亿人口的生活习惯,个人来看这也是这两个产品的一种生态目的。微信是打造生活方式,支付宝则是打造支付方式,同样都是从无到有改变了人们的习惯。不扯远了,切入正题~


微信读书排行榜在个人中心Tab模块呈现了当前在好友中的排名和阅读时间。点击进入读书排行榜界面,则是能看见好友列表排行详情。将用户在App中使用的时间通过排行的方式,容易激起用户的好胜心和攀比心理,从而延长用户在使用产品时间,增加黏性。在排行榜详情界面提供【时长兑换无限卡】的入口,通过利益点诱导用户增加使用产品的时长,换取无限卡,再一次激发用户使用产品的积极性。


合理利用用户心理来激发用户使用产品的积极性,在微信读书展现的淋漓尽致,让用户获利的同时其用户量也在不断扩张,口碑也在用户群体中传播开来。相信不远的将来,用户使用移动设备来看书的习惯也会被逐渐养成。



9、得物宝贝模块

进入宝贝详情模块映入眼帘的是宝贝头图。笔者发现在部分宝贝头图下方提供宝贝同款型号其他配色型号的宝贝缩小图,可以快速触达其他同款宝贝详情模块。前置预判交互行为已经成为主流产品中一种交互趋势。


得物的这种处理方式,一方面可以给用户提供更多的选择,选择心仪的宝贝下单,提高转化率。另一方面可以形成有效的流量分发,让用户可以全局性感知宝贝类型,将同款宝贝进行有效关联,减少用户跳转,降低用户流失率。





10、叮咚买菜-绿卡会员

作为叮咚老用户,从绿卡会员界面来解析叮咚买菜为何能够在生鲜赛道上脱颖而出。叮咚买菜能够获得用户青睐得益于细致入微的洞察人性


第一,绿卡会员将省下来的钱清晰直接的呈现在用户面前,让会员用户能够直观的感受到赚到了以及薅到羊毛的感受,这一点只有会员能够感受到省钱的魅力。

第二,将立即续费和省下来的金额放在同一个容器里,能够促进用户进行二次转化,我个人已经连续充值两次了,不得不说有一方面是因为看到节省金额的利益刺激

第三,平台将将用户在成为会员之后享有的服务及价格转为数字金额的方式再一次让用户感受到省钱、赚到了等薅羊毛心理,让用户感受到满满的诚意。以上三点都是单从叮咚绿卡模块,为吸引用户转化而做的产品设计策略点。不外乎都是抓住了人性的弱点,有一种“就是让你占便宜”的用户感受,符合大众的用户心智,所以才能不断的拉新和留存用户。





11、红板报

在首页和内页话题页面在翻页的上滑的时候都会有模拟纸张翻页的效果,利用真实物理场景映射,用设计的手法将真实物理世界的动态效果模拟在产品里。


用户场景映射在产品里的案例现在看来很是普遍,在笔者看来,目的是通过让用户在面对冰冷的移动设备操作使用产品的过程中,找到在平行物理世界中的行为印象,让用户找到一种安全熟悉的感觉,既生动逼真有趣,又贴近生活。就类似于红板报的这种翻页交互方式,利用好这一设计策略可以打动用户,如果前端处理不好,不能很顺畅丝滑的模拟纸张翻页的效果,也容易引起用户的反感和恻隐之心。





12、华为阅读

第一次打开华为系统自带的阅读App,本来是想看看有哪些推荐的电子书。但是有一点让笔者本人很不悦。刚打开产品就跳转至【vip年卡】h5页面,然后点击返回到首页又是一个让用户下单的弹窗,让我这个很没有耐心的人直接就关闭了页面。


作为一个产品设计师还是能理解产品这么做的,目的是为了有转化率。但这种接二连三在用户没有心理准备的情况下打断用户的浏览心智模型,“强迫”型促使用户下单,很容易引起用户的反感,从而流水用户,可能是永久性的。
反观在自己工作中也会有遇到这种给用户“施压”的设计手段,不管是为了数据漂亮还是为了转化率。其出发点是好的,但是流程和手段都不够高明。设计流程和场景应该是 紧贴用户心理预期的,只有让用户感受到产品传递出满满的诚意,用户才有下单的几率。






13、汽车之家-发布模块

汽车+社区有着连接属性的车友论坛平台,不仅可以查看汽车信息,还可以查看论坛权威性UGC内容。用户发布作为平台用户内容生产的核心功能之一,承载着引流和内容沉淀的重担。


笔者发现整个模块将用户关联性较强的几个标签(车系、话题、车友圈、选择位置)前置呈现在用户面前,让用户可以显而易见的选择跟社区相关的标签,用户可以感知社群属性,更好的活跃用户,加强用户的社群参与感。






14、汽车之家-搜索模块

在汽车之家搜索模块会发现除了搜索历史,另外还增加了四个内容Tab切换功能。这四个界面都是平台根据用户个人相关信息进行推送的内容,前面两个tab符合千人千面且用户关联性较强,为用户提供沉浸式的浏览体验。


这种设计策略主要原因可能是由于之前的搜索模块略微单薄,产品侧功能界面没有完全被利用起来,造成资源浪费,跟市面体量大的产品搜索模块大体相近。好处是改版后的拉新、留存率和流量分发效率数据可以逐步攀升,对产品而言,这些关键数据的攀升就可以增加转化率。这种改版后的设计也会有弊端。当用户带有目的的去使用搜索功能,很可能会被新增的tab内容而打断,这种视觉噪音会极大的干扰用户使用和浏览方向,所以在产品策略抉择时需要判断当前功能发力点和产品功能目标,而不是盲目的用抄+改的方式去模仿竞品。





15、Keep

在keep个人中心的二级界面个人空间里面有一个【创建我的记录本】的功能入口。这是一种利用驱动用户心理来增强产品与用户黏性的手段,驱动用户通过打卡记录的方式来完成训练。


从另一个角度考虑,这种与用户个人关联性较强的功能是可以前置在tab标签任何一个模块,显性的呈现在用户面前。不管是活跃度较高的还是一般的用户都是可以通过打卡的驱动方式来完成训练,而产品侧也可以提高活跃度,一举双得的设计策略。当然,打卡完成的用户也可以进行进一步的深挖,产品侧可以做的动作远不止眼前这些。




16、支付宝-美团搜索模块差异化

▲ 图一


笔者最近发现支付宝在搜索框内做了一次升级优化(有很多朋友发现没有更新,可能是在灰度测试阶段中),在搜索框内加入「搜索」的按钮。加入这个按钮之后的用户操作就可以分为两种行为链路了。这么庞大体量的产品,应该是其设计团队斟酌再三的设计结果,肯定有其原因。



第一种行为是点击白色容器,跳转至搜索二级输入字段的搜索模块(图三)。第二种行为是点击「搜索」按钮,可以根据当前根据算法推送较高的热词进行系统内检索,直达搜索结果页面(图二)。值得关注的是,热词每隔一段时间会刷新一次,这跟爱奇艺、优酷的搜索容器设计相似。目的都只有一个,就是为了让搜索功能变得更加有效,有效性大于一致性。



再来回头品品这种设计改版好在哪里:

一个模块分两种搜索交互方式,为搜索增加更多可能性。一方面「搜索」按钮的优先级并不亚于占比较大的空白区域,根据算法推荐的轮播热词,可以让用户直接触达搜索界面,减少行为交互路径。另一方面,用户可以点击占比较大的空白区域,跳转至手动输入关键词搜索页面,保证了用户的可操控性。在不打扰用户对产品功能认知的基础上,这是一种正向优化


笔者不得不夸一下新的交互方式。不知道一个功能模块拆解为多种触达方式的交互是从何时开始的,但是当头部产品核心功能开始使用这种新的交互方式,其他平台也应该会慢慢普及起来,也很可能会延伸运用在其他功能中。

美团首页的搜索框依旧保持v11.3大版本,通过用户点击搜索框跳转至手动搜索界面(图三)。笔者相信应该在不久的日子里美团也会逐步更新搜索功能,最近在搜索二级页面就有更新。




▲ 图二


跳转至具体的搜索页面,支付宝的搜索分为搜索框/tab/搜索结果/大家都在搜四个模块。而美团的二级搜索模块,分为搜索栏和内容区两大类。细心的朋友可能会发现美团在搜索框也做了一点“小手脚”。用户未选择地址的时候,在搜索栏下方会提供用户选择地址的入口,选择完会将位置移至搜索框内(图三)。这个交互优化后的效果,系统就会根据定位推送相关的服务和商家,缩小了服务商圈,相对而言也会提高用户的转化。



对于这两种界面呈现方式,笔者更喜欢支付宝的。同样是搜索相关服务功能,支付宝在搜索栏下方增加5个Tab,全部都是围绕平台自身属性为用户提供的。前者做的更加聚焦,需要用户决策的时间相对更少,在更少的决策时间里,用户会高效的针对当前选项作出判断。而美团的做法则是将所有服务的主题都前置在搜索界面内,可以下滑至2屏界面高度。这种处理方式优势在于可以给用户更多的选择项,增加更多可能性。但当用户置于无目的浏览决策场景中,会很容易被延长决策的时间,间接性的降低搜索效率和用户转化,有利有弊。







▲ 图三


手动输入搜索关键词的时候,两个产品的设计策略大同小异。两者都是以自上至下的列表呈现,推送相应平台算法功能的服务功能关键词。

唯一区别比较大的点是,美团在虚拟键盘上方增加语音录入功能,在考虑使用场景和用户需求角度来看,相对于支付宝更加贴心便捷。





17、闲鱼&转转核心模块差异化设计

同样是社区+电商的二手交易平台。大多数上闲置平台的用户无外乎两个目的,一是买闲置,二是卖闲置。今日主要体验方向是「」这个环节中的核心功能--发布闲置。


两个平台的发布宝贝界面模块大同小异。同样划分为宝贝详情/发布。宝贝详情输入栏都有相对应的行动力文案提示。



闲鱼的发布按钮在右上角,用户编辑好宝贝详情之后可以直接点击发布。转转的发布按钮在界面底部,用户编辑完宝贝详情,需要退出虚拟键盘才能点击发布按钮,相对而言闲鱼的交互更友好一点。这里可以看到 界面控件在产品中的权重是非常高的,按钮控件不能随意摆放。友好的按钮控件可以帮助用户的任务提效,形成转化

闲鱼最近有更新了一个产品设计细节。上传宝贝照片之后,后台会根据当前用户上传的照片自动识别当前宝贝类型,在输入栏为用户提供相关宝贝关键词。标题文案质量能够直接影响宝贝卖出的效率。用户在输入标题和宝贝介绍阶段决策的时间相对是比较长的。 设计团队在用户决策链路中找到痒点,挖掘到用户机会,细节上提升用户使用的愉悦度


上传宝贝图片区域,闲鱼分为三列宫格式布局,图片数量限制在9张。而转转则是通栏布局,限制在11张,这种布局排版支持左右侧滑的交互,图片大小占比相对于闲鱼更少。笔者个人猜想,应该是转转在设计策略中考虑到宝贝详情中的优先级要更高,导致输入详情栏占整个界面的比重比图片区域更多。转转上传的每张图片右上角都有删除的图标,而闲鱼则需要点击图片进入大图才能删除图片。笔者发现两个平台在调取本地照片库添加照片的时候,都会有相应的限制数量提示用户,交互策略让用户可控






在「卖」这个环节中,宝贝数据参数模版在用户链路中的权重同样很高。在优先级较高的控件位置使用了平台主色调,也都加入相应的IP形象,有趣且具有亲和力,用以 聚焦用户视觉,强化了品牌形象。



闲鱼的设计策略在IP下方给用户提供宝贝价格参考值,干净简短文案可以帮助用户更快的做出价格决策, 信息快速触达使得用户几乎没有操作成本,不仅可以提升宝贝卖出的几率,也可以缩短售卖时间, 提升用户对平台的信任感。在用户输入价格值的时候,会有预估售出的时间段提示,可以说非常贴心了。

转转在宝贝数据参数模版中则是提供了宝贝的历史成交价页面,可以帮助用户参考同类型宝贝卖出价格,帮助用户缩短售卖时间。但是在辅助用户发布宝贝阶段的不够直接, 用户认知程度较高。相对而言,闲鱼的策略对用户来说更加有效。

至此可以看出,在用户决策和达成目的阶段,找到相应痛点和痒点,细节上可以提升用户使用的愉悦度, 建立起用户对产品的信心和依赖,能够让用户回流,保证了产品的留存率。




最后笔者在体验退出编辑二次进入闲置发布的过程中。发现闲鱼可以直接调取用户操作过的历史草稿页面,而转转里面则是全新的发布环节。闲鱼考虑的更全面。由于 用户使用场景的不稳定性,操作编辑过程很容易被打断,当用户再次进入该界面时,提升了 用户操作效率,降低了用户使用时的 挫败感


#小结--从用户场景和用户视角思辨交互友好性

同类型相近产品在不同领域都有很多,笔者发现一个有趣的现象。体量大的平台,用户活跃度和口碑都普遍优于其他同类型平台。除了其强大的产品背景之外,用户体验在产品中的价值也是不可估量的。






18、高德和滴滴打车哪家好用?

滴滴应该算得上国内互联网网约车头部平台了,其产品体量是相当大的。但是在近几年,高德地图也开始“不务正业”做起了网约车服务。背靠自身强大的阿里系背景,开始连接各大网约车行与头部滴滴平台开始抢占市场份额。



笔者在同一时间给两家打车平台同时截图的时候,大家可能发现了价格不同。本次抛开用户消费价值倾向层面,只从产品功能易用性上来考虑和思辨交互友好性。



选取好行程线路后,跳转至当前总览页面。产品层面两者还是有些不一样的地方。



地图全局总览部分高德相对于滴滴屏幕占比更多。地图内高德地图在终点会有提示行程总距离、行程用时和预计到达时间,而滴滴在终点只提供了一个预计到达时间区间范围。这里两家产品考虑的维度不一样,也不能说滴滴完全没有考虑提示用户的重要性。这里在笔者看来,滴滴可能是经过了大量的用户访谈和考虑到城市间道路交通的复杂性而做出的设计策略,从而给出了一个预计区间段,避免用户在行程中发现超时而造成了用户的心理落差。而高德的设计策略更像是基于自身强大的算法和多年地图中道路交通的深度研究而做出的,是一种强大而自信的产品设计表现,可以提升用户对产品的信任力。

在屏幕下方二分之一处车型选择上。作为工具类产品,高德从利益点和车型档次提前将几十种车型归类,可以让用户更快的做出选择,引导用户有针对性的选取网约车类型,一是降低用户焦虑,二是拓宽网约车品牌曝光率,  强化其品牌运营能力,形成更有效的流量分发。对笔者而言,特别是推荐和上次使用这两个前置预判功能很友好,减少了本人纠结的频率。




滑动至二屏之处,两者都将行程地点在头部nav处展示。这一设计策略也是遵循了让用户可控,让用户知道当前在哪里。



高德的可选车型相对于滴滴要更多一点,聚合了众多车商平台,可选的足够多。在用户不了解车企品牌时,高德利用将特价车模块优先级置于视觉中心,利用用户利益点来引导用户转化。同时聚合车商司机,提升了司机接单效率,一举双得。而滴滴是基于自身平台提供的一些打车服务,用户可选的车型相对来说少了很多,接单效率也会低了很多。








2020/11月产品体验

@  以上仅个人体验观点 ,欢迎留言交流碰撞


12月的产品体验还在路上...



24
举报
|
26
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
金色颗粒质地的平面
平面花卉图案扁平简约无缝拼接插画
平面插画设计女孩喝咖啡
城市园林平面布局航拍
平面书法字手写
空的平台平面和自然景观
古风平面仕女与瓷器
牛奶乳液层次平面平铺平面
牛奶乳液层次梯田平铺平面
城阙凡花
倒计时,海报,平面
海底世界插画
玄关入门地毯印花图案红地毯
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
金色颗粒质地的平面
平面插画情侣/矢量
金色颗粒质地的平面
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
“知识宅急送”外卖,快递,平面,海报,素材,教育
城市园林平面布局航拍
城市园林平面布局航拍
平面设计 吊牌设计
中国传统纹样创新图案设计
平面风格黄绿色系花朵装饰
空的平台平面和自然景观
你可能喜欢
相关收藏夹
大家都在看
登录注册