童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

解析新版微信的视觉、体验和场景

7月15日 罗刹长投稿
  微信新版本更新,接踵而来的是各种针对微信大改版的评议,我也不能免俗,必须跟一波热度。
  在大致体验了一下新版微信之后,从视觉和核心场景的体验角度说一说自己的见解(疯狂截图中)
  一、视觉
  1。配色
  先从视觉角度说起,改版后第一引入眼帘的是、我们每天都要看n遍的logo品牌色做了略微改动,从纯色底变成了之前就开始流行的微渐变,这也是微信追随潮流并向年轻化踏步吧,因为很多00后大部分还是用QQ居多,咱们90后的“老人们”一直用微信不代表年轻人都用微信了。
  我们更新之后进入app最明显的感受应该就是,原本厚重感的配色消失不见了,这也是微信进军年轻化的一个标志,品牌色绿色、底色的蓝灰色、分割线的颜色、标签栏的图标文字颜色都进行了优化。
  2。留白
  除了颜色的耳目一新之外,再最显眼的应该就是留白了,因此看起来比之前阅读起来更加流畅,页边距、底部标签栏高、分割线左边的留白等,都随着整体进行了增加,使得页面的呼吸感更加自然,阅读信息更加顺畅高效。
  比如“我的”页面,反正下面原本空白区域那么多,留着也是留着,一时也不会增加新业务(我估计三年五载也难得加),还不如往下扩张。
  3。图标图片
  第三让人印象深刻的就是万年不变的图标,终于变了!
  其实变化也不大,发现页面的功能图标从面性变成了线性的,至于线性面性也各有各的特点;这里不客观的评论好坏,但是标签栏图标,原本为选中的状态颜色比较淡,更新后的图标颜色做了加深和加粗,看的更加清楚了。
  新版本还是比较讲究识别度的,比如通讯录页面好友头像的大小,也做了适当的放大。
  上图中通讯录的头像尺寸放大了,但是我发现微信消息列表页面的好友头像,尺寸并没有变化,这是为什么呢?
  设计师懒了?当然不是。
  因为用户场景是这样的:通常我们在消息列表页面的时候,目的是回复消息,或者找到最近联系人发送消息。
  但是我们真的要找一个好友的时候,尤其是最近没有联系的好友,消息主页是不便寻找的,一般都会去通讯录去找;如果不用关键词查找或者不记得关键字。
  通过翻阅去找一个好友,我们除了通过看名字,也不少用户群体是通过头像记忆去识别出自己要找的好友;这时候,头像的识别度就比消息主页的识别度重要的多了。
  这也是为什么微信更新后消息主页头像尺寸不变,而通讯录页面好友头像尺寸变大了的原因吧。
  微信针对用户场景做的细节体验提升,真是到位。
  4。文字
  继前面的识别度优化之后,朋友圈内容下方的时间文字,还有对自己朋友圈的操作文字也增大了,一是识别度提升,二也是更容易点击,易用性提升。
  更新之后的微信一些二级页面的导航栏,返回button后面的一些文字都做了省略,可能大家在体验上已经完全习惯了这里就是返回,而大程度的减少不必要的内容,减少信息干扰吧,也保持页面的清爽。
  旧版本中群聊的清空聊天记录是普通选项的样式,而在新版微信中,“清空聊天记录”和“删除并退出”是同样的样式并且是红色的字体,因为两者都属于“高危选项”,做成红色字体提示更能区分开并且警告,提升了产品的防错性。
  二、功能(体验)层面
  1。强提醒
  在跟好友的对话页面,点击右上角的更多,就可以跳到这里,这里很明显的增加了一个强提醒功能。
  勾选之后,三小时内,该好友发来的消息,手机会收到全屏的提示,并且伴随着手机震动,如果在锁屏页面,还会出现不一样的铃声并伴随长时间震动。
  这个新功能我认为还是不错的。
  有的同学刚更新,可能对这个功能一脸懵逼,不知道啥时候用这个功能,我个人认为这个功能的用户场景,虽然不是常用,但却可以有效的解决问题。
  举个栗子:
  你是否经常会有个重要的事情要等回复,比如有个大客户要来公司谈业务,但你手头上在忙其他很多事情,或者微信正有很多消息要回(尤其做微商的)。
  在这个时候,你是否需要反复的查看客户A是否给你回消息了,或者担心忽略了客户B跟你说已经到楼下了;我们是否需要反复从其它事情中跳出状态来看对方是否回复了你,或者可能会忘了随时可能发生的事情。
  这种场景下,我们需要一个特别的提示,这个提示需要足够强大足够明显,同时不会被其他普通消息给混淆、同化。
  在这样的场景当中,全屏的提示有足够的干扰性:
  我们在回复一些不重要的微信时候,不用跳回到消息列表,就可以知道我等待的重要消息来了。
  如果手机不在手上看着,在忙别的,强提醒来了会有长时间的震动和不一样的铃声提醒,就像来电话了一般的强大打断性,并使我们不用看手机,就能分辨来的消息是不是自己一直等待的重要消息或回复。
  如果我在开车,手机普通的蹬蹬蹬,我可以不用理会,如果是强提醒的清脆铃声响起,我们可以马上拿出手机及时做出回复(我可没有诱导大家在开车时候玩手机)。
  2。视频静音
  当然不是说朋友圈的静音播放啦。
  更新之后的微信好友如果用了新功能“小视频拍摄”,那么在他好友资料这里,顶部背景封面是小视频的部分封面,我们下拉的时候可以直接观看好友最近拍的小视频;但是在下滑的时候,左下角会出现静音播放,把手指拖到这里松开,播放好友视频的时候,就会进入静音模式。
  遗传了之前朋友圈的静音播放功能。这样我们就可以在开会的时候偷偷刷好友的视频啦。
  3。音视频通话
  唉,打字真累,还是发语音通话吧;
  咦~语音通话呢?怎么只有视频通话?音频呢?
  这应该是过去的一些用户碰到过的问题:音频通话的提示隐藏在点击视频通过之后;更新之后的这个页面,把视频通话的button改成了音视频通话,也就是对“音频通话”功能的提示做了透出,很直接的提升了可用性。
  4。钱包支付页
  微信支付已经从支付宝手里抢到了一大块市场,我们对微信支付这个图标潜移默化的形成了记忆,微信估计也针对支付这一功能做出了明确定位,大部分用户在这也主要是用的是支付功能,所以对这里的命名和图标做了改变。
  我们经常用微信支付的朋友应该也清楚,我们进入这个页面,通常查看和使用频率最高的还是收付款和零钱,而银行卡其实是一个使用频率特别低的功能,估计就是因为这样,微信就把“银行卡”从最重要的此页顶部转移到了更深的层级页面中,也就是点击钱包后进入的页面。把零钱改成了钱包,而零钱和银行卡都属于钱包里面的,更新后的命名也确实更到位了。
  5。看一看
  被发现页面的“看一看”红点诱导进来,发现这个页面也做了内容改版,现在会把一些优质的朋友圈内容转移到这里,以免错过精彩内容吧,可能是在无聊内容泛滥的朋友圈区域,提高朋友圈优质内容的互动率。
  具体怎么个算法展现到这里,目前没有去做研究。
  6。时刻视频
  点击我的页面右上角的button,或者直接下拉页面,就可以进入时刻视频的拍摄页面。
  这个功能应该更倾向于喜欢记录生活和晒朋友圈的用户,这里进去之后拍摄的视频,可以替换音乐,添加图纸和文字等都很方便。
  但是有个小细节个人觉得需要优化:当我第一次下拉我页面,进入提示可拍摄视频的时候,我并不明确的知道我该如何返回,返回按钮那里没有显示,至少我们是看不见的,虽然可以点那里返回,或者上滑也可以回去;但这些都没有明确的“路标”。在看自己拍摄的视频的时候,也没有明确的返回。
  而且我拍摄的视频想删除,只能通过长按视频的方式,这种操作也隐藏的比较深,一般不容易被发现,用户需要思考去猜测才能发现,不过微信的想法应该是想让视频更加有沉浸式的体验吧。
  三、结尾
  当然还有一些细节和功能我没有写出来,比如一些button样式的变化、表情包部分自拍单独移出处理,、拍摄了时刻视频的好友会出现与圆圈提示、群聊显示群好友视频的圆圈icon标记等。
  我主要总结的是一些能体现微信用心优化的案例和一些较好的创新,但其实我们基本已经可以从中体会到微信对于体验设计方面的用心良苦和大胆尝试。
  张小龙在朋友圈发的内容,是不是在诠释新版的闪开屏界面呢?不过开屏的这朵花叫波斯菊,波斯菊还有一个名字:“张大人花”,好吧,张大人的微信哈:
  张小龙在朋友圈发的内容,是不是在诠释新版的闪开屏界面呢,不过开屏的这朵花叫波斯菊,波斯菊还有一个名字:“张大人花”,寓意是张大人的微信吗?
  哈哈,最后想说的是:有人吐槽有人夸赞,当初ios12更新也有一大堆人吐槽不断,不过世间万物总会变化,我们也应该抛弃习惯了的审美和部分习惯,去迎接每个新事物。
投诉 评论 转载

Protopie实战教程:数字自增效果本文主要介绍用户查看个人账户资金或者积分的时候,资金从0开始增长的效果如何制成,enjoy在很多应用中,用户查看个人账户资金或者积分的时候,可以看到资金从0开始增长的效果……App与Web的设计区别(上):使用场景与设计方法从使用场景和设计方法来看,App与Web的设计有什么区别?早前,总是遇到问“Web设计”和“UI设计”分别做了多久?之类的询问,文章开始之前,我们先来聊聊什么是UI设计。……解析新版微信的视觉、体验和场景微信新版本更新,接踵而来的是各种针对微信大改版的评议,我也不能免俗,必须跟一波热度。在大致体验了一下新版微信之后,从视觉和核心场景的体验角度说一说自己的见解(疯狂截图中)……视觉设计师要如何使用用户体验地图?用户体验地图能在做产品设计时,更好的帮助参与的每一位成员更好的了解产品,更好的掌握产品的大局观,共同创造出好的产品。用户体验地图(CustomerJourneyMap)是……交互设计常识设计常用模型分析(一)“工欲善其事,必先利其器”;作为设计人员来说,设计方法和设计模型就是辅助我们更好做设计的利器。就像厨师做菜时候的菜谱一样;面对新的菜种,能更快指引我们做出味道不错的菜肴。……设计师需要经历的几个阶段本篇文章的意义:如何站在更高更远的视角,战略性的推算现在和将来要发生的阶段,并将对应的阶段提前做好准备并付之于行动,以缩短进步所需要花费的时间。大家有没有想过设计师3年、……你必须了解的色彩变量饱和度亮度为什么别人的界面色彩设计牛逼?先来了解一下饱和度和亮度这两个色彩变量吧!前言色彩的饱和度和明度是我们进行色彩设计最经常使用的两个变量,但却不了解它们。在色彩设计的时……从列表式UI中升华探讨:卡片式UI有哪些创新点对于传统企业端应用而言,列表是最重要也是使用频次最高的设计元素,列表式设计有很多优点才会使之有广泛的应用,但是相应的列表式设计也存在很多缺点,在越来越追求极致体验的大背景下,我……一个与工程师精准沟通的利器FSM表格处理UI状态变化的设计很麻烦,因为要为了一个组件做多种变化很苦恼。但后来发现,其实设计本身一直都不是状态设计的痛点,东补西补缺漏的状态设计、以及精准地告诉工程师什么时候要怎么做……Protopie教程:登录页转场特效本篇教程将展示如何使用Protopie制作一个登录页转场特效O()O一、最终效果二、知识点场景:使用添加场景功能,可以制作包含多个页面的原型;设计复……Protopie教程:如何制作悬浮按钮本篇教程将展示如何制作悬浮按钮特效,enjoy一、最终效果二、功能点介绍单击旋转移动条件三、制作过程1。首先我们来看一下,本案例……Protopie教程:邮箱验证特效本篇教程将展示如何使用Protopir制作一个邮箱验证特效,enjoy一、最终效果二、知识点在本次教程中,我们用到了一个新的知识点:监听条件。监……
像素艺术互动传媒带你进入网络的互动视界从混乱到秩序关于比例与构成的设计探讨妄想or未来?界面的虚拟现实化整整合合IntegratedDesign创意与公益触摸未来的QQ概念版设计秋风萧瑟,洪波涌起,QQ电脑管家冷漫秋袭越简单越丰富极简网页设计视觉呈现技巧当视觉设计师遇上产品经理、开发工程师。Hello!404iPad拟物化设计的博弈浅析水利工程建设与水利工程管理多喝水到底是养肾还是给肾添加负担?小儿喉炎的症状及预防伤过痛过哭过的句子根据我国法律的规定非法集资属于洗钱吗?1t固态硬盘多少钱(金士顿1t固态硬盘价格)药流多久流血(怎样确定药流是否干净)沂南今日蛋价多少男人阴茎增长秘诀有哪些黑芝麻和香蕉能同吃吗香蕉可以做豆浆喝吗为书而打工作文医疗事故强制责任险内容包括哪些

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界