【翻訳】UX・UIデザイナーのためのChatGPTコピペシート(Shai, UX Planet, 2023)

AIはデザイナーを置き換えませんが、AIを使うデザイナーは、使わないデザイナーを置き換えます。

かつて電卓が数学者に取って代わると考えられていたのと同様に、多くの人がAIがデザイナーに取って代わることを恐れています。しかし、これは誤解です。電卓が数学者に取って代わることがなかったように、AIがデザイナーに取って代わることもありません。

むしろ、AIはデザイナーに新しいツールと機能を提供し、効率と創造性を高めてくれるでしょう。この記事では、なぜAIがデザイナーに取って代わるのではなく、むしろ彼らの仕事を強化するのかを探っていきます。

このブログは、不況に強いスーパーパワーデザイナーを育てるという、gethired.designの私の個人的なミッションへの試みです。それでは、あなたのチームでかけがえのない存在になるために、ChatGPTをどのように取り入れるかについてお話ししましょう。

1. ChatGPTを使ったUIデザインのチェックリスト作成

UIデザインチェックリストの作成は、デザイナーにとって、必要なデザイン要素をすべて考慮するための有用なツールです。ChatGPTを使えば、デザイナーはユーザーフロー、アクセシビリティ、カラースキーム、タイポグラフィー、一貫性、ユーザビリティなどの必須要素を網羅した包括的なチェックリストを簡単に作成することができます。

このプロンプトをコピー 👇🏼

完璧な[画面/機能]を実現するためのUI要素のチェックリストを表で作成してください。

ChatGPTを使ったUIチェックリストの作成

2. UXデザインに必要なユーザーフローを作成する

思い浮かべてみてください: 最新のプロダクトを発売したばかりなのに、期待したほどユーザーを引きつけることができないのです。なぜユーザーが定着しないのだろうと頭を悩ませていることでしょう。そこで、ユーザーフローを作成することが重要です。ユーザーフローは、ユーザーがどのようにプロダクトに接しているかという謎を解き明かす鍵であり、ペインポイントを特定し、最終的にユーザーエクスペリエンス全体を向上させるのに役立つのです。

ユーザーの旅をマッピングすることで、ユーザーの目標、行動、潜在的な障害についての洞察を得ることができます。そして、Chat GPTの使い方は以下の通りです:

このプロンプトをコピーする 👇🏼

【アプリの種類】のユーザーフローを作成することは可能ですか?

ChatGPTを使ってアプリのユーザーフローを作成する

3. ChatGPTを使用したデザインシステムの生成

デザインシステムは、デザインワークの一貫性、効率性、品質を保証するものですが、その作成は複雑で時間がかかるものです。ChatGPTでは、タイポグラフィ、カラーパレット、レイアウトグリッド、アイコンなど、顧客のニーズに合わせたシステムを作成することができます。

このプロンプトをコピーする 👇🏼

[UI Element]の設計システムドキュメントを書けますか?デフォルト、クリック、ホバー、アクティブ、フォーカス、無効などの状態を表で表現してください。これらの状態をデザイントークン(色、フォント)で表現してください。

ChatGPTを使用したデザインシステムの生成

4. ChatGPTでカラーパレットを生成する

ChatGPTは、AIの力を活用することで、ブランドの個性やスタイルに合わせたカラーバリエーションを開発し、時間と労力を節約します。

このプロンプトをコピーする 👇🏼

【アプリ・ウェブサイト】のプライマリーカラー、セカンダリーカラー、ターシャリーカラーを提案できますか?表で表現してください。

5. ユーザーインタビューの質問を用意する

ChatGPTでプロのようにユーザーインタビューの準備をしましょう。最適な質問とインタビューの構成について、すべて1つの場所で知ることができます。今すぐ、あなたのユーザーリサーチ力をアップさせましょう。

このプロンプトをコピーする 👇🏼

[アイデア/アプリ]のユーザーインタビュー質問を作成してください。

6. ChatGPTを使ったユーザーペルソナ作成

ChatGPTでユーザーペルソナを作成することで、効果的なマーケティングキャンペーンを作成し、オーディエンスをより深く理解することができます。人口統計、行動、動機に関する貴重な洞察を得ることができます。

このプロンプトをコピーする 👇🏼

【アプリ/Webサイト】のユーザーペルソナを作れますか?表で表現してください。

ChatGPTを使ってユーザーペルソナを作成する

7. ChatGPTを使ってウェブサイトのコピーを書く(UXライティング)

オーディエンスを惹きつけることができない一般的なウェブサイトのコピーにうんざりしていませんか?私もそうでしたが、ChatGPTを試すまでは。今では、Lorem Ipsumsを使わなくなったので、より良いデザインをすることができるようになりました。ChatGPTのAI機能を使えば、あなたのブランドにぴったりで、ターゲットユーザーに語りかけるような、パーソナライズされた高品質のコンテンツを生成することができます。このプロンプトを試して、説得力のあるコピーでウェブサイトのユーザーエクスペリエンスを向上させてください。

このプロンプトをコピーする 👇🏼

あなたはいまUXライターです。【アプリ/Webサイト】の404エラーメッセージを10バージョン生成してください。

ChatGPTを使って、ウェブサイトのコピーを書き、uxライティングを行う

8. 迷惑なクライアントと話す

ChatGPTを使うことで、プロフェッショナルで機転の利くメッセージを生成し、同時に支払いの必要性を明確かつ簡潔に表現することができるようになりました。これは、迷惑なクライアントを処理するために素晴らしい効果を発揮しました。

このプロンプトをコピーする 👇🏼

プロジェクトを納品しても最終的な金額を支払ってくれないクライアントと交渉したいのです。彼に送ることができるメッセージを生成することはできますか?

ChatGPTを使ってメールやメッセージを書く

まとめ

要約すると、AIがデザイナーに取って代わるという懸念は根拠のないものです。電卓が数学者に取って代わらなかったように、AIがデザイナーに取って代わることはないでしょう。むしろ、AIはデザイナーの効率と創造性を高める新しいツールや機能を提供します。

私はこれを、デザインワークフローを加速させるためのプロンプト・チートシート・ブログとして作成しました。これは、gethired.designのミッションの一部であり、デザイナーが不況に強くなり、仕事を強化できるようにするためのものです。