top of page

项目概况

公司               小米
部门               可穿戴团队
实习时长        2021年5至9月
项目时长        1.5个月

软件工具     Figma / Photoshop / Illustrator / After Effect
设计技能    Wireframe / Motion Design

实习项目  |  2021

AR Glasses
UX Structure Design

小米第一代智能眼镜,
供应链和研发限制下的UX架构设计与解法。

​关于

2021年春季,小米开启第一款眼镜项目。该项目于Q1立项,在Q2完成组装和设计,并在Q3发布Demo。其Demo在YouTube上获得了450万次观看。这个全新的项目由小米前智能手表团队负责。团队由20至30人构成,包括项目经理、供应链经理、产品经理、软硬件工程师、UX和UI设计师以及动效设计师。

 

我作为交互设计师产出了一套完整的方案,主要包含前期的市场定位、用户理解力、产品功能、页面层级关系研究、以及后期的触控板、交互手势、原型图设计等。

​设计过程

目标与难点

这是小米的第一个眼镜项目。不同于市场上的竞品,我们希望这个产品在款式上轻便,在操作上简易,同时拥有较低的价格,符合小米一贯的品牌风格。这款轻便的设备专为在工作、家庭和通勤过程中无缝集成而设计,是一款生活化而非游戏类的眼镜产品。

但由于定价较低,以及供应链采购上进行成本控制,导致技术上很多条件不能被实现。因此我需要频繁和各团队交流进度,了解技术限制,改变交互策略,以寻求新的解法和突破。

ezgif-7-ef792b0c0c.gif

硬件设计

ezgif-7-dedc2347e1.gif

Micro LED 显示屏

目标用户

我进行了竞品分析,帮助团队对自身产品在市场中的定位有更好的理解。我们的目标用户为男性,年龄在15-35岁之间,购买能力在100-1000元之间,关注运动健康,多为学生或年轻的上班族。

Frame 231.png

工业设计

我与产品经理和工业设计师合作,共同探讨该产品的外观和硬件设计。我们认为产品应具备便携性、轻量化、日常、低调的经典外观。出于第一代研发的技术和供应链限制,我们采取<触控板方案>,而非<动捕方案>

Frame 221.png

使用场景

​我们希望眼镜未来可以在某些日常情况下替代手机和电脑的应用,和苹果Vision Pro的愿景一样,而不是单攻游戏领域。

我设计的场景和功能偏向日常,比如接电话、导航、查看消息、回复信息 等。

Frame 235.png

用户体验设计

我们在双侧镜腿上配备了长条形触控板,而非外接触控板。这种直观的设计在佩戴时非常轻便且易于使用,用户不需要携带多余的硬件设备。我设计了触控板的功能,一侧控制屏幕,另一侧控制声音。我也设计了不同手势,比如单击、双击、三击、长按、滑动等。

Frame 210.png

页面层级

我们设计了简单易懂的页面层级关系,当用户在触控板操作时,简易的动效会让用户理解层级之间的上升和下降。我们也绘制了不同功能之间的衔接逻辑,以下是一个路径例子:当用户接电话后调节音量、并查看消息和回复信息。

Frame 233.png
Frame 232.png

团队协作

 

这个项目需要频繁与多方合作。我接触的团队包括硬件产品设计师、硬件工程师、软件产品设计师、供应链经理、软件和算法工程师、UI 设计师。我参观了实验室和工厂,了解产品从立项,设计,到制造的整个研发过程。

原型图

由于这个项目Demo主要用于小米内部探测AR设备的技术可行性、用途、和市场定位,因此我们在视觉设计上并没有预留过多时间。仅进行了一些初期必要页面的交互流程构想和UI设计,包括电话、消息、天气、日历、音乐、设置、微信等。

Frame 212.png
产品Demo

小米眼镜1.0版本已于2021年第四季度推出。Demo展示了我参与的外观设计、页面逻辑设计、交互手势设计等。

ezgif-7-dfcc8c012f.gif
ezgif-7-7ca206cf52.gif
ezgif-7-7a4cdab618.gif
ezgif-7-0562027fa3.gif
ezgif-7-dfcc8c012f.gif

产品思考&影响力

小米的第一代眼镜产品于2021年末发布,是最早一批提出将智能眼镜用于生活,而非技术工作或游戏的品牌。该产品在海外有很大影响力,其Demo在YouTube平台上获得了450万次观看。这款产品作为小米眼镜的基石,推动了两年后小米探索版眼镜等诸多系列。

Frame 236.png
Frame 238.png
未来构想

在苹果发布Vision Pro之前,我就在思考,未来眼镜该往何处走。我开始设想眼镜产品在未来与AI集成的UI设计。这个概念旨在将眼镜转变为智能且无缝的产品,未来有可能取代手机和笔记本电脑,提供无与伦比的用户体验。

 

以下是我在工作闲暇之余使用Figma创作的效果图。

Frame 147.png

未来AR眼镜配备了集成的AI和物联网兼容性,使用户能够通过直观的手势和语音指令轻松识别和控制智能家居电子设备。

Frame 156.png

未来AR眼镜配备了超大荧幕,使用户能沉浸式体验想看的影片。

Frame 145.png

它具有安全的实时面部识别系统,允许用户通过简单的点头、几次眨眼和确认手势,进行无缝且私密的面对面交易。

Frame 150.png

它配备了面部识别技术,可以识别个体,触发显示共享的照片记忆,瞬间创造有意义的时刻。

或许还能识别宠物家人?

Frame 149.png
Frame 152.png

未来AR眼镜配备了透明的天气显示功能,将实时天气信息叠加在你的视野中,让你在欣赏城市美景或愉快的自然风光的同时,查看当天的天气预报。

Frame 153.png

未来的AR眼镜采用了物体和动物识别技术,可以即时识别你视野中的物品,并提供详细的描述,以增强你的理解和知识。

结语

这是我在小米可穿戴团队做的第二套完整的交互设计。这个项目体现了我能够独立完成需求分析,积极和各部门沟通协作,勇于挑战新产品的工作能力。想了解其他我做的交互方案,戳这里查看<智能手表健康App设计>。

团队鸣谢

产品经理                         Yan He
硬件产品经理                  Lei Xu
硬件工程师                      Wei Chen

高级UI设计师                  Xuewei Cui
初级UI设计师                  Xiaoxiao Huang
UX设计实习生                Julia Du

bottom of page