私はキャリアの中で千もの機能をデザインし、仕事を速くするためのツールを何百もテストしてきました。デザインプロセスの各段階で詳しく見ていきましょう。
ステージ 1: リサーチ / PRD
ピクセルを押し進める前に、多くの人は製品要求ドキュメントに考えをまとめます。機能の場合、思考、要求、目標、その他重要な要素を構成し、実際にUIをデザインするときに詰まらないようにします。
この段階を速めるためにいくつかのツールを使いましたが、断然最高なのはChatPRDです。このAIツールは製品ドキュメントをドラフトしたり、手書きの考えを整然とした計画に整えるのに役立ちます。
AI UIツールに取り組む前の準備としても役立ちます。プロンプトと考えの質は大きな違いを生みます。
ステージ 2: アイデアからUIへ
従来、UIのデザインはFigmaに行き、白紙のキャンバスを何時間も眺めて何かを考え出すことを意味していました。
Banani AIのような新しいツールを使えば、欲しい画面をテキストプロンプトとして簡単に説明でき、UIやワイヤーフレームの草案を作成してくれます。
前のセクションで書いたように、考えがしっかりと整理されればされるほど、AI UIの結果が良くなるので、このステップを軽視しないでください。
プロンプトから生成された最初の画面に満足したら、ユーザー視点の「インタラクション」要素をクリックするだけで、Bananiが次の画面に何があるべきかを予測します。
また、製品のカラー パレットやデザインシステムを適用して、製品の外観に合ったUIをデザインすることもできます。
複数製品間での一貫性を必要とするチームにとって、そしてAIで生成されたモックアップを手作業で再スタイリングしたくない場合、これは大変重要です。
ステージ 3: イテレーションとフィードバック
デザインは一度で完璧になることはありません。ワークフローによっては、デザインファイルを回覧し、フィードバックを収集し、画面を手動で再構成することになるでしょう。AIを使うと、イテレーションは会話のように感じられます。
Granolaのようなツールは会議の書き起こしを目的としており、デザイン批評の電話、実際の人物によるユーザーテストセッション、デザインチームメイトとのフレンドリーな電話でのフィードバックの集約を大幅に簡素化することができます。
さらに、現在では制御されないUXテストを実行して同じメリットを得るのに役立つツールがあります。私が使うのはMazeです。デザインへのリンクをユーザーに送り、フローを体験してもらいます。
集約された要約を使用して、次のイテレーションを作成するために前セクションのUI生成ツールに送ることができます。
まとめ
長い研究の初期段階、レイアウト調整、スタイリング、そしてイテレーションはすぐに遠い記憶になるでしょう。ChatPRDやBananiのような新しいAI製品やデザインアプリを取り入れ、UIデザインプロセスの長い部分や退屈な部分をスピードアップしましょう。
