提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
2020年产品体验日记,小目标170节,第1~25节
如何让自己的产品在保证基本的可用性和易用性的同时,还能让界面看起来柔和、更富有亲和力?一个产品能留住用户的虽然是内容本身的质量与吸引力,但一个小小的细节却能够阻止用户的流失,成为内容转化的最后一道防线,让人眼前一亮,值得借鉴。
01.「产品经理」为拇指区域设计
产品体验
①、更高的头部设计区域,标题栏的区域放大,主要操作向拇指区域靠近;
②、部分功能将导航及重要操作放在屏幕底部,让用户更易于接近目标,操作更便捷。
设计思考:
大屏幕尺寸已经是趋势,屏幕大意味着内容可以更大限度地得到展示。产品经理APP将头部区域设计的更高以及部分功能和导航置于界面底部的方式有效的解决的用户单手操作大屏幕手机操作的难点,更易于操作,提升便捷性。更有效的防止用户因操作困难而导致手机滑落(碎屏),增加安全系数。
根据费茨定律,任意一点移动到目标中心位置所需要的时间,与目标距离相关,尽可能缩短操作所相关按钮的间距。产品经理APP缩短了手指与操作按钮之间的距离,节约用户操作时间成本,提升了用户体验。
02.「腾讯动漫」趣味的icon动效
产品体验:
①、个人中心的性别切换以重量级的功能展示在一级页面,点击切换男女图标,以动画的效果过渡切换;
②、性别切换的同时,根据不同性别,首页的推荐内容也随之更换。
设计思考:
性别icon通过动态的方式切换, 动态比静态更加吸引眼球,增加视觉关注度,因此在切换时具有更强的视觉冲击力。 在过渡的时间差中,也体现了趣味化的表达。
首页承担了产品最核心的功能,决定了产品的属性和基调。在切换性别后,根据产品的定位及不同性别用户的心理特征推荐不同的内容, 以方便用户快速进入对应的需求模块,针对不同的用户给与不同的体验, 提高效率、用户粘性及活跃度,强化了产品在用户心中的认知度。
03.「网易云音乐」俘获人心的心动模式
产品体验:
在我喜欢的音乐模块,开启心动模式激活此功能,播放即为心动模式,或者从其他入口进入播放页面,点击左下角的播放模式图标,系统会优先播放您最近一次添加的歌曲,播放顺序变为心动模式。心动模式是系统根据算法自动匹配同类型的歌曲作为下一曲播放,按照此种方式来回穿插。
设计思考:
要想在庞大的曲库中遇到一首符合自己心意的歌实在太凭运气,这种“老歌+新歌”的心动模式,相较完全陌生的歌单推荐更能减少用户对接受新歌的抵触情绪。让用户在听到自己收藏歌曲的同时,还能发现更多喜欢的歌曲,充分迎合了用户想要听到的精彩、跳过因没有目标而在歌曲列表来回翻看的无聊动机,十分友好贴心,提前表达了用户可能出现的想法,提升用户的体验好感度。
04.「支付宝」聊天框贴心的数字转账提醒
产品体验:
①、支付宝在好友对话文本框输入纯数字信息时,文本框上方会出现转账提示,5秒后自动消失,点击提示即可跳转至转账页面并自动带入之前输入的转账金额,按流程可完成转账操作;
②、当文本框输入的数字超过5位数时,转账提示自动消失,丝毫不影响用户的对话内容信息。
设计思考:
相信很多人都经历过,使用微信或支付宝转账时,用发信息的方式给对方发过去几个数字,此时对方一定是满脸黑人问号。如果及时发现,还可以撤回并使用转账功能操作完成;但自己在很忙的情况下,数字发过去就放下手机继续忙自己的。等你发现的时候,对方可能都已经不需要了(严重的话就把你拉黑了)。
支付宝在输入纯数字增加的转账提示,对于需要转账而操作方式失误的用户来说,可谓是非常的贴心,降低了出错的概率,避免失误后引起尴尬。
05.「抖音」便捷的登录方式
产品体验:
①、进入登录界面,系统检测到数据流量打开时,可通过手机号运营商认证服务一键完成登录;
②、通过说明告知用户登录即表示同意《用户协议》,无需点击;
③、其他登录方式默认隐藏,点击“以其他账号登录”才显示所有登录方式。
设计思考:
对于一个产品的主流用户人群,大部分都是用手机号作为最基本的账号使用,抖音登录通过运营商认证服务一键完成登录,应该是目前最简洁最快速的登录流程,也间接推动着用户注册的转化率;
用户登录即表示同意用户协议,这种做法可减少用户勾选同意的流程步骤,提升完成率;
将其他登录方式隐藏,使一键登录内容更加聚焦,避免多个内容挤在一个页面,导致页面的可操控性差,容易误操作造成的登录流程失败。面对时间的压力、错误的风险和后果,要视情况而定提供简单的操作体验。
06.「微信」“拍一拍”用温度、脑洞交流
产品体验:
①、微信在好友聊天框,双击对方头像,对方头像会出现抖动和拍一拍和“你拍了拍Ta”的文字提示;
②、通过个人信息设置拍一拍,可以设置各种脑洞、恶搞、套路...(需更新到iOSV7.0.14版本)
设计思考:
在以前我们玩QQ的时候,我们可以使用「抖一抖」来提醒对方回复消息,或者无聊的时候挨个的找好友「抖一抖」,没准就抖出了爱情的火花。微信最近新增的「拍一拍」功能,有没有似曾相识的感觉。「拍一拍」从上线的开始,很多群聊里面基本都是拍一拍在刷屏,那么拍一拍到底存在什么意义呢?
“拍一拍”这个功能,可以弥补非语言线索的缺失,是一种动作上的“情感补偿”,可以提高传播主体之间的亲密度。同时模拟了线下的身体形态,再现了真实生活中的一些场景。比如,你遇到不开心的事情的时候,别人想要安慰你却不知道怎么开口,拍一拍你的肩膀。
“拍一拍”起了弱提醒的作用,引起对方注意
微信官方把“拍一拍”翻译成“nudge”,是轻轻推一下别人的意思。这和之前QQ的“抖一抖”类似,起到确认对方是否在线,以及引起对方注意的作用。
在群聊天中使用“拍一拍”功能,提醒的没有“@”那么明显,很容易被忽略。但是在私聊过程中,“拍一拍”的动作会把聊天框置顶出来,可以在对方不回消息或者想回避对话的时候,起到一个温柔的提醒作用。
缓解社交恐惧者的恐惧与紧张感
对于微信里刚认识的人,有社交恐惧心理的人可能会害怕在群聊中被人注意而避免主动发言。“拍一拍”功能为害怕主动发言的人 提供了新思路,可以缓解个体在社交媒体上与他人沟通与交流时的恐惧与紧张感。
因为“拍一拍”的提醒方式不那么明显,除了聊天界面中的文字记录,没有其他任何形式的提醒,手机不会推送信息,也没有任何形式的提醒,也不会震动。这就避免了传统的“@”和“在吗”的尴尬,可以自然亲切建立起社交的弱关系。
(来源知乎:鲨鱼也搞电商)
你们以为这样就完了吗?这不过才刚刚开始。我的<个人中心<设置拍一拍,通过「拍一拍」后缀,新的玩法解锁了各种脑洞、恶搞、套路...(有人直呼,我上班玩了2个小时)。
微信「拍一拍」功能无疑在用户的交流互动中增添了更多的乐趣,让产品变的活泼可爱,给用户带来了更好的体验,作为社交产品,这种方式也大大提升了用户的使用频率和粘性。
07.「腾讯视频」个性化的明星装扮主题
产品体验:
进入腾讯视频个人中心, 选择视频功能里的明星装扮,即可设置自己心仪的明星主题皮肤。设置完成后,Tab标签栏激活状态图标、播放加载动画、刷新...变成相应的明星主题形象。
设计思考:
这种全方位的明主题装扮在体验时更加沉浸,不仅仅是视觉表面上的改变,更让情感化的设计细节为产品增添了温度,让人惊喜。(PS:对于追星族的你,是不是感觉跟他/她的距离又近了一步)
当然,任何人和任何事物都有人喜欢、有人不喜欢,对于腾讯视频海量的装扮库,总有一款适合你,我们可以选择一部电影、电视剧、综艺等,对于追星、追剧的用户来说,在不经意间就给了我们意外的惊喜和适当的提醒,为我们再次使用该产品埋下了伏笔。
08.「美团」利用签到功能促成用户转化
产品体验:
①、美团签到功能以动效图标的形式悬浮在首页右下角,页面上下滑动,半透明样式微露头角悬浮右侧,不影响浏览其他内容,停止滑动2秒后还原效果,;
②、点击签到图标进入签到页面,签到成功即可获得一张优惠(现金抵扣)券,并告知连续签到有更大的红包;
③、在红包卡券页面即可看到签到领取的优惠券,突出到期时间(超短)。
设计思考:
众所周知,人们对动态事务的感知能力要比静态强很多。美团签到功能利用动态图标提醒用户,趣味性的微动效能吸引用户的眼球,也能引导用户进行操作,让签到入口变的突出而不突兀。使用“签到+领红包”的文案更是利用了用户占小便宜的心理,大部分都是选择「让利」去吸引消费者,这种方式短期内也最有效,增加了用户的点击欲望,提升签到的完成率。
签到成功,即可获得一张优惠券(也叫红包),告知用户连续签到可获得更大的红包。根据大部分用户的一种贪婪心理,大多会抱着试一试的想法, 即使得到概率小,用户也会去尝试,就算最终没有领到大红包,也不会付出任何代价,无形中留住了用户,也为后面的消费转化做了铺垫。
进入红包卡券,即可看到刚才签到领取的优惠券。优惠券以突出到期时间(超短)为诱饵, 对时间的限制能传递给用户一种紧迫感,暗示他们尽快购买, 鼓动了用户内心贪婪的欲望,还有「喜欢走捷径」的弱点,同时「厌恶失去」,让用户倾向于快速地决策来留住一些东西,减少决策时间,达到促销的目的。
09.「微信」提高转账安全的微提示
产品体验:
使用微信给好友转账时,金额超过4位数就在数字下方增加单位提示,如:千、万、十万......
设计思考:
我们在转账的时候,多输入一两位数字虽然不是常事,但总有大意的时候,如果错转给不是特别熟悉的人,对方删了好友,那就真的是欲哭无泪了。微信转账增加的单位提示,看似一个简单的细节, 却给用户带来了安全保障,降低了操作时的出错概率,让用户有可控制感和安全感,增加产品的驱动力。
这也跟微信一直倡导的“用户需要在一个积极健康、安全贴心、触动情感的环境进行社交,并最终导人向善”的宗旨遥相呼应。
10.「饿了么」天天送红包-转化付费用户
产品体验:
每日首次进入饿了么,会弹出“惊喜红包天天领”的弹窗,点击对应红包的“去使用”按钮即可进入对应的商品/店铺列表,达到条件(如:商品类型、满减)直接作为现金抵扣使用。
设计思考:
饿了么使用发放红包的形式,通过利益刺激手段,吸引用户继续完成对内容/商品的消费,以此降低用户流失。
根据用户占小便宜的心理特征,红包的金额数值越高,就越能引起用户的注意力和购买欲望,无论是有目标性的消费,还是无目标性的购物,除去那些特别有钱的土豪之外,红包金额越大,对用户的吸引力就越大。对于用户每日首次进入会有「惊喜红包天天领」的利益引诱,以此将无目标的用户变成有目标的用户,向「付费用户」转移。
11.「快手」取消点赞-模拟真人心理的视觉语言
产品体验:
在快手APP看到自己喜欢的小视频,可点击左上角的心形图标点赞,「取消点赞」图标以动画形式从裂开到破碎。
设计思考:
在现实生活中,应该都有过这样的感受,当我们喜欢一个人或一件事物时,得知不可获得或者被拒绝,就有一种心碎的感觉。快手小视频「取消点赞」的心碎图标很好的诠释了这一点,贴近用户的真实环境,遵循现实世界的约定,使信息以自然且合乎逻辑的出现,建立同理心,通过情感化的表达传递给用户,博得同情心,降低「取消点赞」操作的概率,也会在下次「取消点赞」操作之前慎重考虑。
这时候可能有人会问,再多的点赞量都只是给创作者的,与快手平台有什么关系呢?其实不然,用户点赞是对创作者的一种认可和支持,以鼓励作者创作出更加优质的作品,而优质的作品能吸引更多的用户,庞大的用户群体又会吸引成就一批更加优秀的创作者,从而造成良性循环,平台也会成为最大的赢家。
12.「滴滴出行」运用经典交互四策略-合理删除
产品体验:
使用滴滴出行呼叫快车,用户确认后,在呼叫司机时,系统自动删除了导航栏和其他控件,页面内的视觉都聚焦在下方的区域内。
设计思考:
用户在等待系统呼叫时,属于事件明确阶段,不太需要导航栏的指引或者提醒用户当前所在的位置,也极少的可能在当前状态时去进行其他的操作,系统删除了导航标题和内容控件,避免了因其他内容造成的好奇心而取消当前的订单,同时也达到了降噪的目的。
虽然删除了导航栏,但根据「费茨定律」,就算用户误操作或者要返回,也能便捷地撤销正在等待的订单,这比常规的使用导航栏承载返回按钮合理了许多。在这里,用户无法直接返回上一级界面,需要先取消订单操作,利用逆向菲茨定律以延长用户在当前页面的时间或对用户的下一步操作发出警示,让用户思考是否要进行下一步操作。任何一个需要去思考的界面,都有可能让用户放弃当前的想法,使之继续完成当前出行订单的等待阶段。待司机成功接单后,会继续降低用户取消订单的概率,以指引用户最终完成订单的操作流程。
13.「美团外卖」喊你回家吃最便宜的午餐
产品体验:
打开美团外卖APP,在每个店铺下方都有突出的满减提示,进入店铺详情页,在顶部和底部同样都有,选好商品后,商品的总价达到满减条件,就可以减掉对应的金额。
设计思考:
满20减18,后面还有6元无门槛红包?这已经是免费的午餐了,而且还赚了4块钱。于是进入商品列表上下齐开“一顿操作猛如虎,定睛一看原地杵”,这里的商品要么就是低于20的,要么就是40左右,免费不存在的,要不就在这家随便吃点吧。
其实类似于这种满减提示在外面平台一点都不稀奇,用户也都不傻,也许进入店铺发现不对后转身就走,可平台还是会把这种满减提示作为最耀眼的存在,屡试不爽。
在用户完成转化的三要素中,动机、能力、触发,缺一不可。店铺下方的满减提示则是利用用户的贪小便宜的心理,优惠的数值越高,越能引起注意力和购买欲望,足以让用户产生下单的动机;进入店铺后,看完所有商品,即使没有符合用户心理预期的价格,因满减产生的动机逐渐降低,但新的购买动机产生了,通过红包、好评、折扣、美图...等能力依然在提升用户的购买欲望,触发用户下单,并最终完成转化。这种选择「让利」的方式去吸引用户,也是短期内也最有效方式。
14.「淘宝」激发用户情绪的弹窗设计
产品体验:
在体验淘宝签到功能时,签到成功会出现弹窗提示“签到成功”,并告知此时下单红包即可翻倍,点击关闭,弹出二层弹窗“红包未翻倍”及“限频道内使用”的文字提醒。
设计思考:
淘宝通过二层弹窗提醒用户退出当前页面可能带来的影响、后果,让用户判断当前的退出决策是否正确,毕竟相对于‘收获’来说,‘损失’更让人在乎某事物。 同时告知退出会让下次行动付出更多的金钱成本,这种更多成本的投入会让用户产生顾虑,从而激发用户的情绪并转化为行动。
15.「支付宝」蚂蚁庄园-转化用户稍纵即逝的消费动机
产品体验:
①、在支付宝的蚂蚁庄园喂养小鸡,通过养鸡攒爱心,集满 5 颗爱心,即可捐赠给公益项目,另外可以完成多种任务来获得饲料来喂养小鸡;
②、点击蚂蚁庄园左侧的果树去种树免费领取水果,同样可以完成各种任务获得肥料,施肥促使果树成长,最终果实成熟就可免费领取真实的水果。
设计思考:
支付宝通过公益的方式已经让用户对蚂蚁庄园产生了很强的粘性。项目的受益对象都是弱势群体,比如留守儿童、残疾幼儿、贫困女性等等,并根据捐赠的爱心进行好友排名。虽然有一部分人做好事不留名,但不排除大部分用户都喜追求面子心理,总是希望自己最有面子,因为它可以带来一种荣耀和心理上的满足感,如果做好事能让他人知晓,会激励更多的人行善,因而用户排名起到了极大的用户激励作用。
最近,蚂蚁庄园增加了种果树功能,选择自己喜欢的水果种果树,通过施肥最终让果树成熟就可以免费领取真实的水果,在开始出现“免费领水果”的时候就已经激起了用户的贪婪心理。种植果树后,需要通过施肥促使果树成长,在成长的不同阶段需要的肥料也会根据基数递增式的增加,需要用户完成不同的任务获得肥料,可以完成的任务虽然很多,但大部分都是九牛一毛。
用户每天可以通过逛精选商品获得大量的肥料,进入商品页面,系统会推荐用户最近在淘宝浏览过相似类型的商品,停留15秒即可领取肥料,同时如果下单更可领取近乎10倍的肥料,促使水果成熟的更快。根据 希克定律:用户决策所需要花费的时间随着选择的数量和复杂性增加而增加。系统通过减少可供用户选择的选项以及为了“免费领水果”获得肥料而可能下单的潜在动机,推荐最近浏览过的类似商品,促使用户快速做出决策,以到达成交的目的。(PS:本人为了领取大量的肥料,已经买了好几次之前想买而没有买的商品)
16.「CCtalk」友好的弹窗提示
产品体验:
进入「cctalk」APP首页,底部会自动出现最近一次学习记录的弹窗小提示,点击即可进入继续学习,也可手动点击关闭,在没有任何操作的情况,时间达到5s也会自动关闭。
设计思考:
cctal」是一个重量级的产品,进入此应用的用户通常带有目的性,都是以学习为主,不至于是用户在漫无目的情况下进来娱乐休闲一番吧。进入首页的学习记录弹窗是介于toast与snackbar之间,延长了toast的显示时间,并加入了一个跳转链接,同时也可以关闭或自动消失,起到提醒用户作用的同时,又不影响其他的操作。
一个好的产品会在恰当的时间给予恰当的反馈,不反馈、反馈不及时、反馈不对都会让用户反感你的产品,从而失去用户。cctalk的弹窗提示正是在用户恰好可能需要的时间出现,让用户快速的达到自己的目的,非常的友好,同时也提升了产品的易用性。
17.「饿了么」便捷的购物车入口
产品体验:
进入饿了么首页,点击右下角的购物车入口,即可看到从所有店铺添加的商品一览,可进行一一结算。
设计思考:
相比以前,用过饿了么的用户都知道,每个店铺都是有单独的购物车,从对应的购物车进去才能完成结算。大部分用户在买商品之前,都会查看多个店铺相同商品的价格、评论、综合评分...等,根据性价比“货比三家”,但回过头来,需要来回切换去找到之前添加过商品的店铺,甚至查询不到,耗费大量的时间,非常的不便。
饿了么首页右下角新增的购物车入口很好的解决了这一问题,进入购物车,能看到之前添加过商品到购物车的所有店铺,可从列表中选择进行结算,节省了用户大量的时间成本,入口很巧妙的解决了用户在下单流程中可能会遇到的痛点,提升了产品的易用性。
18.「夸克浏览器」洞察人心的地址栏细节
产品体验:
①、夸克浏览器输入网址时,点击下方控制条图标,会放大左右控制区域,左右移动即可修改光标位置;
②、地址栏显示在键盘上方(屏幕中间位置),输入网址时的自动匹配结果由下往上的方式排列。
设计思考:
我们在使用移动端浏览器输入网址时,如果需要修改文本框的地址,需要用手指直接在输入框定位光标,相对很小的地址文本,要想将光标精准的定位在理想的位置,确实非常难。通过夸克浏览器的控制条左右移动定位光标,精准度提升了很多,避免了用户因光标定位错误造成的重复操作,提高了操作效率。
另外所接触的移动端浏览器,大部分的地址栏都设在屏幕的顶部。目前大屏幕尺寸已经是趋势,单手操作手机的用户比例占据最大,顶部和最底部的单手最难操作的区域,而夸克浏览器打破常规,将地址栏放在键盘上方,即屏幕的中间位置,是用户单手最容易操作和控制的区域,非常的便捷。网址匹配结果根据精准度由下往上排列也是非常合理。费茨定律告诉我们:需要连续操作的控件尽可能接近, 任意一点移动到目标中心位置所需要的时间,与目标距离正相关, 与目标大小负相关。
19.「微信」朋友圈消息重新编辑
产品体验:
使用朋友圈发布消息,发现有错别字,把信息删除后,点击重新编辑即可在回到消息未发布时的界面修改完成。
设计思考:
微信在最近一段时间真是大招连连,从之前一年一次的昵称修改到后面的拍一拍,接着又上线了朋友圈消息删除后重新编辑的功能,让很多网友直呼真香。
我们在发布朋友圈消息之后,发现有错别字或者需要增减内容,可以直接删除,在规定的时间内重新编辑再次发布即可。尤其是对于发布长篇幅消息的用户,没有复制消息内容就匆忙删除,再次从0编辑,心里的阴影面积不弱于“一万匹烈马奔腾”,此时看到重新编辑的入口,可谓是雪中送炭,不仅简化的交互流程,也省去了用户重新编辑消息的一系列麻烦操作,深得人心。
20.「58同城」举一反三的弹窗Tab栏
产品体验:
在体验58同城APP发布房源信息时,需要录入多种房屋选项,可以在一个弹窗的多个Tab栏中完成不同的选项。
设计思考:
在我们使用的众多APP应用中,不少接触关于信息选择的页面,如:填写地址选择地区、购物选择商品类型、退货选择原因...等,最为常见的操作方式就是选择完当前选项后,需要点击下一个选项入口,再次进入弹窗选择,有很多个分级。而58同城发布房源的选项,在进行设计的时候将多个分级放在同一选项,多个选项放在同一弹窗,有效的避免了选项太多造成的信息混乱,同时也解决了因多次弹窗给用户带来操作上的不便。节省时间操作成本的同时,也让路径变得更加合理简单。
21.「美团」首页金刚区图标
产品体验:
①、进入美团首页,金刚区面性类型的抽象图标给人眼前一亮的感觉;
②、金刚区多种分类入口可通过左右滑动切换,能快速找到自己想要的功能。
设计思考:
一个产品最具核心功能的就是首页了, 它承担了产品最核心的功能,决定了产品的属性和基调,而首页的金刚区最能体现产品的“骨骼”(产品架构),以方便用户快速进入对应的需求模块。通常我们见得最多的金刚区图标样式80%都是“底色块+图形元素”组合而成,而美团APP金刚区使用的面性图标,通过对现实生活中物体缩影的抽象图形进行色彩填充的图标样式, 清晰、简洁且统一,具有表意能力强、辨识度高的特点,提升易用性。跟其他产品大众化的图标样式相比,做到了差异化。另外通过单色叠加,更改透明度或叠加图层样式设计,视觉上非常通透,有空间感,细节丰富,品质感强,具有很强的吸引力,称得上是首页的颜值担当。
针对首页众多的功能入口,无法全部展示,大部分移动应用都会在金刚区的最后位置设计一个“更多”的入口。而美团则通过左右滑动的交互方式将功能分类全部展示,在视觉上更加聚焦。因为很多的图标具备相似性,使用列表展示容易混淆用户的视觉,降低图标的辨识度以及信息的传递速度,所以全部展示并左右滑动选择、分块浏览很好的解决的这一问题,不仅操作快捷,而且视觉传达的效率也得到了提升。
22.「iPhone」App Store引人注目的动效引导
产品体验:
使用iPhone移动端设备进入App store首次下载该应用,页面底部提示“通过侧边按钮确认”,屏幕右侧按钮位置备注“按两下以安装”,同时右侧的模拟按钮色块以动效的方式弹动两次提醒。
设计思考:
对于Apple产品,不管是移动端还是桌面设备,在视觉和体验上都可称之为魔鬼级别。下载应用时,右侧的按钮形状则是利用视觉线索进行示能,让用户通过图形,预期下一步的行为或感知图形的作用。通过动效提示方式更能吸引用户的眼球,也更能引导用户进行操作,真正做到的有温度、有情感的交流。
23.「腾讯QQ」隐藏在暗处的多窗口消息浏览
产品体验:
点击QQ消息列表进入聊天框,长按聊天窗口空白处,可以切换多窗口,左右滑动可切换好友/群聊窗口,上下滑动可查看当前窗口的更多聊天记录。
设计思考:
虽然现在大部分的用户都转战微信,但QQ作为社交应用的翘楚,光辉一直都没有退却,只不过QQ服务的用户群体较年轻,而且社交群体多样化,也更符合年轻化的气质。QQ的信息多窗口切换,看起来也是相当炫酷,切换时只需要在消息列表中,长按消息的空白处就能快速进入切换选项,丝滑般的快感,我们再也不需要使用返回信息列表再重新进入到窗口的多步骤操作了。
为此,你也可能会听到:“我赵日天表示不服哇”,已经不用QQ好多年,微信这么方便,难道它不香吗?其实对于真正需要的用户来说,这一功能还是非常的方便。不管是处于学习、工作还是闲聊吹水,QQ的群聊功能比较多样化,我们在浏览群聊天记录、爬楼、查找部分有用信息通过多窗口切换时是非常实用。
24.「中国工商银行」趣味的动效视觉引导
产品体验:
进入中国工商银行APP首页,搜索栏里的语音录入通过动效的形式在麦克风图形与音波图形之间过渡来回切换,提醒用户可以使用语音录入搜索。
设计思考:
目前很多移动端应用的搜索都增加了语音录入功能,为的是让用户更高效、便捷的完成搜索,不过大部分只是增加了一个麦克风图标作为提示。工商银行APP使用动效的形式在麦克风图形与音波图形之间过渡来回切换,首先动态的视觉引导,增添了趣味性的微交互更能吸引用户的眼球,也能够更好的引导用户操作。其次使用两个图标在识别性上是具有选择性的,扩大了用户在识别层范围的认知程度,也间接提升辨识度,两个图标过渡性质的切换,也也显得非常柔和,情感化的设计细节为产品增添了温度,提高点击率。
图标是一个对象或动作的视觉体现,最重要的意象属性就是传达含义功能,另外也是加深用户形象的最主要影响要素。麦克风图标是一个设备的抽象图形,音波图标则是使用设备时的交互过程,两个图标以动效的形式完美过渡结合,给我们的第一印象就是感觉这个功能再在向我们招手,在和我们对话,真正做到了有温度的交流。
25.「京东」适时的隐藏营造沉浸体验
产品体验:
在京东APP商品列表上滑浏览商品时,导航栏和全局筛选栏自动隐藏,存在下滑操作后再次展示。
设计思考:
一般情况下,当一些导航或者操作入口可能会成为打扰用户沉浸体验障碍时,我们就会把它隐藏,因为部分元素的存在,就会分散用户的注意力。基于用户的需求,京东APP的商品列表顶部有导航栏、全局操作栏、垂直内容筛选栏,加上状态栏,在移动设备中的纵向占比是相当的大,为了解决这一问题,京东通过改变交互的方式,当页面上滑,会隐藏导航栏和全局筛选栏,下滑后则再次显示。
在交互方面,做了这样的思考,当出现上滑的操作后,可以理解为用户已经开始在挑选商品,这时候搜索与排序的重要级下降了,搜索结果垂直内容筛选的重要级上升了,将等级较低的操作/信息适时的隐藏,可以让用户专注于当前信息,避免其他多余的内容产生干扰,同时也让内容区域高度增加,一屏展示的商品信息更多,增大商品触达用户的可能性以及屏幕的利用率。合理的运用了交互设计四策略-隐藏:尽可能隐藏需要隐藏的功能,其次在合适的时机、位置上显示相应的功能。
结语:
设计师需要养成体验产品的好习惯并将优秀的产品细节记录下来,加强自己的记忆,不仅能提升自己的语言组织和总结能力,也为日后输出优秀的作品当铺垫,对自己的能力提升以及未来的职业发展带来便利。
本期产品细节分享结束,我们下个月再见。
Powered by Froala Editor
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册