UX/UI 设计的未来｜如何与AI合作创造更好的设计
文摘
科技
2023-05-26 15:30
上海
本文介绍了如何利用人工智能工具来加速设计流程，包括项目定义、了解业务和用户问题、用户体验研究、构思、UI 设计和可用性测试等方面。通过合理的提示，我们可以与 AI 工具协作，获得更好的结果。设计师们可以从中学习如何更好地与 AI 协作，提高效率，创造更优质的作品。
使用 AI 进行 UX/UI 设计
加快您的工作流程。远远超过 ChatGPT 和 Midjourney。人工智能不会取代设计师（好吧，不是我们所有人），但知道如何使用它的设计师会。是时候借此机会学习如何与人工智能协作并提高您的工作效率了。在本文中，我将介绍几种可以帮助您完成整个设计过程的工具。为了突出不同的活动，我们将经历设计过程的以下阶段：项目定义和范围
了解业务和用户问题
用户体验研究
构思
UI设计（高保真模型）
可用性测试
利用人工智能的力量将使您的工作更快，并可能以更好的质量取得成果。设计过程示例
您可能要求 AI 做的第一件事是生成项目简介。当您处理您的作品集并且无法展示真实项目或只想练习设计技能时，这可能会有所帮助。我试验过的最重要的工具之一显然是chatGPT。它将帮助我们弄清楚本文的设计概要。提示“写出三个移动设计应用程序的简要想法”导致以下应用程序类别的摘要：因为前两个感觉不是那么原始，让我们继续冥想应用程序简介。这是我们收到的：概述：我们的正念和冥想应用程序旨在帮助用户实现心理健康并减轻日常生活中的压力。通过指导冥想、平静的音乐和呼吸练习，这个应用程序将为放松和个人成长提供一个庇护所。- 引导冥想：该应用程序将提供多种多样的引导冥想课程，从简短的正念练习到更长的深度放松练习。用户可以根据自己的喜好和期望的结果选择会话，例如缓解压力、增强注意力或改善睡眠。
- 可定制的设置：用户可以通过选择背景声音、音乐流派或受自然启发的主题来个性化他们的冥想体验。他们还可以为日常冥想练习设置提醒，并随着时间的推移跟踪他们的进度。
- 呼吸练习：该应用程序将提供各种呼吸技巧，以促进放松和减轻压力。用户可以按照视觉提示和音频说明来同步他们的呼吸模式，以改善正念和情绪平衡。
让我们将其用作我们客户的简介、业务要求和范围。我们将使用该材料来展示 AI 如何支持设计师进行进一步的工作。现在我们应该深入细节以获得领域知识，调查竞争对手并做一些初步研究；我们将使用 chatGPT 来做到这一点（或者我们也可以使用 NotionAI），但首先，让我们学习如何使我们的提示更好。通过正确的提示获得更好的结果。
在我们进入真正的设计过程之前，让我们学习如何与 AI 工具协作。在对生成式 AI 的最初炒作让我们中的许多人感到惊讶之后，我们意识到 AI 可能会对我们撒谎。然而，通过正确的提示构建，我们实际上可以限制获得虚假数据的可能性。为了鼓励 AI 更加精确并生成我们可以验证的真实数据，请在提示末尾添加以下短语：“（……）显示详细过程和背后的原理。添加指向包含您提供的数据的网站的链接。”因此，您将能够跟踪 AI 是否正确回答。最终，您可能会在生成内容所附的网站上找到答案。它仍然不完美，但它显着增加了依赖真实数据的机会。更重要的是，你会及时注意到，如果你不在提示中添加请求，经过训练可以添加源和链接的 chatGPT 将开始附加它们。最新数据？
你必须知道，像 chatGPT 这样的一些工具是在一些特定的数据集上训练的。他们不会自己浏览互联网，这意味着他们的知识可能存在差距，或者 AI 可能不知道最新的信息、新闻或统计数据。了解问题并使用 AI 进行研究
好了，我们又加强了一点关于写提示的知识。让我们将它用于我们的项目。为了了解问题和业务目标，我们必须调查从客户那里得到的每一个观点和想法。向 chatGPT 或 Notion AI 询问一些你想获得的术语和知识。出于本练习的目的，让我们尝试分析简短的“呼吸练习”中的第三个关键特征。“冥想中使用的呼吸练习是什么？其中哪些受欢迎，它们如何帮助人们？逐步描述你的思维方式。添加指向包含您提供的数据的网站的链接。”作为回答，我收到了三种带有分步说明的技术。为了确认它们不仅仅是 AI 的发明，我还收到了网页链接（这里是我得到的呼吸技术链接示例），我可以在其中验证它们。对于不是呼吸技巧专家的人来说非常方便和有用！值得一提的是，网站文章比 AI 更有价值和精确，但仍然值得看看 chatGPT 生成的内容以获得初步印象。接下来，我们可能会向 AI 询问人们放弃冥想的问题、痛点和主要原因。最后，为了完成基准测试和研究，您还可以向 AI 询问竞争对手的应用程序、人口统计等。永远记得要求某种确认以验证生成的数据（我总是尝试要求链接）。当我询问冥想应用程序的人口统计数据时，我得到了一些过时的数据（链接将我带到空白页面）。所以正如你所看到的，AI 很棒但并不完美！构思
计算机本身并没有创造力，但我们可以利用它们来获得灵感并构思解决方案。让 AI 创建客户旅程或用户流程
人工智能可能有助于为客户旅程产生创意。添加一些特殊命令，例如指定将应用程序与竞争对手区分开来的功能，可能会为结果增加一点趣味！我在 chatGPT 中使用了以下提示：“假设你是一名产品设计师。为想要使用冥想应用程序进行深腹式呼吸练习的用户设计客户旅程。突出显示可以将该应用程序与竞争对手区分开来的区域。”下面给出的结果不是最佳解决方案，但您可以将其视为起点。人工智能在这里激励你；您是做出最终决定的设计师。
优化你的想法
或者，如果您已经对流程有了一些想法，您可以在 chatGPT 中描述它并提出几个问题：如果您想通过某种特定方法获得设计想法，您可以将我们的项目简介输入dice.design工具。Dice.design将为您提供一些关于如何解决特定问题和要求的想法。
界面设计
所以我们有我们的流程。如果您已经对它的外观有所了解，您可以绘制它并跳入高保真模型。如果您需要快速入门，请尝试使用这些 AI 插件来生成初始设计。它们并不完美，但它们会给你某种启发：这两种工具都需要提前访问权限，但值得加入等候名单，以便在公开时得到通知。定义品牌风格
如果您的客户已经有了品牌指南，您就可以使用现有的一组颜色、排版和其他资产来创建令人愉悦的用户界面。然而，许多新鲜的想法需要弄清楚解决方案的视觉风格。如果你想加快这个过程，有几种方法可以使用 AI 指定调色板和排版。显然，您可能会要求 Midjourney 生成一些模型，但这只是一个灵感，一个很好的起点，但您会处理其余部分。并利用深度学习的力量来为你的排版设计字体配对——FontJoy如果你得到的图像质量很差，请尝试使用像Let's Enhance这样的放大工具，当你需要删除背景时，可以使用不错的 Figma 插件。你可以测试这个——Unbackground使用 AI 加速 UI 设计
使用前面提到的工具，您已经能够比平时更快地启动您的项目。如果您正在深入了解更多细节，例如从文本生成图标和复制改进，此工具将为您提供帮助：Magician该团队还在研究某种设计伴侣；你可以在这里加入候补名单：Genius要生成插图，您的首选可能是Midjourney或Dalle-2要创建真实的 3d 对象，您应该加入Spline AI 工具的候补名单如您所见，对于 UI 设计，我们将在生成一些资产（如图标和插图）方面获得支持。在不久的将来，人工智能也将成为一个更好的助手，帮助我们避免工作中重复的部分。改进文案
副本的第一个版本通常远非完美。即使你向 AI 工具询问一些信息，第一个答案也可能非常笼统。为了提高质量和结果，请始终写一个带有额外请求和信息的提示，例如您需要的语调。好主意是要求三个替代版本。然后你可以选择一个并要求 AI 进一步改进它。对于复制改进，请使用chatGPT、NotionAI和Jasper。用户测试
在此阶段更换人类可能是最困难的事情。与人互动需要特殊技能，此外，人工智能不会很快成为那么好的天文台。首先，热图，即使在今天，也有一项服务可以帮助我们模拟眼动追踪测试，以确定用户的注意力会去哪里。可用性测试期间人工智能的另一个用途是合成您从用户那里收到的数据。Kraftful是在这种情况下应该有用的工具。AI 用于实施？
在不久的将来还会有更多。如果您与团队合作，是时候准备设计交接了。但是，如果您是非编码人员之一，您可能会跳入您最喜欢的工具并开始将您的设计转化为真正的解决方案。这也是AI存在的领域。很快，Framer 将介绍其助手，该助手将立即帮助您设置项目的网站。总结
有数百种包含 AI 的工具可以在流程的各个阶段为我们作为设计师提供支持。让我们收集本文中提到的所有工具，并再次强调它们可能有用的地方：chatGPT
NotionAI
Midjourney
Dalle-2
Colormind
Huemint
Khroma
Let’s Enhance
Unbackground
UIzard Auto designer
Galileo
Magician
Kraftful
Genius
Jasper
Spline AI tool (即将推出)
Dice design
Visual eyes
Framer (即将推出)
可以在tools.design中找到其他设计工具的列表。最后，请记住，这与您使用的工具数量无关，而与您获得的结果有关。如果您只能通过 1-2 改进您的工作流程——那就去做吧！最好掌握一些解决方案，而不是浪费时间使用其中 10 个而没有任何效果。我希望您受到启发，投身于支持我们工作的 AI 世界。如果您正在寻找其他节省时间的工具，例如动画Framer 模板或Figma 设计系统套件，请不要忘记查看我为您准备的工具 — uxmisfit.tools。
📅30天AI产品经理养成计划
4月22日-5月22日
第一阶段 Day 1-5 了解AI技术
第二阶段 Day 6-10 了解AI产品
第三阶段 Day 11-15 学习产品管理
第四阶段 Day 16-20 学习数据分析
第五阶段 Day 21-25 学习项目管理
第六阶段 Day 26-30 实践项目
👩🏻💻策划 | Siin
👨🏼🎨设计 | Siin
