
详细解析我的迭代设计方法论,从初步研究到最终交付,并为各阶段的设计师提供实用建议。
Jay Ho Oh
打造成功的数字产品并非遵循僵化的公式,而是建立一个灵活的框架,以适应每个项目的独特挑战。在经历了数十个产品的打磨后,我开发出了一套流程,能够持续交付成果,同时留有创意和迭代的空间。
在本文中,我将通过最近的EcoTrack应用案例,带您了解我的从头到尾的设计流程,从最初的发现到开发人员的交接。
每个优秀的产品都始于理解它试图解决的问题。对于EcoTrack,我们的挑战是创造一种引人入胜的方式,让用户跟踪其环境影响,而不会因内疚或复杂的数据而感到不知所措。
12位我首先对来自不同人群的 12 位潜在用户进行了访谈,重点关注他们目前的习惯以及对可持续发展的态度。这些对话揭示了一个关键的洞察:大多数人希望做出环保的选择,但却因计算其影响的复杂性而感到无从下手。
“我关心环境,但我不知道使用纸袋是否真的比塑料更好,或者我的可重复使用水瓶是否有所作为。” — 访谈参与者
接下来,我分析了现有的可持续发展应用程序,创建了功能比较矩阵,以识别空白和机会。大部分竞争对手专注于碳足迹计算,但未能提供可行的指导或积极的强化。
在开始使用 Figma 绘图之前,我与利益相关者共同确定了明确的成功指标:
在对问题空间有了深刻的理解后,我进入了流程的创意阶段。
我总是从纸和笔开始,快速探索不同的 approaches,而不受数字工具的限制。对于EcoTrack,我用从游戏化体验到数据密集型仪表盘的概念填满了三个素描本。
基于研究洞察,我开发了一个以用户为中心的信息架构,优先考虑简单性和可行的信息:
我确立了四项核心设计原则来指导所有决策:
在概念框架到位后,我进入了原型设计和测试的迭代循环。
我创建了线框图,关注用户流程和信息层次结构,刻意保持视觉设计简约,以关注反馈的功能性和结构。
对 8 名参与者进行的线框图测试揭示了几个关键洞察:
根据测试反馈,我完善了概念,并开发了具有更多视觉细节的交互式原型,关注:
第二轮测试显示可用性有了显著提高,但也凸显了新的挑战:
在核心体验得到验证后,我进入了高保真视觉设计阶段。
我开发了一套兼顾亲和力与可信度的视觉语言:
为了确保一致性并促进开发,我创建了一个全面的设计系统,包括:
最终原型将所有元素结合成一个连贯的体验,我们在进入开发之前,用更广泛的用户群体测试了它。
设计过程并不会在开发开始时结束——它在不断演进。
在实施过程中,我与开发人员密切合作,参与代码审查,并调整设计以解决技术限制,同时保留核心体验。
我们集成了分析功能来跟踪我们的成功指标,设置了仪表盘来监控关键交互和用户旅程。
发布后,我们建立了定期的分析与迭代周期:
发布六个月后,EcoTrack 已超出我们最初的成功指标:
这个项目最重要的教训是使抽象概念具体化。通过将复杂环境数据转化为个人、可行的洞察,我们创造了一个不仅教育用户,还能赋予他们做出有意义改变的体验。
有效的产品设计从来都不是一条线性旅程 — 它是一个持续的学习和改进循环。通过专注于用户需求,同时保持灵活的问题解决方式,我们可以创造不仅满足商业目标,还能真正改善人们生活的产品。
我很乐意听到您自己的设计流程以及您如何应对类似的挑战。欢迎随时联系我提问或在下面的评论中分享您的经验。