✏️ Learn & Dev: AIのデザイン分野への影響、ChatGPTの便利な使用方
AI を活用したツールの台頭は、2022年に起こった最も注目すべき出来事の 1 つです。アクティブなインターネットユーザーでなくても、Midjourney、DALL-E、または Stable Diffusion を使用して作成されたアートワークを見たことがあるかと思います。
ChatGPTは、GPT-3を作成した会社であるOpenAIによって作成された高度なチャットボットです。ユーザーは、ChatGPTに質問をすることができ、その質問に対して生成された回答を受け取ることができます。
この記事では、プロダクト・UXデザイナーがこのツールを最大限に活用する方法を探っていきたいと思います。
プロダクトデザイン分野への影響
将来プロダクト・デザイン・ゼネラリストは、デザイン分野で最も需要の高い職種になっていくと言われています。
企業は、複数の役割を担うことができる人物を採用したいと考えるでしょう。つまり、この人物は、プロダクト戦略、UI デザイン、およびユーザビリティ・テストを担当でき、 ゼネラリストは、多くの作業を迅速かつエラーなく提供することが期待されています。 AI ツールを使用しないと、このような結果を達成することは不可能です。
特にプロダクトデザインを始めたばかりの場合、さまざまな分野で経験を積むのは難しい場合があります。 そのため、エントリーレベルのデザイナーの間でより多くの競争が見られる可能性があります。そして、プロダクトデザインの第一歩を踏み出す人々が最初の仕事を見つけるのが難しくなります。
明るい面としては、AIを活用したツールによって、探索と着想がスピードアップする可能性があります。 たとえば、AI ツールは従来のムードボードに取って代わり、デザインの複数のバリエーションを生成できるようになります。 プロダクトデザイナーは、AI によって作成された結果を微調整するようになっていくかもしれません。
デザイナーがAIを有効に使うべき理由
デザイナーにとっても、その拡散性はこのツールの信じられないほどの有用性を物語っています。そして、私たちはこのツールを使ってより良いデザインを心がけていくべきだと思われます。しかしこれらのツールがどのように機能するかを学ばなければ、これらのAIテクノロジーの可能性を活用することはできません。
ChatGPTのようなAIツールは、プロセスを改善するだけでなく、チャットボットやアプリケーションのマイクロコピーをはじめ、あらゆる場所のテキスト・インターフェースのユーザーエクスペリエンスを改善します。 まもなく、ユーザーはこの自然言語処理を期待するようになり、あらゆるソフトウェアにとって望ましい機能になります。
AIは、デザイナーが特定の基準に合わせてプロダクトを最適化するのに役立ちます。たとえば、デザイナーはAIを使用して、新しいプロダクトの材料と製造プロセスの最適な組み合わせを検索したり、新しいコンポーネントの最も効率的なデザインを見つけたりすることができます。
ChatGPTで自動化できるUXタスク
コンテンツの作成
プロダクトの説明、ユーザー・マニュアル、およびプロダクトのデザインとマーケティングで使用されるその他のコンテンツを作る手伝いをしてくれます。
ビジュアルデザイナーはホームページや、アプリのスクリーンをデザインするときによくダミーを使います.以前はデザインしたウェブサイトのコピーを書くのに何時間も費やしました。それにより、より建設的なフィードバックを得るのに役立ったかというと、そんなことはありませんでした。ChatGPTを使うことで新しいデザインごとに本格的なコピーを書き始めることができます。他にもSEO用に最適化された見出しを作成するように依頼できます。
コピーを書いてもらう
これは最も明白なものですが、ChatGPTは文章を書くのが非常に得意です。 このツールはGrammarlyのように校正し、プロンプトが表示されたときにクリエイティブな応答を作成できます。 「_______を書いて」と言うと、それが実行されます。
Write an introduction email for a user interview.
ユーザーインタビューの紹介メールを書いてください。Write several copy alternatives for a download button for an _______ website.
_______のWebサイトのダウンロード ボタンの代替コピーをいくつか作成してください。Write ten survey questions about onboarding, starting with basic info.
基本的な情報から始めて、オンボーディングに関する10のアンケート質問を作成して。
ChatGPTを使用して基本的な質問への回答を探る
ChatGPTが登場する前は、トピックに関する情報を得るにはGoogleの最初のページを使用する必要がありました。これで、大量の Web サイトに飛び込むことなく、一般的な知識を理解できるようになりました。 「______に関するベストプラクティスは何ですか?」 特定のコンテキストに最適なデザイン方法を要約した明確な回答が表示されます。ただしChatGPTは誤った事実を出力する可能性があり、出力が非常に説得力があり自然であるため、私たちは気をつけて情報を収集する必要があります。
検索プロンプトの例:
What are common issues with ______?
______でよくある問題は何ですか?What are the best practices for the design of ______?
______のデザインのベストプラクティスは何ですか?What design patterns work best for a ______ service?
______サービスに最適なデザインパターンは?
デザイン調査、リサーチ
ChatGPTは、地球上で最強のリサーチ ツールです。 特に、一般的な知識を説明するのが得意です。潜在的なユーザー、顧客、利害関係者と会話することでデザイン調査を実施できます。これにより、ユーザーのニーズ、好み、および行動に関する貴重な洞察が得られ、プロダクトデザインに情報を提供するために使用できます。
リサーチプロンプトの例:
What’s a good user experience for a ______?
______ の優れたユーザー エクスペリエンスとは?What underlying needs might busy founders have for ______?
多忙な創業者が ______ で必要とする根本的なニーズは何ですか?How is gamification used in ______?
ゲーミフィケーションは ______ でどのように使用されていますか?
アイデアを得る
デザインプロセスを改善するためにChat GPTを使用してみましょう。
「新しいアイデアをテストするには、どのようなデザイン手法が最も効果的ですか?」
インスピレーションを得るためのプロンプトの例:
What kinds of UX methods will help me uncover user needs?
ユーザーのニーズを明らかにするには、どのようなUXメソッドが役立ちますか?List some fun icebreakers for an online workshop.
オンラインワークショップの楽しい砕氷船を挙げてください。Brainstorm ideas for an NFT website.
NFTWebサイトのアイデアをブレインストーミングしてください。
ワイアーフレーム、プライオリティリストを制作する
ChatGPTは現在、テキスト応答に制限されていますが、それでも非常にクリエイティブです。 ワイヤーフレーム、SVG、HTMLコードの生成を依頼できます。 必要なのは、適切なプロンプトとコンテキストだけです。 DALL-Eなどの別のAIツールのテキストプロンプを生成することもできます。
プロンプトの作成例:
Make a wireframe for a ______.
______のワイヤーフレームを作成します。Create information architecture for a ______ app.
______アプリの情報アーキテクチャを作成します。Design an SVG icon for a ______.
______のSVG アイコンをデザインします。Code me a ______ site.
______ サイトをコーディングしてください。
パーソナライズ・エクスペリエンス:
コンテンツを特定のタイプの人に適応させるよう依頼する
パーソナライズされたプロダクトの推奨をユーザーに提供できます。ユーザーの好み、ニーズ、過去のやり取りを理解することで、ChatGPTはユーザーにとって最も関連性が高く役立つプロダクトを提案できます。
パーソナライズにより、作品を特定のキャラクターにカスタマイズできます。 サイトのマイクロコピーを書きたいとしましょう。 ユーザーのペルソナを入力すると、ChatGPTがその特定のペルソナのデザインをパーソナライズできます。
パーソナライズのためのプロンプトの例:
Re-write this ______ to be more desirable for introverts.
内向的な人にとってより望ましいものになるように、この______を書き直してください。Write button copy that will get undecided buyers to purchase.
未定の購入者が購入するボタンのコピーを書きます。Redesign Instagram for people with vision impairments.
視覚障害者向けにInstagramを再デザインします。
ロール・プレイング
ChatGPTにキャラクターのプレイを依頼する。ChatGPTは、さまざまなキャラクターを演じながら、フィードバックや専門知識を提供するのが得意です。 唯一の制限はあなたの想像力です。
ChatGPTを TechCEO、エンジニア、またはユーザーペルソナとして機能させることができます。 必要なのはそのキャラクターの役割の説明だけで、利害関係者の概算が即座に得られます。 このAI利害関係者を使用して、アイデアをバウンスし、設計作業に関するフィードバックを得ることができます。
ロールプレイングのプロンプトの例:
How would a ______ app user like to be notified of a ______?
______アプリのユーザーは、______の通知をどのように受け取りたいですか?Act like a CEO at a ______. How should I ask you for feedback?
テクノロジー企業の CEOのように振舞ってください。 フィードバックを求めるにはどうすればよいですか?I can’t focus on my design work. Help me overcome this challenge in the style of a motivational design coach.
デザインの仕事に集中できません。 やる気を起こさせるデザインコーチのスタイルでこの課題を克服するのを手伝ってください。
テキストの要約を依頼する
ChatGPTは、長いテキストを要約することもできます。例えば、長文のユーザーインタビューの要約を頼む場合は「このユーザーインタビューの主なポイントは何ですか?」と尋ねることができます。 ChatGPTはここで力を発揮し、「２歳児にUXデザインを説明する」など、さまざまな方法で物事を要約できます。
テキストの要約のプロンプトの例
Summarize these user interview notes: [______]
これらのユーザーインタビューのメモを要約してください: [______]Write a summary of this research report: [______]
この調査レポートの要約を書いてください: [______]List the main takeaways from this survey data: [______]
この調査データの主なポイントを挙げてください: [______]
顧客フィードバックと分析
ChatGPTを使用し、顧客フィードバックを分析し、一般的な問題、また好み、そして問題点を特定できます。この情報は、プロダクトのデザインと開発を進める為にとても重要な要素です。
キーワードを探して、長いテキスト ブロックで感情分析を行うこともできます。Sprigのようなツールはセンチメント分析に料金がかかりますが、ChatGPTは無料で使えます。 これを使用して、調査結果、インタビューのメモ、または任意のテキスト入力でテーマを見つけることができます。
分析のプロンプトの例
Analyze these survey results: [______]
これらの調査結果を分析して: [______]What are popular keywords in ______?
______で人気のキーワードは？Do sentiment analysis on these interview notes: [______]
これらのインタビューのメモで感情分析を行います: [______]
提供されたデータを使用して新しい出力を作成してもらう
ChatGPTは分析に限定されません。 また、テキスト入力に基づいて新しい出力を合成することもできます。 たとえば、「これらの調査結果に基づいてランディングページの見出しを生成して: [調査結果を挿入]」と言うと、ChatGPTが調査結果を見出しに合成します。 これを使用して、研究に基づいてまだ存在しない体験の要素を作成できます。
合成のプロンプトの例:
Design an AI-assisted social media app that works like Pinterest, Twitter, and Facebook
Pinterest、Twitter、Facebookのように機能するAI支援ソーシャル メディア アプリをデザインするGenerate a page title based on the top keywords from these survey results: [______]
これらの調査結果から上位のキーワードに基づいてページ タイトルを生成します: [______]
Write a title for this article: [______]
この記事のタイトルを入力してください: [______]
人間らしく自然なやり取りでインターフェースのデザイン:
ChatGPTを使用して、プロダクトの会話型インターフェースをデザインおよび改善できます。 ユーザーとプロダクトの間に、より人間らしく自然なやり取りを生み出すのに役立ちます。
アドバイスを求めてみる
ChatGPTを導入する前は、プロダクトマネージャーやチームメンバーに自分の作業をレビューしてもらい、自分の考え方の潜在的な盲点や偏見を明らかにする必要がありました。
「アカウントの作成に関する FAQ を提供するページには、どのようなバイアスがかかる可能性がありますか?」などといった質問をすることができます。ChatGPTは考えられる倫理的結果を一覧表示します。これは、まったく新しい一連の倫理的問題をテーブルに持ち込むため、AI が実行できる最小限の作業です。
アドバイスのプロンプトの例:
What are common blind spots for UX designers?
UXデザイナーが陥りがちな盲点とは?What psychological biases might surface in ______?
______で表面化する可能性のある心理的バイアスは何ですか?What are some ethical issues that may arise from using a ______?
______を使用することで発生する可能性のある倫理的問題にはどのようなものがありますか?
このようにChatGPTは、より自然で個人的なやり取りを可能にし、顧客フィードバックへの洞察を提供し、高品質のコンテンツを生成し、デザイン・リサーチをサポートすることにより、プロダクトデザインにおいて価値のあるツールになる可能性があります。
UXデザイナーが使えるChatGPTプロンプト
ChatGPTでUXデザイナー使用できるテンプレートをご紹介します。これらは非常に単純に見えますが、より多くのコンテキスト、詳細、およびデータを提供するほど、より良い結果が得られます。
Uncover potential user biases in [context].
[コンテキスト]における潜在的なユーザーの偏見を明らかにしてください。Write a brief for [challenge].
[チャレンジ]の概要を書いてください。What’s a good process for a [topic] project?
[トピック]のプロジェクトに適したプロセスは何ですか?What design patterns work well for [context]?
[コンテキスト]に適したデザインパターンは何ですか?
What are best practices around [topic]?
[トピック]に関するベストプラクティスは何ですか?What should I be aware of when designing for [context]?
[コンテキスト]をデザインする際に注意すべきことは何ですか?Brainstorm design ideas around [opportunity].
[機会]に関するデザインのアイデアをブレインストーミングしてください。How can I make my design process more inclusive to [user]
デザインプロセスを[ユーザー]にとってより包括的にするにはどうすればよいですか？Come up with workshop activities for a workshop around [context].
[コンテキスト]に関するワークショップのワークショップアクティビティを考えてください。Create wireframes for an [industry] experience for [user].
[ユーザー]の[業界]エクスペリエンスのワイヤーフレームを作成してください。Write survey questions about [context] for a [user]
[ユーザー]の[コンテキスト]に関するアンケートの質問を作成してください。List design and research methods that will help with [challenge].
[挑戦]に役立つデザインや研究方法を挙げてください。What’s the best way to design a solution to this brief: [insert brief].
このブリーフに対するソリューションをデザインする最善の方法は何ですか:[ブリーフ]。What are the best practices around [topic]
[トピック]に関するベストプラクティスは何ですか？Write code for a [project]
[プロジェクト]のコードを書いてください。Create an SVG icon for [client].
[クライアント]のSVGアイコンを作成してください。Create prompts for an AI image generator for [context].
[コンテキスト]のAIイメージジェネレーターのプロンプトを作成してください。Identify common UX issues in [context].
[コンテキスト]で一般的なUXの問題を特定してください。Who are the competitors of [company]?
[会社]の競合相手は誰ですか?Write micro-copy for a [context] used by a [user]
[ユーザー]が使用する[コンテキスト]のマイクロコピーを作成すてください。Write user tasks for a usability test on a [project]
[プロジェクト]でユーザビリティテストのユーザータスクを作成してください。Proofread this text: [insert text].
[テキスト]を校正してください。Create case study notes on this: [insert text]
[テキスト]に関するケーススタディ・ノートを作成するしてください。What are the main user issues with [well-known product]
[既知のプロダクト]に関するユーザーの主な問題は何ですか？
まとめ
近い将来、AIによって生成された画像がユーザーエクスペリエンスおよびインターフェイスのデザイナーに完全に取って代わることはまずないかと思いますが、AIが簡単なユーザー・フローを描画し、画面をデザインできるようになると予測しています。
新しいテクノロジーの目標は、人間の仕事と生活を少しでも楽にすることです。 人間が新しいテクノロジーを生み出すと、それは社会に影響を与え、私たちの生活や働き方を変えます。
AIも例外ではありません。 AI は今日のデザイナーに取って代わり、明日のデザイナーを生み出します。 AIはデザイナーのパートナーになります。 このパートナーは、デザイナーが進化し続けるビジネスの要求を満たし、プロダクトをより迅速に作成するのに役立ちます。
デザインプロセスはAIによって多かれ少なかれ自動化されます。企業は、AIエンジン(プロンプト)のクエリを作成するのが得意な人を雇いたいと思うかもしれません。
この記事が気に入ったらサポートをしてみませんか？