画面パターン一覧

画面の目的から、必要なコンポーネント、レイアウト、よくある失敗、AI実装プロンプトを確認できます。

ログイン画面

ログイン画面は、ユーザーが本人確認を行い、サービス内の個別領域へ入るための入口です。

設定画面は、ユーザーが通知、アカウント、表示、権限などの振る舞いを確認・変更する画面です。

オンボーディング画面は、初回利用者に価値、操作、初期設定を短く伝える導入画面です。

ダッシュボード画面は、重要指標や状態を一覧し、次に取るべき行動へ進むための業務画面です。

検索結果画面は、検索条件に合う情報を一覧し、絞り込みや並び替えで目的の項目へ到達する画面です。

プロフィール画面は、ユーザーの基本情報、自己紹介、公開状態、編集導線をまとめて確認・更新する画面です。

通知画面は、ユーザーに必要な更新、警告、アクション要求を時系列または重要度順に整理する画面です。

チャット画面は、会話履歴、入力欄、送信状態、添付や既読などのコミュニケーション情報を扱う画面です。

決済画面は、商品、金額、配送、支払い方法、確認操作を誤解なく完了させるための画面です。

商品一覧画面は、複数の商品を比較しながら絞り込み、目的の商品詳細へ進むための画面です。

商品詳細画面は、商品の価値、仕様、価格、在庫、購入導線を判断しやすくまとめる画面です。

カレンダー画面は、日付・予定・空き時間を視覚的に確認し、選択や予約へ進むための画面です。

入力ウィザード画面は、長いフォームを複数ステップに分け、進捗と保存状態を示しながら完了へ導く画面です。

アカウントセキュリティ画面は、パスワード、二要素認証、ログイン履歴、接続済み端末を安全に管理する画面です。

管理テーブル画面は、業務データを検索・絞り込み・一括操作し、詳細確認や編集へ進むための画面です。