前些天微信更新 iOS 的新版,有几项比明显的设计细节了修改。今天就家一起聊聊具体修改的功能我对这些修改的思考。
在新版本中,表情包选择栏占据的空间更大了,本隐藏在左侧的最近使用表情被突出显示,放了表情选择顶部。本左右滑动切换表情的方式被改成了上下滑动,左右滑动变成了切换表情包标签的操作。表情包标签则被放了最上方。选择表情后用户可以直使用右下方的悬浮按钮,进行发送表情或删除表情个操作。按钮位置和大相对之前的版本,体验都变好了多,想删除表情也不再需要返回文字输入界面才能删除了。
那么出这些修改的原因什么呢?我的猜测如下。
1. 什么表选择栏占据的空间变了?
首先全面屏手机的占率过去一段时间内幅提升,用户的手机屏幕度增加了不少。不影响聊天信息占据空间小的提下,输入区域能够使用的空间增加了,加之微信内部绝多数的切换信息操作都下滑动的方式,例如查看聊天信息刷朋友圈这两使用次数多的操作。了保证操作的一致性,于表选择区也变了下切换的方式。
2. 什么修改了切换表的手势操作方向?
第二点还与硬件关,手机触屏灵敏度越越高用户对手势操作的接受程度提升之后,原本点击的方式就了被替换手势操作的基础。朋友会:手势操作还需滑动,哪原本的一次点击方便呢?其实这里手势操作的优势「不必寻找区」,即用户并不需先去看一下我点击切换的按钮哪,然后再去点击,只需手指当所的置直接滑动就可以了,所以实际使用加便捷的。
3. 表包选择标签什么到了顶部?
人们的阅读习惯从到下、从左到右。先选择的分类(用哪表包),再选择具体的对象(发哪表)人类自然的视线顺序。并且设置表包顺序的按钮也这版本中得到了非常的突出显示,直接被显示到了表标签栏的第一。
4. 其他
至于近使用的表被突出显示这一点,应该微信内部根据用户使用数据出的修改。例如产品方之的版本中发隐藏左侧的近使用表这一功能的使用率达到了某一标准线,就会决本次新中出这样的修改。
增加直接删除表情的按钮则是一个比简单的场化设计方法。
选择图片的页面增加了一些动画效果,一从到下依次加载的样式,形式加自然流畅,也符合人的感官习惯。但微信这里并出多的优化,我们之曾分享过两比较好的传图片的设案例,分别 ZAO 绿洲中的设,这里再简单家分享一下。
1. ZAO
可以,在 ZAO 中,当选择从相册上传素材进行替换,系统已经动对相册内的图片进行了判断,在用户上传照片之前就对照片清晰度是否适进行了提示,而不是上传后再给一个弹框。
这细节的优势:
- 提高操作效率;
- 避免传后的提示,打断用户自然的操作流程;
- 避免因操与预期不符产生的转化率降低;
- 加快内容生速度,时也加快了品传播速度;
- 避免因上传素材质量差而导致平台容平均质量降。
大家可以看到上图张共享单照片晰度是满足要求,是很明显我不能用它替换色 。如加上脸检测话效率会高,然成本也会更高。
2. 绿洲
我们在上传图片时,页上部为图片放大展示图,页下部分为缩略图,用户可以在选择图片时实时看到自己选择图片细节。举个例子,如漂亮妹子想发张自,是相里保存是几十张连照片,此时她可以在选择图片时,接看到自己前选择图片是否是自己最满意张。而不需要上传后才能看到,或是切换到系统相册去查看。
我们见的产中上传照片时,一般都是直接显示缩略图,好处是页面效率,一屏可展示更多图片,坏处是直接看到照片的细节。那么绿洲的设计就较好的平衡了这个问题。如图:
那么,微信的编辑图片页面,做的修改是很大,仅仅是把编辑后的成按钮放到了更顺手的功按钮右侧。同时调换了马赛克和截取按钮的位置。如图:
次更新中小程序最重要的部分就是个「更页面」的修改,当严谨地来说能并不能称之为页面,或许叫弹或浮窗更一。
前小程序击更多按钮后页样是独立设计,本改后与微信公众号设计保持了较为致样,并把原来层级较深功能提高显示了。例如反馈与投诉功能。并把返回首页按钮变成了个常驻按钮,前在首页页才有,使它更像是个 APP,而不是加强版 H5。于这个改变理解有另两个佐证,是权限管理功能层级也比前更浅了,即右图设计功能。是某些小程序增加了成长守护功能,家长可以设孩子使用时、消费等等。
对于小程序的这处修改,我的解是这是对微信操作系统的又一次迭代,在之前我们已经说过了微信小程序可替代大分 APP,但在产却还够善,本次更则在一定程上使小程序更像是一个整的 APP 了。
本次更新还有不少的修改,例如订阅号中的「未完成的功能」这一彩蛋下线了,用户可以停用支付的消息服等,由于这些产品计关系不是大所以就不一一细说。以上是对本次更新的一点思考,欢迎大家补充指正。
欢迎关注作者的微信公众:「设计的威严」