帮助用户可视化并定制理想家居

Time: 2023

Time: 2023

Duration: 2 months

Duration: 2 months

设计任务

这是一个学术类移动端设计项目,我担任唯一设计师,致力于优化家装定制流程,并改善业主与设计师之间的沟通体验。

我的职责

负责用户研究、访谈与情境调查,绘制用户旅程图并进行竞品分析;通过从低保真到高保真的原型设计与可用性测试,交付完整的解决方案。

负责用户研究、访谈与情境调查,绘制用户旅程图并进行竞品分析;通过从低保真到高保真的原型设计与可用性测试,交付完整的解决方案。

项目时间

2023 年 4 月 – 2023 年 6 月

2023 年 4 月 – 2023 年 6 月

设计亮点

设计亮点

轻松流畅的家装体验

发现家装风格

通过智能筛选器快速找到并探索适合的风格,获取灵感与自信。

通过智能筛选器快速找到并探索适合的风格,获取灵感与自信。

匹配合适的设计师

与风格和专业度契合的设计师建立联系,满足项目需求。

与风格和专业度契合的设计师建立联系,满足项目需求。

可视化家居配饰

在真实房间中预览家具和饰品,并可调整位置与比例。

在真实房间中预览家具和饰品,并可调整位置与比例。

无缝沟通协作

借助内置工具和共享的项目进度安排,保持高效协作与同步。

借助内置工具和共享的项目进度安排,保持高效协作与同步。

项目背景

项目背景

让家装设计变得轻松无压力

设计挑战

在我的室内设计实习期间,我注意到一个普遍问题:许多业主在选择上感到迷茫,且难以清晰表达自己的设计愿景。我发现了一个机会,可以通过更直观、可引导的设计流程来简化这种体验。

在我的室内设计实习期间,我注意到一个普遍问题:许多业主在选择上感到迷茫,且难以清晰表达自己的设计愿景。我发现了一个机会,可以通过更直观、可引导的设计流程来简化这种体验。

“我不知道该从哪里开始,每个决定都像座大山。
更难的是要把我的想法表达清楚——这让我倍感压力。”

—— Alex,首次购房业主

核心问题

我们如何帮助用户更轻松地完成家装设计,并清晰表达他们对新家的愿景?

我们如何帮助用户更轻松地完成家装设计,并清晰表达他们对新家的愿景?

用户研究

用户研究

洞察用户需求,驱动设计方向

为构建真正基于用户需求的解决方案,我采用了混合研究方法,结合定量与定性研究手段:

  • 线上评论分析(如 Houzz、Reddit 等)——提炼用户常见的痛点与反复出现的挫折

  • 量化问卷——收集用户满意度与痛点数据,测量需求在规模上的表现

  • 深度访谈——挖掘用户在家装过程中的情感、期望与具体需求

这些方法帮助我识别了关键体验差距与需求,为我的设计提供了清晰方向。

这些方法帮助我识别了关键体验差距与需求,为我的设计提供了清晰方向。

核心洞察

核心洞察

通过对研究结果的分类,我将用户旅程梳理为四个关键阶段:

通过对研究结果的分类,我将用户旅程梳理为四个关键阶段:

收集灵感

收集灵感

浏览风格与灵感素材

可视化家装想法

将配饰放入 3D 空间中进行预览

寻找合适的设计师

浏览并筛选匹配的设计师

推进与追踪设计进度

跟踪项目进展并高效沟通

我基于这四个阶段绘制了用户旅程地图,可视化了用户在家装过程中的行为、目标与痛点,识别了关键的设计优化机会。

我基于这四个阶段绘制了用户旅程地图,可视化了用户在家装过程中的行为、目标与痛点,识别了关键的设计优化机会。

研究揭示了一个机会:打造一个个性化平台,帮助用户可视化、定制并验证家装决策,既满足情感需求,又能获得专家指导。

研究揭示了一个机会:打造一个个性化平台,帮助用户可视化、定制并验证家装决策,既满足情感需求,又能获得专家指导。

对比分析

对比分析

在第一个阶段——收集灵感时,我分析了用户如何通过线下渠道收集家装信息,比较其优缺点,并发现信息碎片化、缺乏整合是一个普遍痛点。

在第一个阶段——收集灵感时,我分析了用户如何通过线下渠道收集家装信息,比较其优缺点,并发现信息碎片化、缺乏整合是一个普遍痛点。

关键洞察

通过研究,我发现用户在整个过程中面临以下系统性痛点,揭示了从灵感—决策—执行需要弥合的机会点:

通过研究,我发现用户在整个过程中面临以下系统性痛点,揭示了从灵感—决策—执行需要弥合的机会点:

体验碎片化

体验碎片化

用户在多个渠道间切换,却缺乏统一方式将灵感转化为可执行方案。

单向沟通

大多数平台无法支持实时互动或提供个性化专业反馈。

缺乏真实环境语境

用户难以想象设计在自己空间中的效果,增加了不确定性。

决策信心不足

尤其在网上,缺乏清晰指导让用户难以做出有把握的选择。

我希望设计一款应用,能够整合分散的信息渠道,帮助用户更高效地收集灵感,并将家装计划落实到可执行的方案中。

我希望设计一款应用,能够整合分散的信息渠道,帮助用户更高效地收集灵感,并将家装计划落实到可执行的方案中。

综合分析

综合分析

识别痛点与机会
核心痛点

在调研中,我总结出四个核心痛点,它们分别对应用户旅程中的关键阶段:

灵感过载

灵感过载

过多的选择让用户难以确定清晰的设计方向。

缺乏可视化工具

用户无法在真实家居环境中预览设计效果。

寻找合适团队困难

用户很难找到符合自己需求的设计师。

规划与沟通碎片化

缺乏协调,导致延误与混乱。

设计方向
设计方向
设计方向

基于用户研究洞察,我提炼出三大核心设计方向:通过精选的灵感库帮助用户探索风格,提供专业沟通渠道,以及在真实环境中可视化家装方案。

基于用户研究洞察,我提炼出三大核心设计方向:通过精选的灵感库帮助用户探索风格,提供专业沟通渠道,以及在真实环境中可视化家装方案。

风格探索

风格探索

通过精选的灵感库筛选并保存偏好风格。

专业沟通

专业沟通

与设计师建立联系,管理会议并追踪进度。

家装可视化

家装可视化

在真实家居环境中预览饰品与设计效果。

聚焦用户

聚焦用户

用户画像与用户流程设计

在综合用户研究中提炼出的痛点和设计机会后,我创建了一个用户画像,以捕捉在家装过程中繁忙职场人士的核心需求、目标与挫折。

在综合用户研究中提炼出的痛点和设计机会后,我创建了一个用户画像,以捕捉在家装过程中繁忙职场人士的核心需求、目标与挫折。

我梳理了 Lisa 的核心用户流程,涵盖收集灵感、可视化空间、寻找设计师与跟踪进度四个阶段,全面捕捉她在装修旅程中的关键行为、决策与痛点。

我梳理了 Lisa 的核心用户流程,涵盖收集灵感、可视化空间、寻找设计师与跟踪进度四个阶段,全面捕捉她在装修旅程中的关键行为、决策与痛点。

STAGE 1

STAGE 1

发现我的风格

Lisa 使用应用探索符合自己品味的设计方向。她浏览精选的灵感库,通过房间、风格和色彩等筛选条件来寻找喜欢的方案,并保存心仪的风格。最终,Lisa 得到了一份清晰的风格清单,这不仅增强了她的信心,也为家装项目提供了明确方向。

Lisa 使用应用探索符合自己品味的设计方向。她浏览精选的灵感库,通过房间、风格和色彩等筛选条件来寻找喜欢的方案,并保存心仪的风格。最终,Lisa 得到了一份清晰的风格清单,这不仅增强了她的信心,也为家装项目提供了明确方向。

设计探索

设计探索

在设计该功能时,我的目标是帮助像 Lisa 这样的用户,以高效且沉浸的方式浏览和筛选灵感。我探索了两种主要的布局方案:

选项 1:纵向卡片

符合移动端用户的使用习惯

强调大图,便于视觉灵感获取

不利于快速浏览大量案例

选项 2:网格视图

可同时查看更多案例

适合模式识别和快速对比

图片尺寸较小,沉浸感不足

难以显示完整信息

在权衡后,我选择了纵向卡片布局,因为它最能满足视觉沉浸和浏览效率的需求。

在权衡后,我选择了纵向卡片布局,因为它最能满足视觉沉浸和浏览效率的需求。

Browsing Styles

Browsing Styles

大尺寸图卡:强化视觉冲击力

简洁直观的筛选标签:便于快速定位结果

一键收藏功能:让用户轻松收集和回顾喜欢的风格

STAGE 2

STAGE 2

可视化我的空间

在第二阶段,Lisa 使用应用测试不同饰品、灯光和壁纸在家中的效果。她通过浏览素材库、添加物品并调整大小与位置,获得真实的空间预览。这帮助她尝试多种风格,并直观地看到整体搭配效果,在做决定时更有信心。

在第二阶段,Lisa 使用应用测试不同饰品、灯光和壁纸在家中的效果。她通过浏览素材库、添加物品并调整大小与位置,获得真实的空间预览。这帮助她尝试多种风格,并直观地看到整体搭配效果,在做决定时更有信心。

设计探索

设计探索

为了支持用户更好地沉浸式体验和高效操作,我探索了两种主要的布局方案:

选项 1:底部抽屉式

熟悉的移动端交互模式

房间视图保持完整,顶部空间最大化用于展示效果

预览空间有限

难以扩展

选项 2:侧边栏式

较大显示空间,方便快速浏览饰品

容易扩展

遮挡主要房间视图:降低与 3D 场景的沉浸式互动感

不适合单手拇指操作

我选择了底部抽屉式布局,为 Lisa 提供沉浸式编辑体验,让她能够专注于房间效果,同时还能方便地单手触及饰品。

我选择了底部抽屉式布局,为 Lisa 提供沉浸式编辑体验,让她能够专注于房间效果,同时还能方便地单手触及饰品。

Adding Accessories

Adding Accessories

✅ 底部抽屉 + 横向滚动,快速访问不同类别

✅ 清晰居中的 3D 房间视图,提升空间编辑体验

✅ 拇指友好的交互设计,贴合移动端使用习惯

STAGE 3

STAGE 3

寻找并匹配合适的设计师

在第三阶段,Lisa 浏览设计师主页,查看过往项目、评分与客户故事,以寻找符合家庭风格和需求的设计师。她还通过阅读设计故事,了解设计师的思路,并查看改造前后的案例,直观感受实际效果。

在第三阶段,Lisa 浏览设计师主页,查看过往项目、评分与客户故事,以寻找符合家庭风格和需求的设计师。她还通过阅读设计故事,了解设计师的思路,并查看改造前后的案例,直观感受实际效果。

设计探索

设计探索

为了帮助像 Lisa 这样的用户更好地理解设计师的作品,我在应用中添加了设计故事模块,展示项目的前后变化及关键细节。我探索了两种布局方案来呈现这一功能。

选项一:时间线布局

按时间顺序展示,结构清晰

支持详细文本,如流程、客户笔记与标签

不适合进行并排对比

浏览多项改造时效率较低

选项二:画廊布局

一目了然地展示设计效果

易于快速浏览,情感上更具吸引力

文本空间有限,难以承载详细叙述

在对比布局后,我选择了画廊布局,因为它更直观地展示设计效果,既能吸引用户,也便于 Lisa 在查看设计师档案时快速建立信任感。

Finding Designers

Finding Designers

✅ Before-and-after galleries to communicate transformation instantly

✅ Mobile-friendly, swipeable interface for easy, emotional engagement

✅ Light timeline elements to highlight process milestones

为了让设计师更好地理解客户需求,我新增了家庭信息收集模块,用户可填写详细资料,以便设计师定制方案。

选项一:可滚动表单

让用户一次性完整输入信息

通过顶部标签方便切换家庭成员

适合希望在提交前看到完整概览的用户

输入过多时可能让用户感到负担过重

选项二:分步表单

聚焦单个部分,减少认知负担

引导性更强,交互更友好

由于步骤增加,完成速度较慢

难以回退并修改已填写的答案

在对比不同方案后,我选择了可滚动表单布局。这一设计兼顾了快速填写与灵活性,特别适合需要管理多个家庭成员信息的用户。

Customizing Home Information

Customizing Home Information

连续表单:支持快速填写与整体回顾

顶部标签切换:方便在不同家庭成员之间切换

清晰的输入区域:减少潜在错误并保持条理清晰

STAGE 4

STAGE 4

预定与推进项目

在第四阶段,Lisa 与设计师预约咨询,期间设计师会分享概念、情绪板和 3D 可视化方案。双方一起讨论反馈、材料以及如何最大化利用空间。确定方案后,Lisa 确认时间表,制定项目进度,并通过共享工具跟踪任务,确保她在整个过程中始终获得信息与支持。

设计探索

设计探索

为了帮助 Lisa 跟踪进度、安排任务,并与设计师保持顺畅沟通,我设计了一个专门的 项目中心 模块。该模块让 Lisa 可以随时查看已完成的任务、了解即将到来的里程碑,并与设计师保持同步。

选项一:日历布局

基于日期的清晰视图 —— 易于查看事件发生时间

适合协调日程与可用性

难以整体查看项目进度或多阶段流程

Option 2 - Timeline

清晰展示项目阶段与流程

有助于理解任务进度与关键里程碑

日期细节较弱 —— 未与日历直接关联

在对比两种方案后,我选择了日历布局,因为它为像 Lisa 这样的用户提供了清晰的、基于日期的可视化视图,帮助她轻松了解项目的进展与重要事件。

Meeting Designers

Meeting Designers

标签式布局:便于在进度跟踪、日程安排和沟通之间轻松切换

集成进度更新:与实际日期关联,直观展示已完成与待完成的任务

即时沟通工具 / 聊天机器人:支持与设计师的实时沟通

Reflection
Reflection
Reflection

设计 Nest 应用 对我来说是一段特别的经历。它结合了我在室内设计方面的背景,也源于我想解决用户和设计师在家装中常见问题的动力。

设计 Nest 应用 对我来说是一段特别的经历。它结合了我在室内设计方面的背景,也源于我想解决用户和设计师在家装中常见问题的动力。

以用户为中心

在设计过程中,我始终站在用户和设计师的角度思考他们的需求和痛点。比如,他们需要更清晰的筛选工具、更直观的可视化方式,以及更顺畅的沟通渠道。这些都成为了应用的核心功能。

在设计过程中,我始终站在用户和设计师的角度思考他们的需求和痛点。比如,他们需要更清晰的筛选工具、更直观的可视化方式,以及更顺畅的沟通渠道。这些都成为了应用的核心功能。

不断迭代更新

我通过和用户、设计师、行业专家的交流,不断收集反馈。每次可用性测试都让我发现新的问题,并推动我去优化。这样应用才能一直跟上用户和设计师不断变化的需求。

我通过和用户、设计师、行业专家的交流,不断收集反馈。每次可用性测试都让我发现新的问题,并推动我去优化。这样应用才能一直跟上用户和设计师不断变化的需求。

设计机会
让 AI 提供更聪明的建议

未来我希望把机器学习融入其中。通过分析用户输入和偏好,应用可以给出更贴合个人的设计方案,就像一个随身的设计顾问。

未来我希望把机器学习融入其中。通过分析用户输入和偏好,应用可以给出更贴合个人的设计方案,就像一个随身的设计顾问。

用 AR/VR 带来沉浸式体验

同时,我也设想通过 AR 和 VR 技术,让用户在虚拟环境中亲身感受设计效果。这样他们不用再靠想象,而是能实时看到设计会在自己家里呈现的样子。

同时,我也设想通过 AR 和 VR 技术,让用户在虚拟环境中亲身感受设计效果。这样他们不用再靠想象,而是能实时看到设计会在自己家里呈现的样子。

© Jinlan Huang 2024

© Jinlan Huang 2024

© Jinlan Huang 2024