新的设计流程
我想我找到了我的新设计流程...
1、向虚空口述
这是我向虚空口述的步骤。这可能包括与同事的对话、与自己的对话,或者只是按住口述键,我随机地思考和思索我试图解决的问题,基于我手头的所有信息。
我个人最喜欢的口述工具是@WillowVoiceAI——我现在正用它来记录这些内容。
如果这是与另一个人的对话,基本上我会从这些通话中获取转录稿,然后把它们全部倾倒入 Claude。非结构化、无组织、无分类、无语境化。我只是将关于项目的一切都输入进去。
有时候我甚至不告诉它我为什么要粘贴我正在粘贴的内容。我只是说:"这是一份转录稿,自己搞清楚。"
@NotionHQ的录音是我目前用于此目的的工具,但老实说,如果有专门用于此目的的工具,我会很感兴趣。
@meetgranola也不错,但对我来说,使用 Notion 更容易,因为我们的所有文档都存放在那里。
最低摩擦率获胜。
2、AI研究与探索
这是 Claude Code 非常有价值的地方。我与它来回交流,给它更多上下文。它会提出有趣的问题。通过描述我试图解决的问题,我获得了更好的理解。
我让 AI 作为我的研究助手深入挖掘,并让它去执行子任务,进行网络搜索、创建 CSV、表格、开始编写可能相关的 markdown 文件。从我可能访问的其他地方拉取相关文档。
基本上,这是我们试图在干草堆中寻找针的地方。或者说,我在试图寻找可能包含针的干草堆。
3、让AI构建糟糕的设计
这是我起初讨厌但现在认为有价值的一步。
AI 在设计方面很糟糕。
我不是指 UI,而是指应用结构、功能提示、微文案、布局、与当前产品的集成,所有那些让某样东西真正易于使用的设计元素。
糟糕透了。
但我不在乎。
我意识到,像 Claude Code 这样的工具设计出糟糕的东西有着巨大的好处——它给了我一个更好的起点。
我不必从空白画布开始,也不必从一个现有的产品功能开始——那个功能可能并不是我真正想要的——而是从一个糟糕的设计开始,虽然实现得很差,但功能上很健全。
然后事情就变得有趣了。
4、严厉批评
我拿起那个设计得很糟糕的产品,开始批评它,用超级批判的眼光审视它并挑毛病。没有建设性反馈,只是"哇,这太糟糕了,修好 X、Y、X"
我找到了所有的边缘。我找到了所有的边缘情况。我找到了我缺失的所有屏幕。我找到了所有的错误状态、悬停提示、哪些信息不应该展示与展示了什么,然后开始把所有内容删减到绝对最低限度。
AI 设计是极简主义的反面。它会在页面上到处抛出颜色、标签、图标、标题、分类和卡片,就像在页面上呕吐一样。它创造出了某种东西,对外行的眼睛来说看起来像个产品。
但这只是糟糕的设计。
过去这对产品来说是死刑。无法挽救。从糟糕决策中回撤一切的代价太高了。
过去是这样。
但现在不一样了。
现在,将应用从糟糕的决策中切换走的代价实际上为零。我可以在一天内从零开始十次。我可以把一个垃圾应用削减到它需要的样子,然后在几个小时内把它重建起来。
那个糟糕的脚手架,那个垃圾应用,只是某种新东西的灰烬。我的工作是找到那个涌现。
我可以戴上创意总监的帽子,开始红批注、注释,理解展示了什么信息与应该展示什么,这让我意识到如果设计得当产品可能感觉如何,给我带来了清晰度。
5、文本/语音细化
这是我使用@conductor_build等工具的地方。我会在不接触 @Figma 或任何其他传统设计工具的情况下,尽可能细化应用的结构和 UI。
我会达到这样的程度:在正确的时间展示适当的信息,信息架构以正确的方式排列,感觉性能良好,或者拥有我希望应用拥有的所有功能。但当我达到某个点——这个功能上可以是一个好产品时……它仍然不是设计良好的。它需要改进。
它仍然没有经过打磨。
它没有被设计。
文本和语音作为设计媒介太笨拙了。没有精度可以深入细节,进行打磨,创建图标,拥有统一的组件库,理解一切如何连接在一起,元素如何重用,以及它如何融入更大的应用。
在这个阶段,你会不断遇到 AI 的问题。如果你引入新功能,它会添加新组件,它会创建新的按钮样式,它不会记住以前已经构建的元素并开始使原型膨胀。
继续在这个阶段周而复始是很诱人的,但上限永远不会足够高。永远在这个阶段继续是愚蠢的。
6、利益相关者反馈
这是获得利益相关者反馈、了解人们如何与应用程序交互、让其他人看到它、看看它如何适配,并开始从团队角度推动对话的好步骤。
一旦其他人可以看到你在哪里工作或你如何处理它,就是时候继续前进,完全抛下灰烬了。
步骤 1-5 创建了一个有趣的应用程序,但其中充满了未使用的代码、表达不清的决策,以及上下文不完全理解东西应该在哪里与它们是什么。
7、文档和截图
在这个阶段,我告诉 Claude 编写一个包含上下文、历史和约束的新文件夹的 markdown 文件,这些文件对下次开发应用程序会有帮助。
没有代码,只有 markdown。
实际上,我是从零开始,但我正在使用转录稿和现有代码来告知应用更好的构建。同时,我也会截取我能想到的每一个状态的屏幕截图:所有不同的排列组合、所有不同的边缘情况,以及我想要实际优化和更高层级设计的所有东西。
这就是我三个月前才开始的地方。太疯狂了。
8、视觉设计(Figma)
我获取所有截图和所有上下文,生成用户流程图,然后进入 Figma。我实际上开始以良好的设计方式构建应用:自动布局,我以前做的所有东西,颜色,重用设计系统,排版,设计令牌,所有这些。
原文链接: The New Design Process
汇智网翻译整理,转载请标明出处