编辑导语:在设计UI的时候,很多小技巧正好可以提升界面设计的视觉效果和用户体验,细节往往很重要;本文总结了十二个小细节来改善产品体验。让我们来看看。
那些我们一眼就能过目不忘的产品,不一定是行业顶尖的领导者;吸引我们的只是一个小细节。如何将这些优秀的细节融入到自己的产品中,符合调性,需要一个长期的积累。

好产品从来不缺美。只要我们多加注意,这些美好的瞬间就会找到我们,为留住忠实用户打下基础。
1.“腾讯动漫”帮你记住上次登录的方法。
1.产品体验
在腾讯动漫我的页面点击登录,跳转到登录页面后,会提示上次的登录方式,方便您快速选择直接登录。
2.设计思维
随着互联网大潮的到来,每一个用户的智能手机都应该安装至少几十个APP应用;为了让用户更方便快捷的登录体验产品,大部分应用都提供了第三方账号,如QQ、微信、支付宝、微博、苹果…账号等。
由于不同的登录方式往往不会互通,会给用户带来不便,登录时会出现“我用什么登录”无法确定的困惑。
在腾讯的登录界面中,增加了上次登录方式的提醒供用户选择,方便用户快速记忆。此外,与上次相同的登录方式不需要重新授权,直接登录成功,简化了第二次登录的操作流程。
这种提示不仅减少了在登录页面思考的时间,还提高了用户登录的成功率,降低了使用门槛,增加了留存率。
二、“网易云音乐”歌词不同
1.产品体验
在网易云音乐的歌词页面,长按你喜欢的歌词进行选择,当前页面的所有歌词都会变为可选。选择您喜欢的歌词,您可以复制相应的歌词,查看歌词图片/视频。
2.设计思维
当我们听到一首好歌,尤其是一些喜欢的歌词,就会忍不住想分享给别人,或者发朋友圈记录自己的生活。这个时候,我们需要疯狂地敲击键盘;可能太长的歌词会浪费我们很多时间而放弃。
在网易云音乐的歌词页面,长按歌词,选择你喜欢的部分。通过复制,我们可以免去敲键盘的痛苦,直接粘贴转发给朋友或者发布给朋友。
选择性重现歌词,轻松一键生成,非常方便;解决了用户因文字输入而产生的惰性,在一定程度上减少了用户的操作时间,巧妙地提高了用户对产品的好感,增强了信任感。
三、“搜狗输入法”洞察AI朋友圈助手
1.产品体验
在微信发布朋友圈使用搜狗输入法编辑文字时,可以使用“灵感语录”推荐的语句直接发布;选择“AI会帮你写”,在文本框中输入关键词。AI助手会根据关键词匹配相应的语句,可以直接发布朋友圈。
2.设计思维
微信朋友圈不仅记录着我们美好的生活,也维系着亲朋好友之间的存在感和亲近感,比如:每天早上心灵鸡汤,买新衣服或者好吃的照片炫耀,心情瞬间变化……等等。不管什么原因,都不能否认朋友圈与我们的生活息息相关。
同时,还有一个问题。不是每个人都有很强的文案能力和很好的语言组织能力。对于比较文艺,又想得到别人认可,频繁发表朋友圈的人来说,总有词穷的时候。
搜狗输入法用非常人性化的方式解决了这个问题,推出了“AI好友助手”板,这是朋友圈的专属功能。编译朋友圈文字信息时,显示在键盘上方。
可以在“灵感语录”中选择自己喜欢的句子,直接发表。
如果没有找到合适的,选择“AI”帮你写,输入关键词。AI助手会根据关键词匹配相应的语句,通过改变一句话来搜索更合适的语句进行编辑发布。
有了“AI朋友圈助手”功能,再也不用担心自己词穷,想文案了。
有各种风格语录,有各种季节限定语录,有土味的爱情故事,有搞笑的段子,让你无论什么节日,什么环境,都能有合适的文案相送。
大多数人朋友圈的目的是让更多的人看到,不仅仅是炫耀自己的文采,更是让她/他看到一个更好的你;让喜欢追求面子心理的人带来荣耀感和心理满足感。
四。《每日优鲜》成员若隐若现的诱惑
1.产品体验
在每日优鲜的“我的”页面的会员版块,只能看到标题和开放会员按钮。点击任意区域下拉,就会出现隐藏的五个会员权限。松开后内容会自动上移并覆盖还原。
2.设计思维
在很多应用中,一个像“我的”这样的一级页面,会尽力在页面空中达到资源的最佳利用率,全方位展示重要信息,提供二级信息的获取。
每日优鲜会员功能,点击任意区域下拉,即可显示五位会员的权益。放开后内容会自动上移覆盖还原。
看似很小的交互细节,却抓住了用户的心,直接展示出来可能会被忽略,滑动式的动态交互更能吸引用户的注意力。
一般情况下,大部分用户不会主动点击类似付费开通的会员信息。
当用户首先看到会员的权益,就强调开通会员后的各种福利和特权,引起好奇和贪婪,吸引用户参与,激起开通会员的欲望;从而达到引导的目的,不占用页面空,额外提前向用户展示门户中应该有的内容。
容易看到的不一定是感兴趣的,俗话说“若隐若现就是诱惑”;此外,减少了不必要的页面跳转,降低了运营成本,提高了用户体验。
五,“JD。COM”任意商品列表样式。
1.产品体验
进入JD.COM APP的产品列表,可以根据自己的浏览喜好随时调整和切换垂直列表或网格列表样式。
2.设计思维
对于能在网上购物的用户来说,几乎没有网购应用小白。根据长期积累的视觉浏览习惯,目前看到的APP产品列表的主流风格是竖排/网格列表,基本上能被大多数用户接受。
这两种风格因人而异,各有利弊。对于专家主流用户来说,还是比较注重细节的,都有自己喜欢和满意的视觉风格。如果目前的APP应用不符合这类用户的心理预期,很可能会导致用户的流失。
虽然这样的主流用户很少,但是二八原则告诉我们,一个应用80%的收入都来自这20%的主流用户。
JD.COM APP在这一块很好的避免了这个问题。进入商品列表时,可以根据自己的浏览喜好随时调整竖排列表或网格列表样式;无论用户偏好哪种浏览模式,都可以随时切换,方便灵活。
另外,专家主流用户一旦喜欢上一款APP应用,就不会随意卸载更换,忠诚度极高。
JD的这个小细节。COM的商品列表切换风格,既避免了用户的流失,又提高了产品的易用性,在一定程度上增加了用户的忠诚度。
第六,“支付宝”方便小程序切换
1.产品体验
在支付宝小程序中,长按右上角的关闭按钮,会弹出8个最近使用的小程序。点按以快速切换到其他小程序。
2.设计思维
随着消费互联网时代的格局越来越清晰,大型互联网平台需要在各个领域垂直发展,以进一步提高自身的资源整合和服务能力,而小程序就是一个重要的方式和手段。
目前大部分用户也集中在这些一线互联网平台,免下载、轻量级的小程序受到用户青睐;所以支持小程序开发的公司一直在为用户提供更加便捷高效的服务,而没有不断探索。
长按支付宝小程序右上角的关闭按钮,会弹出最近使用的小程序,按使用时间顺序排列。点击即可快速切换,免去了用户关闭当前小程序,重新进入其他小程序的例行麻烦操作。
对用户来说,关机是一种使用中断,即“开始~结束,又开始~结束……”,但长时间按关闭键关机有一个一致的“开始~ ~结束”;更有利于用户的沉浸式使用,避免因使用中断而离开,在一定程度上可以巧妙地留住用户继续使用。

有时候换个思路做产品,可能会得到不一样的结果。
七。“酷狗音乐”直播导航的自定义排序功能
1.产品体验
在酷狗Live音乐模块顶部的导航栏中,点击下拉展开分类,按类型名称拖动进行自定义排序。
2.设计思维
主流的音乐和直播平台通常信息密度较大,因此对内容进行分区非常重要。
不同的用户对内容有不同的偏好,所以页面的标准化分区表排序并不能在真实的使用场景下为所有用户提供最好的体验。
酷狗音乐将直播模块的顶导分类设计成用户可自定义的模式。单击下拉箭头,将出现类别列表。长按类别名称,直接拖动到想要调整的位置,就可以自己安排类别的顺序了。
简单的拖拽动作直接易操作,提示信息也为用户的操作提供了清晰的指引,灵活的定制机制,给用户带来便利的同时也感受到了更感性的定制体验。
用户每次进入,都能快速找到自己想要的内容,提高效率、用户粘性和活跃度,加强产品在用户心目中的辨识度。
八。“悦跑圈”首页右上角动态签到提醒
1.产品体验
进入悦润圈首页,右上角会有一个日历/列表图标,以动态效果的形式来回切换,吸引我们触发签到;完成签到后,回到首页,右上角只显示一个列表图标,图标上加一个复选标记。
2.设计思维
签到功能基本上是现在很多应用中最常见的功能。主要是通过持续签到奖励用户,并给予一定的签到礼品作为回报,增加用户粘性和使用频率。
不过视觉交互都差不多,基本都是通过签到入口进入。即使完成签到,领取奖励,不深究细节,转化率也会降低。
悦泉通过双图标和动态效果的视觉引导吸引用户签到,相比静态签到入口;相比静态,动态更醒目,视觉注意力增加,视觉冲击力更强,趣味性表达也有所体现,可以引导用户更好地操作。此外,动态效果还可以提高产品的温度,提高用户的签到完成度。
签到完成后,右上角只显示一个列表图标,并添加一个复选标记,与签到图标不同;为了更好的提醒用户已经登录,避免因为忘记是否登录而再次点击的无效操作,节省用户体验更多其他功能的时间。
九。腾讯QQ和微信底部带有不同聊天框的工具栏
1.产品体验
QQ底栏:语音/图片/照片/红色envelope/emoticon/⊕扩展,5个置顶常用功能+23个扩展隐藏功能;微信底栏:voice/emoticon/⊕扩展,2个常用功能+11个扩展隐藏功能。
2.设计思维
在社交产品中,微信和QQ一直占据第一和第二的位置,遥遥领先。虽然同样是即时通讯产品,但是为什么微信和QQ的底层输入栏差别这么大?
在QQ的口号“开心每一天,沟里沟里都有联系”中,强调的是沟通,也凸显了快乐的重要性。
QQ用户年轻,社交群体多样。所以发表情、变声、相机滤镜表情、红包都有不同的作用,增加交流的互动性。也要满足年轻人在基础交流上对新事物的探索。
根据不同的用户,在功能的表达上有明显的差异。QQ功能更是“免费”,直接展示功能吸引用户使用。这样的底层功能在变化上更符合年轻化的气质。
微信主要是作为熟人社交。在传播过程中,更注重传播的效率和专注度,目标和主题相对明确。
微信面对的,尤其是中老年用户,学习成本不能太高,所以不适合太多内容,避免对用户的打扰或误操作,需要调性更加稳定,懂得克制。
在表达方式上,懂得“收藏”,弱化次要功能,强化主要功能。
其实在设计中,没有绝对的标准。在设计类似产品时,我们需要适度参考或借鉴。不优秀的视觉表现就一定适合我们自己的产品。
重要的是我们有没有主动去了解背后的逻辑,面对的用户和公司的产品策略,考虑是否适合现在产品的调性,而不仅仅是视觉表现。
X.优酷的高效浮动窗口设计
1.产品体验
在优酷的视频播放页面,可以将当前播放的视频调整为浮动窗口播放。使用其他功能时,视频播放不会受到影响。
2.设计思维
在这个信息爆炸的时代,很多正在发生或即将发生的重要信息都会通过各种渠道呈现给用户,视频也不例外。
我们在看视频的同时,也在看视频其他方面信息的延伸,比如吃瓜群众不同意见的评论,或者为了节省时间提前找下一个视频。
这个时候,我们面临一个很大的问题。我们需要在观看其他信息时暂停当前视频,以避免错过精彩瞬间,我们需要在寻找其他视频时退出当前视频。尤其是对于没有开通VIP的用户,近百秒的广告足以再次放弃观看;这个时候,一个产品如果能节省用户的时间,无疑就占了先机。
使用优酷App观看视频时,可以点击相应的图标,将当前播放的视频调整为浮动窗口播放,这样浏览其他内容完全不会影响当前的视频播放。
如果任意拖动浮动窗口,它会自动吸附在屏幕两侧,随时可以关闭。
点击悬浮窗口再次返回视频的播放详情页,减少了用户的很多操作步骤,节省了时间和成本,同时也避免了用户因为需要再次播放而放弃的可能,延长了用户的使用时间,增加了用户的粘性,使产品进一步得到用户的认可。
XI。“高德地图”团队开车|边开车边聊天
1.产品体验
使用高德的自驾地图。设定好起点和终点位置后,选择组队出行,可以随时查看自己和队友的距离。车队行驶过程中,可以随时和队友通话,方便沟通,单个语音消息不能超过30秒。
2.设计思维
提到高德地图,我相信我们每个人都会很熟悉。可以用来日常导航,也可以用来打车。一次性调用多种型号,非常方便。
背靠高德阿里,服务功能非常强大,路况信息可以快速更新,是城市/户外导航的不二之选。
即便如此,它也从未停止,一直在不懈努力,为用户提供更好的服务。
高德地图推出了“组队”模式。设置导航路线后,可以选择“组队”选项新建队伍或者直接输入别人共享的密码加入队伍;这样,春运团队回家或者自驾出行,在一群人的情况下,可以为用户提供实质性的便利,你可以在地图上的导航地图中看到其他同行队友的行车情况。
10.55.1版本更新后,推出语音消息对话功能,方便沟通。当同伴走错路时,可以及时提醒和沟通,避免自驾过程中出现有人掉队的情况。
十二、“淘宝”让人欲罢不能购物车满减、优惠券提醒。
1.产品体验
淘宝将自己喜欢的商品添加到购物车,并前往购物车结算后,通过增加商品达到满减条件,可以减少相应金额,同时还可以领取店铺优惠券,在跨店满减的同时享受双倍折扣。
2.设计思维
淘宝作为目前最主流的电商平台,在用户心理的研究上下足了功夫。每当我们可能放弃购买的时候,就会得到一剂猛药,防不胜防。即使我们离开了,它也有能力让我们回来。

购物车是决定用户转化的关键位置。淘宝首先根据大部分用户的心理,通过满减让利来吸引消费者。减免金额越高,越能引起用户的关注和购买欲望。然后通过店内优惠券,再次引爆用户的感性消费欲望。
当双重折扣聚集在一起时,这种占小便宜的心态就会升级为贪婪,不仅会提高转化率,还会促使用户选择更多满足全额折扣条件的商品,而不管这些商品是否是为了自己的需求。
下单成功后,会让用户觉得便宜,增强用户粘性,给用户带来心理满足感。
本文由@沙漠之鹰原创发布。每个人都是产品经理。未经许可,禁止复制。
来自Unsplash的图像,基于CC0协议。


