プロンプト
【技術／エンジニア向け】自動生成プロンプト
プロンプト
プロンプト: 「特定の技術スタック（例：React、Node.js、Djangoなど）を用いて、モバイルアプリケーションのユーザーインターフェース（UI）を設計する。次の要件に従って、デザインプロセスを文書化し、最終的なUIコンポーネントを実装すること： 1. デザインの目的と対象ユーザーを明確にする。 2. ユーザーフローを設計し、主要な画面遷移を示すワイヤーフレームを作成する。 3. 使用するUIコンポーネントのリストを作成し、それぞれの役割を説明する。 4. 各コンポーネントのCSSスタイリングやレスポンシブデザインの考慮を含めて、具体的なコードスニペットを示す。 5. アプリケーションのアクセシビリティ基準を遵守するための施策を説明し、それに基づいた改善点をまとめる。 具体的な例として、ショッピングアプリの「カート」画面に焦点を当て、ユーザーが商品を確認し、購入手続きを進める過程をスムーズに体験できるようなUIの設計を行い、そのプロセスを詳細に記述してください。」
💡 学びコメント
このプロンプトは、技術スタックに基づいて具体的なUI設計プロセスを体系的に進めるため、実践的なスキルを向上させる効果があります。応用として、他のアプリケーションや機能に対しても同様のフレームワークを用いて、デザイン思考を深めることが可能です。注意点として、ユーザーのニーズやアクセシビリティに十分配慮しないと、実用性が損なわれる恐れがあるため、常にフィードバックを受ける姿勢が重要です。