国际版产品设计提案
项目背景:
根据咪咕文化战略需求,各子公司业务有拓展到国外市场的规划,一级用户中心和统一认证SDK界面需要针对海外用户的需求和使用习惯,进行全新的UI设计,以SDK的形式方便各子公司APP产品集成。
现有国内版本的视觉问题:
咪咕的品牌定位是乐玩世界,现有基线产品形象不符合公司气质,让用户在使用产品时留下深刻的品牌印象是个问题
对于信息层级的关系处理,页面的元素比例分布不够合理
视觉样式老旧,跟不上设计趋势
产品认知和定位:
国际版主要针对海外市场的华人和华裔,可能是留学海外的年轻学生,也可能是商界的白领精英,这些人群往往对生活品质有独特的追求,个性化要求强烈。通过对咪咕用户数据分析,咪咕用户群主要分布在城市,快节奏的生活方式,使得人们对注册登录的使用痛点主要集中在快速,操作便捷,轻量、效率对于用户来说是第一位的。此次设计不仅需要展示产品的个性化一面,也要保证用户使用产品的高效率。
海外产品分析:
一级用户中心统一认证sdk产品覆盖的咪咕业务较广,包括阅读、视频、游戏、漫画、音乐,业务方向偏娱乐化。所以在竞品对象在选择上,挑选了国外使用率较高的几款偏娱乐化的APP。竞品对象:Instagram(图片),facebook(社交),snapchat(社交),shazam(音乐),skype(社交),twitter(社交),musical.ly(音乐)pocket(阅读)Youtube(视频),ouora(阅读)
西方地区和东方地区人们对产品喜好的视觉差异不同,由上图分析,发现国外产品对登录注册页的设计偏好:
Instagram、facebook等主流app,都喜欢采用主色调大色块背景设计,考虑的sdk产品需要接入到各业务产品中,主色调大色块背景设计适配成本高,不适用sdk产品。
Instagram、 musical.ly等都采用动态背景设计,增加页面生命感。
列举的海外产品整体视觉风格偏向简洁,sdk产品设计风格方向可以往此方面考虑。
2017年互联网设计趋势:
半扁平化设计,简洁轻量的设计语言
轻柔的阴影增加了深度和复杂性,却不会破坏扁平化设计的感觉,是扁平化趋势新增的一个特征。
- 几何图形运用(图案,线条和圆等)
基本图形的运用,创造不同的信息韵律
- 大胆用色
使用大胆的颜色来强调,和扁平化设计相衬
- 动效运用
动效越来越多运用到,赋予页面生命,带来惊喜。
设计方案:
基于现有的视觉问题,产品认知和定位、海外产品分析和设计趋势分析,基本确定视觉设计的基调方向:高端、品质、轻量、快捷。针对不同人群的喜好,从登录页面着手设计,提出以下风格设计方案。
通过确定设计方向基调,提取简约、品质、轻盈三个关键词发散,提取设计元素
视觉展示:
动效DEMO:
设计分析:
1.半扁平化设计
迎合设计的潮流趋势,高饱和度的颜色,轻柔的阴影增加了深度和复杂性,让页面更有活力和呼吸感。体现简约、品质和轻盈的主题。
2.几何圆形元素运用,呼应咪咕logo的圆形设计
咪咕的品牌logo里面运用了大量的圆形设计,此次把圆形作为主题的载体,不仅呼应简约、品质和轻盈的主题,也是在传达品牌的基调。
来源:UI中国
关键字:产品设计, 产品经理, 设计
版权声明
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!