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

从交互角度分析微信改版

3月11日 孤行者投稿
  本文主要从交互设计的角度去分析微信此次的改版变动,希望能对大家有启发
  前言
  就在昨天,微信大版本更新,从6。4。77。0,本文从交互角度分析此次微信更新。
  一、界面改版
  整体比以前舒服了许多,之前的灰色脑袋终于去掉了,一下感觉微信变得轻快了许多,整体的视觉美感要高于旧版本。
  再看图标的变化,主色明度稍有降低,显得更轻快,但是少了一些稳重感。为了平衡稳重感及长期使用的舒适感,底部标签、聊天ICON等都有整体加粗,加深。
  列表整体宽度、聊天消息高度、文字大小、都在加大加宽用户点击起来更加舒服。
  【我】【发现】面性图标改为线性图标,与文字与底部标签一致性高,更利于阅读。
  1。界面改版总结
  优点:内容更加清晰、直观。整体一致性完整,更加美观。操作感更强,操作更方便。
  不足:顶部标题栏上的按钮反而缩小了一点点,虽然点击区域还是很合理,但是因为其它地方整体的变大,顶部点击时的舒适度稍有不足。
  整体改版还是很成功的。
  二、好看【看一看】
  公众号文章,下发本身的“点赞”改成了“好看”
  这个改动大家可以简单的理解为:对公众号文章多了一种类似于微博的转发方式。
  但是区别在于,这里是:点赞转发“好看”,然而这个入口就是“看一看”。“看”与“看”的联动,使人更容易记忆。(其实和很多APP“我喜欢的、我赞过的”基本类似的功能。)
  1。优点
  增加分发,提高公众号内容传播。
  用户可以更快的找到自己喜欢的文章,而不是在收藏中寻找查找。
  可以和朋友产生共鸣,寻找共同喜好,增加粘性。
  2。缺点
  个人感觉,点赞的功能还是应该保留。可能会有一部分用户不希望把自己喜欢的内容分享在看一看里面的。同时点击“好看”的成本要高于“点赞”,目前还是需要2步操作的:好看输入想法确定。
  点击“好看”后的提醒:朋友将在看一看看到;其实我根本不知道看一看这个东西。文案改成“朋友将在发现中的看一看看到”会更好些。
  取消点击好看,还会给出这个取消删除的提示;相当于一个点击就把用户的分享想法直接删除掉,个人感觉非常不友好。
  3。“好看”总结
  “好看”功能应该是微信探索摸索的一个功能,目前看来细节上可能存在一些不足。
  但是这种探索的方式,我们可以吸取一些思路,在一个功能已经非常成熟的APP中,我们在做交互时,应该如何寻找一些联动关系,以及一些交互方式。做到小改动,大影响。
  三、时刻视频
  “记录眼前的世界,给朋友的视频{冒个泡},告诉他你来过”这是更新说明中的原话。首先目前来看,这个【时刻视频】是和其它短视频有区别的,因为在微信中,所以不同。
  时刻:多个每个存在一天;主要针对朋友、群聊朋友。
  短视频:多个永久存在;针对大众。
  其实这是一种完全新的方式,也是微信从自身聊天功能的基础上对于短视频的一种探索,在聊天中嵌入短视频:聊天短视频时刻。在群聊天页面,打开时刻,就感觉在刷抖音,只是少了互动,可能后期会增加吧。
  入口:发起功能入口在我拍摄,这个时刻相当于个人主页的顶部背景(能播放视频背景)所以入口放在这里还是比较合适的。
  提醒:这个提醒我觉得就有些粗糙了,并没有告诉朋友在哪里可以看到。而且发布完就加了个背景,然后就没有了。我觉得这里的指引还是不够的,只是要告诉用户在哪里可以看到。
  我们看下创建这个视频的过程:
  1。添加表情
  当你点击一个表情时,会在页面上直接反馈出来,同时收起选择浮层。交互方式简单粗暴,使用方便。(这里可以用自己的表情包,我觉得是真的很强)
  2。添加文字
  因为添加文字与表情不同,表情只需要选择一步。但是文字需要编辑、确认2步。这里的处理是加了一个蒙层,然后在中间输入内容,使用蒙层是为了让用户更好的预知添加后与视频的结合效果。
  但是如果未输入文字、直接收起键盘,这种情况下,点击下方的所有按钮是没有反馈的。(开始我在这个页面懵逼了很久)建议给个默认内容,或者对应首次使用给出一些小提醒,避免让用户不知所措。
  这个地方竟然还有BUG。BUG。BUG。最下方的“拖动到此处删除”???我还在这里拖了半天,发现什么都拖不了。
  3。添加音乐
  点击音乐图标,自动播放音乐,也代表着已经自动添加。这里存在几个节点:用原生不用原生;用配乐选择配乐不用配乐。
  那么问题来了,选择配乐的指示远远不够,开始我并不认为是直接把音乐加上了;从视觉上看,左右滑动仅仅用于切换,并没有给出是选中当前音乐的信息传递。
  添加表情右下角有一个收起的按钮,添加音乐却没有这样的提示、也没有完成的按钮。是点击上方空白处,收起选择音乐。(这里并没有蒙层,如果上方被元素填满,那用户会不会以为自己要点到其它元素上?)
  从流程交互上讲:添加音乐和添加表情应该保持统一,为什么还弄出两种截然不同的形式?
  4。添加地址
  添加地址与添加文字交互很相似,也和之前聊天发送地址一致,这里就不截图说明了。
  下面我看下生产好的小视频。
  1。我的成品
  左下角的圈圈对于刚发布会好的我,一直不知道是啥,还点了半天,瞎玩了一会儿。后来才知道这个是好友用来点赞的
  2。群的入口
  这个没什么说的,点击之后直接进入群成员的时刻世界里,很有刷抖音的感觉。
  3。朋友圈入口
  头像双击直接打开视频这个没人说,我真不知道,毕竟一般在APP上没有这种操作
  头像单机可以打开用户信息页,下拉也可以查看小视频。
  4。时刻视频总结
  这可能是微信在探索:聊天短视频,一种新的用户概念。第一版本相对细节处理的不是很恰当,希望日后可以优化。
  四、其它细节优化
  1。强提醒
  因为微信内容多,信息量大,信息垃圾多,为了处理这些信息过多的困扰。从消息免打扰》消息置顶》强提醒。通过对应不同场景的优化,还是非常实用的。
  2。拍自己表情
  这个功能也很实用,降低用户制作表情成本,再也不用小程序、或其他APP去完成了。
  3。支付页面
  支付页面把银行卡收起来了,这个银行卡的入口本身优先级是很低的,之前摆的那么明显,是为了微信支付的扩张,增加更多绑卡用户。其实这个入口早就应该藏深一点儿了,毕竟支付功能的用户早就已经到达一定量级了。
  其它的相关细节就不展开了。
  总结
  我们可以看到微信对于一些新的交互方式,以及一些形式上的不断探索,是值得我们学习的。本次整体改版还是非常成功的。期待后期微信对“看一看”“时刻视频”这两个新的拓展功能,有不一样的探索。
投诉 评论 转载

万字长文解析UX设计师要拥有的重要技能在这篇文章中,我希望更全面地讨论UX设计师需要拥有的重要技能,一起来看看VitalUXskillsthatfewdesignershave,andhowtodevelop……以web端为例:我的交互设计细节手册(上)这篇文章所列举的案例内容都来源于我实际工作,有踩过的坑也有经过思考提出的解决方案,在这里拿出来分享给大家,如果有不同意见可以在下方评论区进行留言,一起探讨学习。本文主要总……2019年,UI设计趋势新年马上就要来了,新年的第一篇推文,就以趋势开篇吧。原文中有部分内容,对设计师来说不是很重要,我选择性的做了删减,只保留干货,希望能帮助大家更好的理解,减轻阅读负担。……从基础原理到高阶实践:如何利用动效来提升可用性动画只是一种工具,原则是指导工具如何使用的思想,因此,原则为设计师提供了更加长远的机会。“作为一名UI或UX设计师,我如何判断在合适的时机和位置利用动效来创建可用性呢?”……七大交互心理学(下)交互设计七大定律:费茨定律(Fitts’Law)、希克定律(Hick’sLaw)、神奇数字72法则、接近法则(TheLawOProximity)、新乡重夫……2019APP网页交互视觉设计趋势随着技术的进步,电子设备更加智能,给予了设计更大的空间和可能性。2019新的一年APP和网页会有怎样的设计趋势,我小小的总结展望了一下,写下这篇文字。1。nbsp……2018年优秀用户体验的7大要素用户体验是现代应用程序设计的重要组成部分,用户的期望在不断变化。尽管我们无法预见未来,但过去十年所做的变化表明,根据用户需求进行调整从未像现在这样至关重要。为了在瞬息万变的移动……Axure教程:忘记密码特效今天和大家分享一个忘记密码表单特效,enjoy一、最终效果二、制作方法我们先看一下,本案例使用到的元素:文本部分,我们就咱不做介绍了,这里依次说一下“输……UED交互组件库总结组件设计是通过对功能及视觉表达中元素的拆解、归纳、重组;并基于可被复用的目的,形成规范化的组件,通过多维度组合来构建整个设计方案,將这些组件整理在一起,便形成组件库。组件库帮助……七大交互心理学(上)虽然拙劣的设计俯拾即是,但是设计出易于理解、方便使用、令人愉悦的产品并不困难。唐纳德诺曼如果在旅馆里弄不清楚怎么开水龙头,或者面对不熟悉的炉灶或电灯开关时,即使再聪……从交互角度分析微信改版本文主要从交互设计的角度去分析微信此次的改版变动,希望能对大家有启发前言就在昨天,微信大版本更新,从6。4。77。0,本文从交互角度分析此次微信更新。一、界面……交互设计中的四大策略(二)组织我认为交互设计四大策略(删除、组织、隐藏、转移)中成本最少、损失最小、操作最便捷的方式是组织。通过重新的设计,用户对产品的注意力提高。这种方式常用于页面的布局设计,从页面风格、……
好的用户界面界面设计的一些技巧智能手表,你的杀手锏在哪?7个提高着陆页转化率的设计技巧(上)移动App产品设计的创新点扒扒“微信之父”张小龙的设计漏洞要让产品有好的用户体验,别忘了做错误反馈设计!流言终结者!丢了手机支付宝就被盗?选择恐惧症与产品设计电商网站社交关系探索你可以向竞争对手借用的7样东西大屏手机上的设计小策略用户体验的敏捷与精益

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