9am Wand T5
触屏手控板

UI Design - 2023

Wand T5触屏手控板是9am在2024年全新推出的产品,是一款配备彩色屏幕的直感式升降桌手控板,旨在实现更优的人机交互与视觉体验。本项目衍生出了适配不同客户需求的子型号,将成为未来一段时间的新品搭配的主要手控器。

可实现高度调节、高度记忆、工位信息显示、数字工位操作引导、智能久坐提醒等功能。

Duration

UI Design: 4 Months

Tools

Sketch
Squareline Studio
LVGL

Team Member

My Roles

Ideation
UI Design

My Role

S9项目于2023年2月启动预研,经过多个版本的Sketch设计稿进行迭代和选型,最终于2023年6月UI设计定稿。在定稿过程中,我作为UI设计师与硬件产品经理和嵌入式同事合作,提前计算和规划实现动效所需的系统资源以协助进行屏幕和有关芯片的选型,确保设计落地并达成预期效果。

为了最大限度地保证S9产品设计的一致性,我主动承担了嵌入式同事的部分工作,自学了嵌入式UI设计工具Squareline Studio。从结果来看,这极大地减少了UI设计师与嵌入式工程师之间的沟通成本,加快了项目进度。

Squareline的坐标系统、设计素材规格和Sketch导出的不完全一致,在设计过程中总结和内化了非常多的know-how。此外我还在Squareline中为各个UI组件指定了触发事件,为后续开发节省了大量时间。

主要功能

手控器与控制盒连接,实现高度调节、高度记忆、工位信息显示、数字工位操作引导、智能久坐提醒等功能。

视觉规范

在和产品经理沟通后确定了配色和字体方案。考虑到产品日后将面向海外市场,在设计阶段就已经提前为国际化打好基础。分别选择了思源黑体和Barlow作为中英文字体,并在设计菜单样式时预留出英文文本的空间。
由于实际屏幕尺寸较小而菜单英文文本相对较长,在英文菜单部分采用了Barlow Condensed以增加显示的字符数量。

由于产品外壳主色调为黑色,配色方案以深色背景呈现。

Screens