建立APP设计规范达到体验界面的统一与各自独立
主讲人
  • 袁博 袁博 小米IoT 用户体验设计专家

    现任小米IoT高级用户体验设计师,负责米家客户端,相关智能硬件的系统软件及规范设计,包括米家空气净化器、米家净水器、等项目的软件体验设计。从事设计行业十年,曾在完美世界担任游戏UI设计师,代表作品在2019年米家客户端获得日本G-MARK,Good Design BEST100设计大奖,2020年米家空气净化器UI界面设计获得IF设计大奖。毕业于西安理工大学工业设计专业。

    设计就是点、线、面的灵活运用,视觉服务功能,将易用的体验细无声的融入生活。

建立APP设计规范达到体验界面的统一与各自独立

4233人点赞
场次 D4
会议室 302B
时间 待定
内容形式 工作坊
语言 中文
类别 交互设计
主讲内容
内容介绍

米家生态链整体的设计规范系统的建立复杂庞大,设计师需面对米家复杂产品线,品类多、数量多在项目上如何划分,从而进行交互体验与视觉设计,对于设计师成长来说具有良好的参考价值。通过此次学习,让参会者可以了解到米家扩展程序规范的整个设计流程和小米游戏盒子独立APP设计,当中遇到哪些问题如何去解决。

在工作坊中,主讲人将从米家扩展程序的构建引入,带领参会者学习针对品类繁多的产品、业务下,我们是如何划分类别,去展开构建设计规范。过程中结合具体案例,讲述米家扩展程序规范设计从无到有的搭建,并是如何落地运用在具体项目中。以及针对不同品类的产品进行从体验到视觉上设计,让所有的品类的设计如何通过规范做到既有统一性,又有每个产品独特之处。

工作坊的核心内容分为两大部分:米家扩展程序设计规范构建与小米游戏盒子独立APP设计案例解读。
1、米家扩展程序设计规范建设背景
1.1.1 米家生态设计介绍
1.1.2 米家设计规范的重要性介绍

1.2 产品规范建立规则
1.2.1 产品特性分析分类,从不同维度出发设计需求匹配
1.2.2 同类产品细分分析,确定产品的体验设计结构
1.2.3 米家设计规范化建立,搭建产品设计组件库规范品牌统一性

1.3 米家设计规范的落地与执行
1.3.1 视觉系统确定
1.3.2 组件库搭建:
· 系统组件设计
· 页面固定组件设计
· 产品布局使用规范
· 规范应用

2.、小米游戏盒子独立APP设计案例深度解读
2.1 小米游戏盒子设计过程
2.2.1 竞品分析:产品外观、操作体验、界面视觉风格、游戏场景沉浸感软硬件结合打造
2.2.2 设计语言建立:
· 参照米家设计规范(移动端)视觉风格,衍生的PC端界面设计规范“小怪兽”风格,建立统一的品牌视觉风格
· 结合用户习惯梳理交互设计逻辑,调整操作体验
2.2.3 软件与硬件的联动,增加游戏玩家的沉浸感
2.2.4 炫酷的动画效果,制造产品独特性

2.2 解决项目中的挑战总结
· 多团队协作时,设计方案涵盖领域、合理性与视觉效果完善程度决定主导角色
· 调动团队资源,集中推动项目设计决策
· 游戏多端设计经验总结分析

通过小米游戏盒子这个项目希望能帮助大家如何快速通过设计规范调整产品界面结构和设计语言,达到产品设计统一性。让用户轻松上手的同时提升品牌的竞争力,帮助游戏本留存更多用户,在此之外整个项目是如何更顺利的沟通协作。

环节安排

1、工作坊介绍与课题导入
2、核心方法论讲解:米家与米家扩展程序设计规范详细介绍
3、项目案例解读:小米游戏盒子独立APP项目设计的过程
4、互动实践1:根据规范,进行实际产品设计,梳理产品交互设计,灵活使用规范
5、互动实践2:游戏盒子模块实践。拿之前设计的图给到学员,快速调整结构和设计,考验设计,检验交互设计功底
6、回顾:根据互动实践环节中的作业进行剖析优缺点和可能会产生什么样的新问题出现

目标听众

1、初级或以上视觉设计师
2、初级或以上交互体验设计师
3、初级或以上界面设计师

参会获益

1、掌握设计规范建设的方法与过程,更好建立自身团队的设计规范,为企业产品品牌赋能;
2、作为用户体验设计师如何理解产品特点、从用户角度出发建立产品交互模型以及视觉设计;
3、学习从不同维度思考和展开设计,并在项目中与其他团队高效沟通协作;

作品案例
  • 规范建立
  • 项目流程
  • 小米游戏盒子
  • 小米游戏盒子
  • 米家电暖器
  • 米家空气净化器Pro H
  • 小米米家喷墨打印机
  • 小米米家喷墨打印机
  • 卡片组件规范
猜你喜欢
  • 规范建立 19
  • 项目流程 29
  • 小米游戏盒子 39
  • 小米游戏盒子 49
  • 米家电暖器 59
  • 米家空气净化器Pro H 69
  • 小米米家喷墨打印机 79
  • 小米米家喷墨打印机 89
  • 卡片组件规范 99
联系客服
官方公众号×
添加IXDC官方微信,可以直接在线沟通 公众号ID:ixdcorg

长按识别二维码添加微信公众号

复制公众号ID长按二维码保存图片