![見出し画像](https://assets.st-note.com/production/uploads/images/102273079/rectangle_large_type_2_9403785968e07216186938e374d7cad1.jpeg?width=1200)
【翻訳】UX/UIデザイナーにとっての究極のChatGPTチートシート
こんにちは、ちゅうさんです。
上の記事、まとまっていていいですよね〜〜!
個人用に使うために、日本語訳していくぜ!頼むぜChatGPTちゃん!!!!!!
プロンプトは日本語訳に訳して試していますが、もっといい感じのがあるよ!ってかたは教えて!!!!
![](https://assets.st-note.com/img/1680750721207-cTAI9HVfjF.png?width=1200)
はじめに
AIはデザイナーを置き換えることはありませんが、AIを使用するデザイナーはそうでない人たちを置き換えるでしょう。
計算機が数学者を置き換えると考えられたように、多くの人々はAIがデザイナーを置き換えるのではないかと恐れています。しかしながら、これは誤解です。計算機が数学者を置き換えなかったように、AIもデザイナーを置き換えることはありません。
代わりに、AIはデザイナーに新しいツールや能力を提供し、効率性と創造性を向上させます。この投稿では、AIがデザイナーを置き換えることはないが、むしろ彼らの仕事を強化する理由について探求します。
このブログは、gethired.designで私の個人的なミッションの一環であり、不況にも強いスーパーパワーデザイナーを育成することを目指しています。では、ChatGPTを活用して、チームで置き換えができない存在になる方法について話しましょう。
ChatGPTを使ったUI設計のチェックリスト作成
UIデザインのチェックリストを作成することは、必要なすべてのデザイン要素が考慮されるようにデザイナーが支援される有用なツールです。ChatGPTを使用することで、ユーザーフロー、アクセシビリティ、カラースキーム、タイポグラフィ、一貫性、使用性などの重要な要素をカバーする包括的なチェックリストを簡単に生成できます。
プロンプトはこちら
【画面や機能名】を実現するための完璧なUI要素のチェックリストを表で作成してください。
英語版
Create a checklist for UI elements for a perfect [Screen / feature] in a table
![](https://assets.st-note.com/img/1680752156058-kYQxSLCwcz.png?width=1200)
UXデザインのユーザーフローを作成する
想像してみてください。あなたは最新のプロダクトを立ち上げたばかりで、紙の上では素晴らしい製品になっていますが、期待していたほどのエンゲージメントを得られていません。
ユーザーが残留しない理由を考え、頭を抱えているところに、ユーザーフローの作成が重要になります。ユーザーフローを作成することで、ユーザーが製品とのインタラクションをどのように行っているかの謎を解き明かし、ペインを特定し、最終的にはユーザーエクスペリエンスを改善することができます。
ユーザーの旅をマッピングすることで、彼らの目標、行動、潜在的な障害を把握することができます。そして、Chat GPTを使って以下のように活用することができます。
プロンプトはこちら
【アプリ名】でのユーザーの行動を詳細に作成できますか?
or
【アプリ名】でのユーザーの行動を各画面単位で作成できますか?
英語版
Can you create user flow for a [app type]?
![](https://assets.st-note.com/img/1680752163439-W1BjBv22Jj.png?width=1200)
![](https://assets.st-note.com/img/1680752334685-BKr0kjykdF.png?width=1200)
ChatGPTを使用したデザインシステムの生成
デザインシステムは、デザイン作業において一貫性、効率性、品質を確保するための重要なツールですが、作成には複雑さや時間がかかることがあります。
しかし、ChatGPTを利用することで、タイポグラフィ、カラーパレット、レイアウトグリッド、アイコノグラフィなど、あなたのニーズに合わせたシステムを簡単に生成することができます。
プロンプトはこちら
【UIデザイン要素名】のデザインシステムドキュメントを書けますか?デフォルト、クリック、ホバー、アクティブ、フォーカス、無効などの状態を表にしてください。 各状態のカラー、フォントのデザイントークン記述してください。
or
【UIデザイン要素名】のデザインシステムを書けますか? デフォルト、クリック、ホバー、アクティブ、フォーカス、無効などの状態を表にしてください。 各状態のカラー、フォントのデザイントークン名と価値、説明を記述してください。
英語版
Write a design system documentation for a [UI Element]? Represent in a table with the states like default, clicked, hover, active, focus, and disabled. Describe these states with design token (colour, font)
![](https://assets.st-note.com/img/1680753392525-YRkD9uelJm.png?width=1200)
![](https://assets.st-note.com/img/1680753441247-IQuBATd0VK.png?width=1200)
ChatGPTでカラーパレットを生成する
ChatGPTは、AIの力を活用して、あなたのブランドの個性とスタイルに合わせたカラーパレットを開発し、時間とエネルギーを節約します。
プロンプトはこちら
【アプリ名/webサイト名】のカラーパレットを作成したいです。プライマリーカラー、プライマリーバリアント、セカンダリーカラーを提案できますか?表で表現してください。
英語版
Can you suggest primary, secondary and tertiary colors for an [App / Website]? Represent in a table.
![](https://assets.st-note.com/img/1680753866592-snVdOWc9tx.png?width=1200)
ユーザーインタビューの質問を用意する
Chat GPTを使ってユーザーインタビューのプロのような準備しましょう。
一か所にまとめられた最適な質問とインタビューの構造に関する洞察を得ることができます。ユーザー調査のレベルアップを今すぐ実現しましょう。
プロンプトはこちら
【アプリ名/検討中のアイデアなど】のユーザーインタビューの質問を作成してください。
英語版
Generate a user interview questions for an [Idea/App].
![](https://assets.st-note.com/img/1680754072910-7zP9yRome2.png?width=1200)
ChatGPTを使ったペルソナ構築
Chat GPTを使ってペルソナを作成することで、効果的なマーケティングキャンペーンを作成し、対象となる観客をより理解することができます。
人口統計学的情報や行動、動機など、貴重な洞察を得ることができます。
プロンプトはこちら
【アプリ名/webサイト名】のuser personaを作成してください。表で表現してください。
or
【アプリ名/webサイト名】のuser personaを作れますか? ペルソナの基本情報、ユーザーの特徴、ニーズ、ゴール、ペインを要素を入れてください。 表で作成してください。
英語版
Can you create a user persona for an [App/Website]? Represent in a table.
![](https://assets.st-note.com/img/1680767580721-Wc1UkkNwlE.png?width=1200)
ChatGPTを使ってウェブサイトのコピーを書く(UXライティング)
ChatGPTを使えば、オリジナリティに欠けるウェブサイトのコピーに悩まされることはありません。
AIによるChatGPTの能力を活用すれば、ブランドにぴったり合った高品質で個性的なコンテンツを簡単に作成できます。ロレム・イプサムではなく、魅力的なコピーでターゲット層に訴求するウェブサイトを作り上げましょう。
プロンプトはこちら
あなたはもうUXライターです。【アプリ名/webサイト名】の【例:404エラーメッセージ】を10バージョン作成してください。
英語版
You’re a UX writer now. Generate 10 versions of 404 error message for a [App/Website].
![](https://assets.st-note.com/img/1680767849944-GJ5cqmCcCn.png?width=1200)
面倒なクライアントへのメッセージ作れる
ChatGPTを使うことで、プロフェッショナルで丁寧なメッセージを生成し、支払いに関する要求を明確かつ簡潔に伝えることができます。
これは、クライアントとのやりとりで困った状況をうまく処理するのに役立っています。
プロンプトはこちら
プロジェクトを納品しても最終的な金額を支払ってくれないクライアントと交渉したいです。彼に送ることができるメッセージを作成してもらえますか?
英語版
Negotiate with a client who hasn't paid me the final amount even after delivering the project. Can you generate a message I can send him?
![](https://assets.st-note.com/img/1680768076756-VOgz8UAHYA.png?width=1200)
まとめ
AIがデザイナーの代わりになることへの懸念は根拠がないと言えます。計算機が数学者を置き換えなかったように、AIもデザイナーを置き換えることはありません。代わりに、AIはデザイナーの効率と創造性を高めるための新しいツールや能力を提供しています。
私はこのチートシートを作成し、デザインワークフローを加速するのに役立てています。gethired.designのミッションの一環として、デザイナーが不況に強く、仕事を向上させるための力を与えることを目指しています。
乾杯!あなたは息をのむでしょう!
Mutureで一緒に組織作りに取り組んでいただけるメンバーも絶賛募集中です!ぜひお気軽にお問い合わせくださいね!
この記事が気に入ったらサポートをしてみませんか?