Oil UI

5 · デザイン事例

フォーム・複数ステップフローのデザイン:チェックアウト、登録、予約の事例

チェックアウト、オンボーディング、スペース予約、ファイルアップロードの完全なフローを紹介します。整然と並んだ入力欄だけでなく、項目のグループ化、ステップの遷移、入力検証、エラーからの復帰まで参考にできます。

このタイプを参考にするときのポイント

実際に近い内容を入力して各フローを完了し、必須項目を空のままにしてエラーも発生させます。ラベルが常に見えるか、エラーが該当項目の近くに表示されるか、前のステップに戻っても入力が残るか、完了状態が明確かを確認します。

インストール・使用ガイド →

関連ガイド