腾讯高级设计师谈微信Android版本改版 Android Design是大势所趋

编者按:本篇投稿选自腾讯大讲堂(更多腾讯产品技术文章,可以关注“腾讯大讲堂”微信公众账号),由腾讯研发管理部高级设计师Vertu撰写,他以产品设计师的视角,对比解读了微信的旧容与新妆,也讲了Android版微信5.2放弃iOS UI设计背后的故事。

1 月 21 日,新的 Android 版微信在应用宝上线内测,很多用户第一时间更新了。在这个微信5.2内测版中,我们可以看到界面的功能架构、视觉风格及交互逻辑都有了较大的改动——微信开始遵循 Android 的设计规范了。

相比之前移植 iOS 的 UI,Android 微信 5.2 的功能架构变得更加清晰,交互逻辑也更为简洁,几乎所有的核心功能都可以通过一次点击快速找到并调用。无论对微信本身的产品体验,还是对 Android Design 设计规范在国内移动应用设计中的推崇,这都是一个好的迹象。

早期 Android 系统的 UI 一直广遭诟病,除了 Android 设备碎片化,Android 移动应用设计也缺乏统一规范,界面控件看起来都非常业余。直到 2011 年 Android 4.0 发布,Android Design 才应运而生,其中包括一般风格指南、设计样式,以及 Android 的部分默认 UI 构件等。

尽管如此,很长一段时间内,国内绝大部分开发者丝毫不遵循 Android Design 设计规范,原因有多个:设计规范未足够优秀成熟;用户习惯未形成,带来学习成本;Android 第三方 ROM 盛行,导致与 Holo theme(最为基础的 Android Design 呈现形式)混搭得不伦不类;多套平台规范的 UI 维护及更新需要投入成本,等等。

随着 Android 设备的不断进化——屏幕尺寸的增大、实体键向屏幕内虚拟键转移,Android Design 在移动应用设计中的优势也逐渐显现。从 2013 年下半年开始,国内的移动应用开发商(如豌豆荚、知乎等)在 Android 平台上也开始遵循 Android 的设计规范。这一次,微信的设计团队也在 5.2 版本中向着 Android Design 迈进了一大步。可见,越来越多移动应用厂商也都逐渐认同了平台规范与一致性的重要性。

我们来看一下 Android 版微信 5.2。主界面去除了昔日底部的 Tab Bar,在顶部则使用了 Action Bar,并用 Tab Host 来组织内部界面。用户通过手势滑动可以轻松来回切换“聊天”、“发现”、“通讯录”这几个高频功能界面。

虽然对于喜欢单手操作大屏手机的用户来说,手势的引入带来了极大的便利,但是,左右滑动的手势被用来切换 Tab 之后,有用户开始有这样的疑问:原来单条会话的左滑操作(置顶、删除)哪里去了?

其实,这一交互功能是早期从 iOS 移植过来的;新版微信摒除了对单条会话的滑动操作,保留长按操作,更加符合 Android 平台的交互规范。当然,如果能使用 Contextual Action Bar 对多个会话进行批量选中操作就更好了,毕竟对于有清理癖的用户来说,一条一条长按删除还是蛮辛苦的。

我们还可以看到,在这次更新中,“搜索”功能被提高到 Action Bar 常驻按钮的位置,支持全局搜索。相比旧版在“会话列表”和“通讯录”两个界面分别置顶的搜索框,节省了屏幕空间,统一了搜索入口,省去了辨识记忆的麻烦。

在顶部的 Action Bar,除了“搜索”之外另外两个常驻按钮为 add(+ 号)、overflow(三个小圆点):add 的下级均为与外界有交互的操作,如“发起群聊”、“添加朋友”、“分享照片”等;overflow 罗列的均为与个人相关的操作入口,包括“个人信息”、“我的相册”、“我的收藏”、“设置”等。层级清晰易记。

在视觉风格上,微信在本次更新中做了一个大手术,界面空间去除以往厚重的渐变、高光、阴影的样式,向更为扁平的 Holo UI 靠拢,品牌色黑、白、绿搭配清新简约。有用户反映,与诸如 Line、Kakao Talk 等同类应用相比,新版微信依旧没有俏皮生动的情感化形象。

不过,因为每个产品都有自己的定位,微信作为一个大众产品,覆盖不同年龄、不同文化程度的人群,在视觉体验这种主观感受的设计上保持中立简单也是合情合理的。而功能本身的出彩,让用户不时感受到意外的惊喜,才是产品创新的价值所在。

来源:http://www.36kr.com/p/209391.html

时间: 2024-11-07 14:43:38

腾讯高级设计师谈微信Android版本改版 Android Design是大势所趋的相关文章

腾讯高级设计师谈微信的旧容与新妆,Android Design是大势所趋

编者按:本篇投稿选自腾讯大讲堂(更多腾讯产品技术文章,可以关注"腾讯大讲堂"微信公众账号),由腾讯研发管理部高级设计师Vertu撰写,他以产品设计师的视角,对比解读了微信的旧容与新妆,也讲了Android版微信5.2放弃iOS UI设计背后的故事.   1 月 21 日,新的 Android 版微信在应用宝上线内测,很多用户第一时间更新了.在这个微信5.2内测版中,我们可以看到界面的功能架构.视觉风格及交互逻辑都有了较大的改动--微信开始遵循 Android 的设计规范了.   本人非

腾讯QQ设计师谈如何构建一个更轻巧的开发流程

网页制作Webjx文章简介:腾讯设计师谈敏捷开发. 腾讯一直推广敏捷开发,也在强调敏捷开发,但你会发现,即便如此,还是会陷入以下情景 又丑又长的讨论会 好像人手永远不够 不切实际的想法 悬而不决的功能点 无穷尽的偏好设置 越来越多纠缠不清的细节 项目依然延期 我们如何构建一个更轻巧的开发流程,让我们更快更好的交付结果?作为一个设计师,如何成为敏捷的一分子?以下是一些心得方法,希望和大家分享 1 界面先行 作为设计师,最简单能让大家明白你的想法就是先把它画出来,不要用晦涩的语言和结构图,毕竟不是所

微信首批测试11款游戏 目前只有Android版本

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 21136.html">导读:7月8日晚间,腾讯正式发布社交游戏<天天连萌>,该游戏由腾讯天美艺游工作室开发,目前只有Android版本.除<天天连萌>外,腾讯还将推出<天天飞车>.<节奏大师>.<天天爱消除>.<天天酷跑>.<欢乐斗地主>等1

腾讯游戏高级设计师!为移动小屏设计的5个绝招

  编者按:移动设备现在是网络浏览的主力之一,如何在寸金寸土的界面上做好用户体验是很多设计师头疼的问题.今天腾讯游戏高级设计师结合多年经验+几款热门APP的界面,总结出小屏设计5个实用的招式,UI设计师们赶紧收藏起来吧! wayne :1997年,那是一个春天,有一位老人在南海边画了一个圈,这个圈就画在咱大深圳!画圈的人是小平同志. 2014年,还是这个春天,移动设备的普及成为当下互联网发展的又一次变革,我们在各种小屏幕上画着一个又一个的圈,如今,用户的移动体验无意正在变得更好,因为越来越多的网

微信安卓版下载 Android微信各版本列表

前面ytkah弄了一个iso微信各版本列表,现在就来整一个微信 for Android各版本列表,方便大伙下载.每个版本都放出一些新的功能或修复相关错误,详情可以点击下面的版本链接进行查看.资源收集于网络,不用谢,请叫我雷锋,哈哈哈 微信 6.3.18 for Android 全新发布2016-05-25 微信 6.3.16 for Android 全新发布2016-04-19 微信 6.3.15 for Android 全新发布2016-03-15 微信 6.3.13 for Android

非设计师谈设计(一):胖胡斐谈Apple改版

设计是一件好像人人都能看懂的东西,所以常有设计师抱怨"老板指手划脚"."客户不懂装懂".我们认为,设计是一门综合性极强的学科.可以说,它就是人人都能看懂,只不过,大家都是从自己的角度来看.设计师说"用户体验"说"视觉"说"风格",客户.老板说"商业"说"运营"说"营销",开发工程师说"技术"说"实现".这些都

腾讯美女设计师教你乾坤大挪移

  时间短.没点子.没创意,又要快速捕抓眼球,怎么办? 对页面整体进行旋转和平移是快速改变视觉是快速有效的方法.它打破了正常的网页视觉习惯,吸引了观众的注意力. 说说 -- 旋转和平移         小编推荐:   腾讯美女设计师教你如何抄现实 腾讯美女设计师教你欲擒故纵   如果每天要面对着巨大的需求量,难免有创意枯竭的时候,如果有一些相对讨巧的办法,能够不受主题限制,当然是再好不过的,这时候,我们不防试试这简单的小办法. 旋转和平移,这是针对整个页面的大版式而言的,到底会造成怎样一种效果,

基于环信sdk的陌生人交友android版本开源了

问题描述 基于环信sdk的陌生人交友android版本开源了---在哪(微话聊) 该项目是改编自环信即时通讯云的demo改编,新增了一些功能 环信即时通讯云demo包含了一个接近微信的完整的聊天app的所有功能, 包括发文字,表情,图片,语音,位置,群聊,登录,注册,退出登录等. 新增功能:1.用户个人资料的设置和展现2.最近上线的人和附近的人3.筛选用户功能4.添加用户头像和昵称5.用户相册页面和广场相册6.发表心情和图片7.(......)一些小功能的改编运行截图如下: 解决方案 下载下来怎

微信动作频频,腾讯不得不面对的微信瓶颈

微信发展到今天,十足地像当年在PC平台上强推拍拍购物.而为了让拍拍能够和淘宝一拼,QQ那边甚至是拿出了自己的最强杀手锏--QQ弹窗支持,不过,看起来结果依旧是拍拍败北.而推广了三年的拍拍业务复合增长甚至没有超过50%,而淘宝那边增速却依然在400%以上.腾讯想要利用微信来圈到更大的地,但是从目前的结果看,看样子是还没有颠覆性的变化. 在最近,微信可谓是动作频繁,自从昨天进入智能硬件市场后,今天就立即宣布推出公共平台改版.这一举动是进一步的拉大了微信支付商户与普通公共号的差距.而这一软一硬两大步,