智能家居 App.
如何根据客户需求,设计一款为所有年龄段和从来没有使用过此类型的用户都能极易上手的扫地机器人App ?
项目周期
-四周
使用工具
-Figma
-Protopie
项目角色
-UI/UX 设计
-视觉设计
简介 (Intro)
用户在进入 App 后,首先会观看一段关于“智能家居”概念的宣传短片。观看结束后,点击“启动”按钮,即可进入主功能页面,开始体验产品功能.
首页 (Home)
此页面为产品功能演示页的开端。页面分为三个部分:
顶部依次展示品牌名称、Logo 与产品型号,形成产品识别.
中间展示两个现有的核心功能模块(为静态组件).
底部为按钮组件,点击后可进入下一页面继续操作.
功率模式 (Power)
在此页面,用户可以选择扫地机器人的工作功率模式,包括:
节能模式(Eco Mode)
标准模式(Standard Mode)
强力模式(Powerful Mode)
采用滚动切换与分页设计,确保界面简洁直观,使首次使用者也能轻松完成模式选择,符合用户友好目标.
功能模式 (Mode)
在功能模式页中,用户可以在三种清洁方式之间切换:,包括:
吸尘模式(Vacuum)
拖地模式(Mop)
吸尘与拖地双模式(Vacuum + Mop)
同样采用滚动分页交互,进一步降低学习成本,提升操作流畅性.
完成页面 (Final)
完成页面用于展示扫地机器人启动后的反馈信息,确认用户所选功能已开始执行。
为了保证完整的用户流程体验,页面底部增加了“返回首页”按钮,用户在需要时可快速重新开始操作。
双钻石设计模型:第一钻石:问题定义阶段(Research Phase)
-发现(Discover)
目标:找出首次使用者或对家务机器人不熟悉用户在使用过程中的最大痛点。
进行初步用户研究与竞品分析。
发现用户最关注的是「功能理解难」与「操作复杂感」。
-定义(Define)
目标:聚焦并明确核心问题,确定设计挑战。发现用户最关注的是「功能理解难」与「操作复杂感」。
将问题聚焦为:「如何让新用户快速理解产品功能,并顺利使用?」
明确设计任务:界面要极简直观,交互逻辑需清晰易懂。
双钻石设计模型:第二钻石:方案设计阶段(Design Phase)
-开发(Develop)
目标:探索和迭代潜在解决方案。
设计了观看宣传片引导页(Intro页面),降低首次使用陌生感。
采用滚动与分页的交互方式(在Mode页面切换清扫模式),确保操作自然流畅。
制作中低保真原型,并使用 Figma 与 Protopie 进行交互测试验证。
-交付(Deliver)
目标:完成并交付最终设计解决方案。
细化视觉界面,包括品牌标识展示、模式切换与确认流程。
完成最终高保真原型,并在测试中观察用户是否能顺利完成从启动到启动清洁任务的完整流程。
设计了返回首页按钮,确保用户能灵活修改已选择的设置,提升体验容错性。