H
UI・UX・フォーム・状態
UI・UX・フォーム・状態。使いやすい画面の考え方。
10本58分
UI・UX・フォーム・状態の全10本
きほん → つくる → のばす、の順に並んでいます。
STEP 2STEP 2 つくるアプリを組み立てる知識。UI・フロント・バックエンド・DB・要件定義。10本
UIとUXの違い画面上の操作部品と、利用開始から目的達成までの体験全体を区別する。情報設計情報の分類、優先順位、ラベル、検索、ナビゲーションを設計する考え方を説明する。画面遷移ユーザー操作によってどの画面・状態へ移るかを経路として設計する。フォームの入力設計入力項目、必須・任意、初期値、形式、補足、送信条件を整理する。クライアント側バリデーション入力直後に形式や不足を知らせる役割と、セキュリティ上サーバー検証を代替できない理由を説明する。状態と状態遷移未入力、入力中、送信中、成功、失敗など、画面が持つ状態を明示する。ローディング・空状態・エラー状態データ未取得、対象データなし、処理失敗を別の状態として設計する。フィードバックと通知操作結果、進行状況、注意、失敗、取り消し可能性をユーザーへ返す方法を説明する。レスポンシブデザイン画面幅・入力方式・利用状況の違いに合わせてレイアウトと操作を変える考え方を説明する。デザインシステム色、文字、余白、コンポーネント、状態表現を共通規則として管理する仕組みを説明する。
