Return to site

UVisio App

客户/ UVisio B.V.

 

周期/ 2017 - 2019

硬件,UX,UI

浅肤色人群对日光的防御能力较弱,六分之一的荷兰人口有患皮肤癌的风险。UVisio公司希望通过紫外线传感器结合用户肤质,帮助用户培养自己的防晒护理习惯。作为唯一的设计师(UX/UI/工业设计及品牌视觉物料), 我和团队一起经历了从零开始的过程。下文借首页(dashboard)的迭代介绍本次历程。

孵化阶段 - 展示技术

在吸引融资阶段,界面设计的目标重在介绍我们的技术可以产生有价值的场景。 尽量将数字外显,希望投资人通过demo明白紫外线数据经过算法转化为即时通知的整个过程。 在商业价值上也做过针对B端,与不同防晒霜品牌结合的界面设想。

信息架构 - 按用户行为定义

我们以带幼童的母亲为目标用户进行了访谈,发现在她们心中,出行前的预防 > 即时弥补, 对待孩子尤其如此。根据以下3步行动整理痛点,重新规划了界面的信息架构:
1. 外出决定(获取准确日光强度,提供信息帮助用户决定是否出门)
2. 防晒准备(明确要采取哪些防晒措施,如何正确使用防晒霜)
3. 户外实时防护(提醒补涂,防止玩疯了晒伤不自知)

在访谈中还收集了一些视觉反馈:户外环境需要明亮高对比的设色。不希望看太多数字,偏好图形化明朗轻松的氛围。

优化登陆流程

随着融资到位和邮件订阅用户的增加,界面设计的重心逐渐转移到用户的上手体验。 良性的体验是让新手到熟手在使用过程中逐渐打开视野,升高信息分辨率,感觉自己正在成为专家。 在这个产品中,年轻女性将逐步获取皮肤类型和防护的知识,在App的辅助下保护自己和全家的皮肤健康。在用户升级的入口,我将实用的紫外线预报作为高频使用的入门功能。这样即使有的用户注册兴趣还不足,也能常回来看看。

设计登陆体验需要平衡索取和给予。

“更精简的用户输入"和“更准确的个人建议”是互相矛盾的。为了提供准确建议,用户在建档时要在输入很多信息。虽然在现有版本我们用点亮图标来明确步骤, 但测试原型后我们发现:用户输入这么多却没看到好处很容易半途放弃。因此把输入简化归类很有必要:
1. 注册输入:明确建档的益处。注册信息最简化。
2. 基础输入(如位置、皮肤类型):关键性输入解锁主功能。和用户自身特质高度相关。可用技术提升效率,如通过图像分析检测皮肤类型。
3. 有益输入(防晒霜指数):可先默认为0,在用户使用主功能使邀请完善。完善后可观察到精确性的提升。

硬件是升级,不是附加

在设计户外防护功能时,我们不希望设备出问题时,应用就变废品。因此不使用硬件时,会进入”基本防护“,而使用硬件会进入”积极防护“。然而用户在测试中难以理解这种区分,因为使用硬件只是帮助他们更好完成任务,而不是附加出第二种任务。这个错误让我明白, 使用硬件在界面中体现的应该是一种升级感。从熟悉的元件出发,用”小“变化,让用户自然地胜任软硬件的转换。 

但是我们也不能让用户满足于基本体验,毕竟销售硬件是重要的盈利方式。我们可以在使用基本功能时指出不便的地方,给用户购买硬件的动机。 比如在海边嬉戏时如果不常看手机就会错过实时提醒,而佩戴在身上的设备就能随时随地听到提醒声响。

(视频请选择超清模式)

后记

从最初PPT上的动画到正在量产的产品,很幸运能经历整个开发流程,并看到App的上线。 处于创业初期的公司对市场定位,技术选择,软硬件规划面临着诸多不确定性。对设计师来说,目标顾客的生活场景就是设计决策和团队沟通的重要依据,用更精简的界面让用户想象到更美好的场景。 现在烈日当空时,我出门前也会打开App,看看该不该涂防晒霜。

All Posts
×

Almost done…

We just sent you an email. Please click the link in the email to confirm your subscription!

OK