新的设计流程

我想我找到了我的新设计流程...

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

汇智网翻译整理,转载请标明出处