赞助商
立即赞助

微信8.0改版!聊聊那些润物细无声的细节体验设计

产品设计3年前 (2021)发布 流光
2.1K 0 0

这几天朋友圈被微信的 8.0 彻霸屏了。

我也赶紧新了微信,看看到底哪些惊喜的功能,一始冲炸弹、花去看的,但由于这种形式之微信里就已这雏形了:发送“日乐”会蛋糕飘下,且游戏、直播App 中这种形式也已非常常见,只不过多了一震动的体验,所以并让我特别的惊喜…

是!趁着休息日,我又认真体验了新版本,真让我惊艳到了!所有感受聚在起是:润物细声!

根据改版中的变化,总结了个重要点:

  • 设计越来越温暖心
  • 细节互动体验越来越细
  • 简化用户思考,引导明确目标
  • 浏览信息更友好

设计越来越温暖人心

1. 引导页

首先来说说引导页,微信作为全民应用,有自己调调,看似简单却引深思,比如微信 6.3.5 引导页:

微信8.0改版!聊聊那些润物细无声的细节体验设计

微信 8.0:

微信8.0改版!聊聊那些润物细无声的细节体验设计

而这除了体保持以往调调,增加了「随」动态效。在这里我特意标注了「随」俩,为除了刚下载后打开可以看到这几页,微信在「设-关于微信-欢迎页」仍保留了查看入口。而我意了两居然发现了其惊喜:进去颜色居然都不样,为这个我特意尝试了十几,前几颜色跟我看到环境颜色都常接近,我时脑海闪现出个想法:我看见 你看见!难是根据用户看到环境色而变换颜色么?不过最后几并没有验证我这个想法,虽然有小失望,是随变化颜色,已经说明团队常用心了,大家也可以去尝试玩下,真是把颜色运用到了极致。

微信8.0改版!聊聊那些润物细无声的细节体验设计

微信8.0改版!聊聊那些润物细无声的细节体验设计

微信8.0改版!聊聊那些润物细无声的细节体验设计

微信8.0改版!聊聊那些润物细无声的细节体验设计

微信8.0改版!聊聊那些润物细无声的细节体验设计

微信8.0改版!聊聊那些润物细无声的细节体验设计

有没有被美到呢!我们再来看下文案:

我看见你

见笑脸

我看见烟花

我看见一首歌

我看见所看见的

满满的都活中的细节感受,尤其活节奏越越的今天,这种文案能触动人,引起中的温暖向往,通过后一句我们可以看出微信今后的战略方向——视频,也算视频的力发展了一垫。

2. 个人状态功能

人页面增加了「状态」的功能,越越贴近实活的场景,右角的拍摄小视频则被收了「状态」里。

其有两个细节惊喜:

状态颜色是随,设计的念跟引导页一样,点击「状态」按钮进后,颜色都一样,同的渐变颜色总会给到一样的惊感觉,户眼前一亮

微信8.0改版!聊聊那些润物细无声的细节体验设计

另一个细节知道大有没有注意到,那就是「状态」按钮的颜色,一开始我点击了几次,发现按钮颜色一样,但是非微妙,仔细看很难发现,后来才到了规律,原来,按钮的颜色是跟里边页面颜色是一致的,如果点击之前按钮是蓝红渐变,点进就会是蓝色跟红色的渐变色!从这个细节可看,微信研发人员的感情是多么的细腻呀,佩!

微信8.0改版!聊聊那些润物细无声的细节体验设计

过在这里我想几个优意见:

编辑状态中必须写完文字可以发布,这样就增加了用户发布状态的负担,一始我点击「滋滋」,以就会直接发布这状态,但到还得写文字,就产了一点抵触理;如果还让用户填写文字,那么否可以「话题」下方给到一些文案提示呢,比如“我很、滋滋”一些表性的文案,这样也减轻了用户思考的负担,「话题」这也比较鸡肋,还不如直接下方罗列出门话题,这样给用户直接的选择好。

加入动态效会更好:比如我选择了「美滋滋」后,朋友到我主页去看时,这个笑脸会动态笑下,是不是会更加形象有趣呢。

状可见功能中,只有「公开」或者「不给谁」,觉得是否可以增加一个「给谁」,当然这是个人的需求,因为现在好友其实并不是真正的好友了,有些所谓的「好友」都不知道名字,像是文字状无所谓,但是拍的生活视频,就会只想给最亲的人,那「不给谁」的人数实在多了,还得一个个去选择,有点麻烦。

状态成功是否以有编辑状态的功能;使用场:我拍视频成功,想刚刚忘加模糊效果,想着编辑一下,但是一点击状态出现的弹窗中只有「设个新状态」和「结束状态」,所以只重新又拍一个,增加使用负担。

微信8.0改版!聊聊那些润物细无声的细节体验设计

细节交互体验越来越精细

1. 在丰富视觉效果的同时,加入了触觉振动反馈

视觉

比如刷爆微信群的炸弹、花、庆祝的视觉效果,且其他自表优化了样式的同时也都添加了动效效果,视觉加震撼,也迎合了人们沟通的表方式;另外还我面讲的状态页面的视觉设,表形式越越细腻,这里我就不复述了。

微信8.0改版!聊聊那些润物细无声的细节体验设计

触觉反馈

实随着在 iOS 13 Haptic touch 的现,个别 APP 上了一些触觉反馈效果,如易闻的标签栏图标与点——点击图标会有触觉振反馈,另外还有腾讯闻的标签栏等等。

我们五官感受中,互联网产品连接紧密的就视觉、听觉、触觉,触觉能够传递的信息受限的,通常只视觉信息的 1 %。但,触觉对人类的感体验又不可或缺的,贴近活中真实的互动。所以丰富视、听效果之外、触感的体验也越越重。这次微信的触觉反馈的添加,也引导了产品体验今后发展的方向;

下我们看看微信触觉反馈具体应用:

表情互动中的炸弹,发送一个,随着爆炸效果机就会产生振动,互动知更。不过好奇的是为什只有发一个会有爆炸效果,而发多个数量就没有呢,来个一串的轰炸体验岂不是更好?不知道大家有没有常发这个表情,像一就会发续好个或者续好个菜刀,觉这更能表达当的心情。

常规页面的运用:首页下拉刷新页面、扫完二码有触感、浮窗页面拉出同时有震动的触、点赞朋的状态也有感

2. 同状态朋友之间的互动加强

例我的状态是「美滋滋」,朋中相同状态的就显示在笑脸的右,点击就进「美滋滋」的列表页面,以点赞朋的动态,强化朋间的互动关系,而且种同状态下的互动,更加感同身受,更具有意义。

微信8.0改版!聊聊那些润物细无声的细节体验设计

3. 聚焦重要信息

不知道大家有没有注状发布成功后,个人息状之间有一条浅浅的割线,从这个割线也可以出队的细节体验非常位,割线以上点击任何地方可以编辑息、割线以下点击任何地方则可以编辑状,通过交互来减少不必要的素,不但保持页面美观的同,也让用户更聚焦在重要素,而并不是在页面罗列出一个常规的「编辑状」按钮。

微信8.0改版!聊聊那些润物细无声的细节体验设计

简化用户的思考,帮用户明确目标

「看看」热广场去掉了要闻,而是以大卡片增加了「今日必看」

微信8.0改版!聊聊那些润物细无声的细节体验设计

这让我想起了前看过《史柱自述》史柱所讲“用户需求八针”“目标”需求:

玩家来说,在任何个时节上,都应该有目标;在任何个时节上,都应该短长期目标三者时存在。玩家旦失去目标,那是常危险。《史柱自述》

虽然这句话并不是完全适用所有品,是,我觉“目标”这个需求在现在社会是有很强引导作用,而「今日必看」目标性常明确,会强化用户有事可做心理,形增加了「看看」这个功能在用户心分量感。

对获取信息的用户更加友好

1. 浮窗数限制了

首先家下我之使用微信的习惯,微信对我其实已不仅仅一保持联系的具,它一知识收集平台;微信除了公众获取信息之外,全网看到的优秀内我都会把链接转发到微信,看完的会收到浮窗中,看完后觉得挺不错就会收藏。一始用浮窗的频率还挺高,但后使用就很少了,主因 5 的数限制,每次我拖一之先关掉一,但我都看完,怎么办呢,先弄到收藏再看,所以后面我脆就不用浮窗,直接收藏,免得麻烦。但收藏就一弱点:就隐藏太深,每次点击好几层能点文章阅读。

所以,浮窗取消数量限制于我来说真解决了个大痛,于像我这样用户简太友好了。

微信8.0改版!聊聊那些润物细无声的细节体验设计

2. 下拉刷新浮窗内升级

下拉刷新浮窗新增加了未看完的视频文章,这一点看出对获取信息的用户加友好、便利,不过我人觉得不右侧的浮窗功能些重合了,所以对我可能使用频率不会很高。

微信8.0改版!聊聊那些润物细无声的细节体验设计

好啦,以便我体验 8.0 的一些感受,欢迎家继续补充哈

本文首发于微信公众号:胖小魚设计小栈,欢迎关注

微信8.0改版!聊聊那些润物细无声的细节体验设计

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

什么是用户体验设计?有人说是可用性、易用性,有人说用户体验本质是实现商业价值,有人说是以用户为中心,解决用户需求问题...
Facebook 设计
电商类 App 是日常使用频次非常高的应用,它们的每一次更新改版不仅是业务的拓展、用户需求的满足,同时也是消费趋势的引领与...
App分析
我们在分析产品设计的时候,会去思考这些产品为什么这么设计?微信作为国内头号产品,经常会被当作分析的对象。那微信为什么...
产品设计
项目背景 曹操出行是由世界500强车企吉利集团布局「新能源汽车共享生态」的战略性业务,秉持「低碳致尚、服务至上」的核心价...
实战复盘
始终围绕用户目标做设计决策,根据功能优先级做出不同的设计形式,强化核心功能,是一篇非常棒的细节优化方向参考文章。内容...
信息层级
在互联网快速发展的进程中,越来越多人将个人财产、隐私、数据,以及心理安全都存放在产品平台上。这么一来,想要产品获得用...
产品细节
郁剑华:回顾对于一个较大型且历史包袱比较重的项目我们是如何去做改版的。 一、背景 · 问题 起点是一个有着16年历史的原创...
App改版
经常听到有人说,自己刚做设计,又身在小公司,不懂得正确的设计流程,也接触不到大公司设计的迭代过程,总觉得自己设计流程...
可用性测试