白鲸出海—让中国互联网服务世界
{{user_info.user_name}}
您当前是白鲸会员
开通VIP,享受更多服务
会员到期时间:{{user_info.expire_date*1000 | formatDatebyDay}}
合作查看次数: {{users_vip_equities.view_cooperation || 0}}次
合作发布次数: {{users_vip_equities.release_cooperation || 0}}次
公司查看次数: {{users_vip_equities.view_company || 0}}次
榜单下载次数: {{users_vip_equities.download_rank || 0}}次
报告下载次数: {{users_vip_equities.download_book || 0}}次
鲸币数量:{{user_info.jingbi}}
发布
当前位置:白鲸出海 > 资讯 > 正文

琥珀天气出海经验谈,Material Design - 让产品体验飞起来

nicole林  • 

本文分享者——宋锐 ,琥珀天气产品经理,有5年的海外市场产品开发及运营经验。作为中国最早出海团队INFOLIFE一员,曾经参与打造过总下载量过亿的工具类产品矩阵。 宋锐不仅对Android设计规范有深入的理解,并且在打造产品的过程中积累了大量的实践经验。

琥珀天气是一款以优秀设计著称的天气应用,它不仅在海外拥有众多拥趸,在国内同样广受好评。最新版本的琥珀天气添加了全新设计语言Material Design,在整个过程中得到了Android和Google Play亚太团队的支持和指导,最终在用户体验以及各项数据指标上都得到了显著地提升。

与国内不同,Android平台的海外市场拥有相对统一的生态环境,95%以上的用户通过Google Play下载和使用App,绝大多数主流的 App也都尽量遵循相应的Android设计语言规范。这样,一方面保证了Android系统整体体验一致性,另一方面也降低了用户学习和理解成本。因此,熟悉和遵循Android设计规范是国内开发者出海淘金的必备“生存技能”之一。

什么是Material Design?

Material Design 是Google在 2014 I/O大会上全新推出的全平台设计语言规范,旨在为手机、平板电脑、台式机和其他平台提供更一致的用户体验。

相比于其他设计语言,Material Design有什么优势?

没有跟随忠于现实世界的拟物风格,也没有趋同于WP和IOS7的扁平风格,Material Design 最大的特点是在现实生活和虚拟世界中找到巧妙的平衡点。

明快的颜色及清晰的线条兼顾了扁平式设计的优雅简洁,同时用字体、色彩、空间、光影等元素来区分信息的结构、层级以及重要性,解决了扁平风格的信息重要程度不好区分以及UI功能表达的识别性不够强的问题。

精美的拟物式设计在很大程度上降低了用户的理解和学习成本,但也存在过度设计、用户审美疲劳等问题。Material Design使用隐喻的方式,借助“电子纸”的材质, 唤起用户对现实世界的联想,并且使用有意义的动效对用户操作做出积极响应,虽然这是一种全新的设计语言,但同样能让用户快速上手。

如何对产品进行Material Design化改造?

首先,最重要的是要学习并领会Material Design的设计规范的要点,相关的文档都可以从Android官方网站获得。

其次,在对设计规范有一定了解的基础上,去参考已经Material Design化的优秀应用,特别是被Google Play推荐并且作为Material Design标杆的应用,然后结合产品自身情况,定制Material Design化的方案。

今年3月初启动了对琥珀天气的Material Design化,从Android 4.0时代的HOLO风格过渡到了全新的Material Design风格,主要从两个方面着手进行初步的改造:

第一,在产品界面的配色上使用了Material Design的推荐颜色,在这个初期过程中,琥珀天气曾经在Facebook产品专页上做过一个调研,发现用户对新设计的Material Design化的配色方案反响强烈,一致好评,从而更加坚定了进行配色改造的信心。除了主打色的调整,还把原来的单色渐变界面调整为明亮纯色加白色界面,收拢留白,配合Z轴悬浮感的设计区分信息的层级和重要程度,帮助用户在第一时间获得最重要的信息。

第二,根据Material Design的设计原则对主界面的信息传达和功能组织进行了优化,通过Navigation Drawer和Toolbar解决了以前功能区不集中,视觉焦点混乱的问题,在一定程度上增强了产品的易用性。下图是改造前后的对比:

image.png


琥珀天气Material Design化上线后的效果?

目前虽然只完成了第一阶段V1.3版本的设计和改版,但在Google Play上已经大受用户好评,以下是部分用户评论的截图:

image.png


产品的日平均评分也从4.3分增长到了4.5分

image.png

主界面Screen Views也在一个月内增长了40%


image.png


上线一段时间后,通过用户的反馈以及数据跟踪,惊喜的发现在V1.3版本上线后有很大幅度的提升,可见用户对Material Design的接受和认可程度都是相当高。除了评分上涨外,用户开启主界面的频度和次数也有了明显地提升,这也进一步坚定了改造的信心,在后续的版本中琥珀天气会引入更多的Material Design的设计理念和特性,为用户提供更优质的产品体验。

总结

从这次Material Design化的经验来看,Material Design不仅仅是全新的Android设计规范,更是一个能实实在在提升产品品质的工具,一条改善用户体验的路径。如果你的产品还没有Material Design,那么赶紧动手改变吧!

以下为本文作者二维码:

image.png


【本篇文章属于白鲸出海原创,如需转载:1、网站端请注明出处,并在文章中附带白鲸出海原文链接。2、微信公号及其他自媒体平台需联系授权方可,未经授权严禁转载!】

友情提醒:白鲸出海目前仅有微信群与QQ群,并无在Telegram等其他社交软件创建群,请白鲸的广大用户、合作伙伴警惕他人冒充我们,向您索要费用、骗取钱财!

本文相关公司

Amber Mobile认证


分享文章

扫一扫 在手机阅读、分享本文

61065
{{votes}}
分享文章

扫一扫 在手机阅读、分享本文

61065
{{votes}}

要回复文章请先登录注册

与CEO聊合作

(备注姓名、公司及职位)