前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >如何在产品设计中使用 ChatGPT:8 个实例

如何在产品设计中使用 ChatGPT:8 个实例

原创
作者头像
I8538213I93
发布2023-02-13 14:25:19
2K0
发布2023-02-13 14:25:19
举报
文章被收录于专栏:数字藏品系统数字藏品系统

如何在产品设计中使用 ChatGPT:8 个实例

ChatGPT 是由创建 GPT-3 的公司 OpenAI 创建的高级聊天机器人。用户可以向 ChatGPT 提出关于任何主题的开放式问题,并收到专门针对该问题生成的回复。

我已经讨论过此工具的功能,但在本文中,我想探讨产品创建者如何充分利用此工具。我将使用 ChatGPT 为新网站创建资产(机器人真空吸尘器的登录页面)——总共八项实际任务,以及我对 ChatGPT 处理这些任务的印象。

1.撰写产品简介

ChatGPT 如何处理这个任务:

产品简介概述了产品团队用来构建新产品/功能的关键产品信息。在我们的案例中,一份好的产品简介将帮助我们为产品创建一个可靠的网站。ChatGPT 可以写出非常好的简报,但是当您将生成的简报与产品设计中使用的实际简报进行比较时,您会发现它没有提供产品设计师所需的基本细节。例如,有关目标受众的信息非常有限。

编辑搜图

ChatGPT 生成的产品简介。

2. 为产品页面撰写文案

ChatGPT 如何处理此任务:

众所周知,产品设计师使用虚拟文本而不是真实文本。当我们使用 Lorem ipsum 进行设计时,我们经常需要在将虚拟文本替换为实际副本时调整布局。ChatGPT 可以更轻松地创建逼真的副本。您需要做的就是编写一个代表您的产品类型的提示,然后让 ChatGPT 发挥作用。例如,在下面,您可以看到该工具如何处理着陆页的编写副本。

编辑搜图

ChatGPT 为登陆页面生成的产品描述。

3. 编写错误/成功信息

ChatGPT 如何处理此任务:

错误和成功消息等小事情会对用户体验产生巨大影响。ChatGPT 不仅可用于产品描述等大文本块,还可用于缩微复制(小文本,如成功和错误消息)。

编辑搜图

ChatGPT 生成的错误消息。

4. 撰写营销文案

ChatGPT 如何处理这个任务:

如果我们需要说服潜在客户试用该产品怎么办?熟练的营销作家可以撰写能够说服潜在客户试用该产品的文案。但是 ChatGPT 也能做到吗?当我提交提示“解释为什么人们应该购买我们的机器人真空吸尘器”时,ChatGPT 生成了一份清单,列出了该设备提供的好处。这个列表有一些问题。首先,它太长了(它有7个点,每个点是两句话)。其次,它有点乏味(与其他产品相比没有任何具体优势)。第三,它重复了产品描述中已经提到的内容。

编辑搜图

ChatGPT 生成的营销文案。

5.视觉设计构思

ChatGPT 如何处理这个任务:

视觉探索不是您期望从基于文本的工具中获得的东西。您可能会说最好使用midjourney或Dalle-2等工具进行探索,我同意您的看法。但我想知道 ChatGPT 如何处理诸如“为 [something] 找到一个好的配色方案”之类的提示。该工具提供了一些关于颜色选择的建议,但没有具体细节,例如实际的 HEX 颜色。我认为输出对于视觉设计师来说是一个很好的起点,并为他们提供关于他们想要使用的颜色的有力论据。

编辑搜图

ChatGPT 生成的颜色选择思路。

6. 为产品页面编写代码

ChatGPT 如何处理这个任务:

如果您想创建网页的编码原型怎么办?大多数时候,您要么依赖现成的模板,要么使用 Vue 等流行的 Web 框架之一从头开始创建一些东西。但是 ChatGPT 可以帮助我们吗?当我要求该工具为响应式登陆页面编写代码时,该工具创建了一个非常简单的响应式 Web——它同时提供了 HTML 和 CSS 源代码。

编辑搜图

ChatGPT 生成的响应式网页。

不幸的是,这段代码看起来不像我们可以在实际项目中使用的代码,因为它创建了一个非常基本的页面。

编辑搜图

在 Codepen 中使用 ChatGPT 生成的 HTML 和 CSS 代码。

7.页面小元素编写代码

ChatGPT 如何处理此任务:

您可能会认为 ChatGPT 不擅长编写代码,但事实并非如此。事实上,在某些情况下,ChatGPT 可以显示出令人印象深刻的结果。例如,我已经要求 ChatGPT 为我可以用于该网站的旋转立方体生成代码。它在不到一分钟的时间内生成了代码以及文本描述。

编辑搜图

ChatGPT 生成的旋转立方体的源代码。在 Codepen 中检查由 ChatGPT 生成的代码。

8. 将文本从一种语言翻译成另一种语言

ChatGPT 如何处理这个任务:

假设我们创建的网站将以两种语言提供——英语和西班牙语。这意味着我们需要将我们的英文副本翻译成西班牙文。GPT 是一种大型语言模型,语言翻译可能是它最早用于的实际任务之一。因此很容易假设该工具可以轻松地将页面上的文本从一种语言翻译成另一种语言。令人惊讶的是,翻译结果很一般——译文听起来有点粗糙和机械化。谷歌翻译能够比 ChatGPT 更好地处理这项任务。

编辑搜图

使用 ChatGPT 从英语翻译成西班牙语的结果。

使用 ChatGPT 进行产品设计任务的总体印象

我对使用 ChatGPT 的总体印象是积极的。该工具可能非常有用,尤其是在产品设计过程的早期阶段,此时团队需要快速行动并探索各种设计理念。ChatGPT 可以通过生成文本副本和代码来帮助团队节省时间。但 ChatGPT 提供的输出远非最终结果,因此它只能用作设计者工作的起点。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 如何在产品设计中使用 ChatGPT:8 个实例
  • 1.撰写产品简介
  • 2. 为产品页面撰写文案
  • 3. 编写错误/成功信息
  • 4. 撰写营销文案
  • 5.视觉设计构思
  • 6. 为产品页面编写代码
  • 7.页面小元素编写代码
  • 8. 将文本从一种语言翻译成另一种语言
  • 使用 ChatGPT 进行产品设计任务的总体印象
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档