画面パターン一覧
画面の目的から、必要なコンポーネント、レイアウト、よくある失敗、AI実装プロンプトを確認できます。
ログイン画面
Login Screen
ログイン画面は、ユーザーが本人確認を行い、サービス内の個別領域へ入るための入口です。
設定画面
Settings Screen
設定画面は、ユーザーが通知、アカウント、表示、権限などの振る舞いを確認・変更する画面です。
オンボーディング画面
Onboarding Screen
オンボーディング画面は、初回利用者に価値、操作、初期設定を短く伝える導入画面です。
ダッシュボード画面
Dashboard Screen
ダッシュボード画面は、重要指標や状態を一覧し、次に取るべき行動へ進むための業務画面です。
検索結果画面
Search Results Screen
検索結果画面は、検索条件に合う情報を一覧し、絞り込みや並び替えで目的の項目へ到達する画面です。
プロフィール画面
Profile Screen
プロフィール画面は、ユーザーの基本情報、自己紹介、公開状態、編集導線をまとめて確認・更新する画面です。
通知画面
Notification Screen
通知画面は、ユーザーに必要な更新、警告、アクション要求を時系列または重要度順に整理する画面です。
チャット画面
Chat Screen
チャット画面は、会話履歴、入力欄、送信状態、添付や既読などのコミュニケーション情報を扱う画面です。
決済画面
Checkout Screen
決済画面は、商品、金額、配送、支払い方法、確認操作を誤解なく完了させるための画面です。
商品一覧画面
Product List Screen
商品一覧画面は、複数の商品を比較しながら絞り込み、目的の商品詳細へ進むための画面です。
商品詳細画面
Product Detail Screen
商品詳細画面は、商品の価値、仕様、価格、在庫、購入導線を判断しやすくまとめる画面です。
カレンダー画面
Calendar Screen
カレンダー画面は、日付・予定・空き時間を視覚的に確認し、選択や予約へ進むための画面です。
入力ウィザード画面
Form Wizard Screen
入力ウィザード画面は、長いフォームを複数ステップに分け、進捗と保存状態を示しながら完了へ導く画面です。
アカウントセキュリティ画面
Account Security Screen
アカウントセキュリティ画面は、パスワード、二要素認証、ログイン履歴、接続済み端末を安全に管理する画面です。
管理テーブル画面
Admin Table Screen
管理テーブル画面は、業務データを検索・絞り込み・一括操作し、詳細確認や編集へ進むための画面です。