paint-brush
ChatGPT 能在多大程度上帮助 UI/UX 专业人士设计应用程序?经过@andriiliubymov
7,108 讀數
7,108 讀數

ChatGPT 能在多大程度上帮助 UI/UX 专业人士设计应用程序?

经过 Andrii Liubymov6m2023/10/12
Read on Terminal Reader

太長; 讀書

人工智能会取代产品设计师吗? UI/UX 和产品设计师如何使用 ChatGPT 来创建设计概念并将其工作流程提升到新的水平?
featured image - ChatGPT 能在多大程度上帮助 UI/UX 专业人士设计应用程序?
Andrii Liubymov HackerNoon profile picture
0-item


“一切可以自动化的事情都将自动化” - Robert Cannon,互联网法律和政策专家


我们不能否认人工智能(AI)是今年的趋势。随着该技术的出现及其在各个行业的快速采用,UI/UX 和产品设计师必然会参与其中。 ChatGPT、Midjourney、DALL-E 2 和 Stable Diffusion 等产品已经非常受欢迎,并被我的许多同事积极使用。


作为一名 UI/UX 设计师,我已经意识到,在我的工作流程中实施 ChatGPT 显着提高了我创建更用户友好界面的能力。在这篇文章中,我将重点介绍 ChatGPT 的具体使用方法、它可以带来的好处以及它如何提高您的整体工作效率。那么让我们开始吧!

ChatGPT 作为 UI/UX 和产品设计师的辅助工具

提出请求或立即进行工程

释放 ChatGPT 的全部潜力取决于您制定高效查询的能力。这可以通过掌握请求制定的基础知识并尝试提示样式来实现。


查看一些可能对您有帮助的很酷的示例:



**写下完美的请求就像创建一个食谱。**您需要添加适量的所有必要成分并将它们混合以获得预期的结果。即使一切都正确完成,您可能需要进行一些调整和微调才能创建完美的最终产品。那么,让我们进入正题吧。

为了使以下段落中的内容更容易理解,我们假设我们有一项任务是开发一个移动应用程序,该应用程序将帮助用户以有趣且引人入胜的方式提高他们的数学技能。它可以是一个数学测验应用程序,提供各种测试和谜题来提高和训练大脑技能。

收集需求和想法

ChatGPT 可以通过分析用户请求并生成答案来帮助设计人员收集新项目的需求和想法。它可以包括开发概念以及确定关键功能和设计要求。


让我们看看 ChatGPT 是否可以帮助我们解决这个问题。

ChatGPT 对话


正如您所看到的,ChatGPT 已经描述了相当详细的应用程序概念。如有必要,我们可以询问有关每个功能的其他问题。 ChatGPT 将提供清晰的答案,甚至突出最本质的要点。


MathWiz 的一些设计想法有助于使应用程序对用户更具吸引力吗?

MathWiz 的设计理念


我们的虚拟助手提供了 10 个相当准确的要点,可帮助您为未来的应用程序创建设计概念。

生成设计选项

通过ChatGPT,我们可以获得满足要求的不同设计选项。它使我们能够选择最好的想法并拒绝效果较差的想法。


既然我们已经对未来的 MathWiz 应用程序有了清晰的想法,那么让我们尝试获得其信息架构的详细描述。

生成设计选项


这还不是未来产品的基础,但建议的基本结构可以帮助我们开发与用户的交互,并成为设计的初始阶段。


嗯,那还不错!


也许,ChatGPT 可以为我们的产品推荐最好的颜色?通常,我使用其他工具,如ColormindColorhuntCoolors ,但这次我想得到 ChatGPT 的意见。

ChatGPT 响应


听起来很有希望!我特别喜欢颜色组合描述的彻底性和解释的简洁性。我尝试重新创建这个调色板,总的来说,我对结果感到满意。

调色板


字体怎么样?我们将拒绝系统的旧金山和纽约字体,并尝试使选项多样化。

字体建议


从技术角度来看,答案是相当准确的,尽管乍一看它们很无聊。让我们看看这些字体在现实中的样子:

字体比较

竞争对手初步分析

对我们的竞争对手(其他数学工具)进行深入研究已成为我设计过程的重要组成部分数学大师而人工智能在这里就是一个很好的帮手。 ChatGPT 可以通过自动收集和处理来自各种来源的大量数据来帮助您分析竞争对手。为了获得正确的分析,指定数据呈现的首选格式就足够了,例如以表格的形式:

数学维兹竞争对手

加速模型和原型的创建过程

ChatGPT 可以通过生成元素描述以及元素放置和交互的建议来自动化部分模型创建过程。它使设计人员能够加快开发过程并专注于设计的更具创意的方面。


创建模型

文本内容生成

人工智能提供了一种便捷有效的方式来为各种展示位置(包括登陆页面和产品的其他部分)创建文本。它可以通过自动化流程并减少创建必要文本所需的时间来帮助提高工作效率。

文本内容生成

加速设计系统文档的开发

ChatGPT 可以通过自动生成组件及其使用方式的描述来简化设计系统文档的创建过程。它使设计人员能够专注于项目的本质,确保文档的一致性和易于理解。


让我们看一个示例,了解人工智能如何帮助创建调色板的详细描述、使用设计标记对其进行扩展以及创建印刷比例。

创建调色板


创建设计系统

用户体验任务的自动化

借助 ChatGPT,设计人员可以自动执行复杂的 UX 任务,例如分析用户步骤、识别角色或开发详细的信息架构。人工智能提供深入的数据分析,使您能够创建更智能、更有效的解决方案。


作为示例,让我们回顾一下为我们的应用程序创建的几个用户角色。

用户角色

进行用户研究

ChatGPT 可以自动分析用户反馈,突出关键问题和趋势,并生成有关产品各个方面的清晰度和有效性的报告。它使设计人员能够更快地响应用户需求并对产品进行适当的更改。

确保有效沟通

ChatGPT 可以通过翻译技术术语和简化复杂的概念,使设计人员、开发人员和其他团队成员之间的沟通更加轻松。它可以帮助所有团队成员了解项目目标和要求,以实现更好的协作和更快的结果。


还有什么?


  • 创建用户故事、场景、用户旅程图和用户流程;
  • 为设计和文本创建 A/B 测试选项;
  • 规划设计冲刺;
  • 为投资组合创建您自己的案例;
  • 为文章、帖子和其他与设计相关的任务产生想法;
  • 专业发展;
  • 待续。


而不是结论

我希望我已经通过条件 MathWiz 应用程序的示例揭示了 UI/UX 和产品设计师在工作中使用 ChatGPT 的具体方法,并且您已经找到了对自己有用且适用的东西。


最后,我应该提到网络上最常见的问题之一:人工智能会取代设计师并剥夺他们的工作吗?


击鼓…

在不久的将来,人工智能很难完全取代设计(重复性任务或可以自动化的任务除外)。为什么?因为每个企业,以及一组用户和许多其他因素,都是一个个性化的案例。设计不仅涉及视觉对象的创造,还涉及同理心、创造力和以人为本的解决问题的方法。这些技能不容易用人工智能复制。


因此,ChatGPT 可以被认为是您的个人人工智能助手。谁不想要这样的东西?这个工具已经有了,让我们学习如何使用它。


因此,这给我们带来了最后的声明,即:人工智能不会取代设计师,但使用人工智能的设计师将取代那些不使用人工智能的设计师。