内容紹介

ウェブのUXの要であるフォームのデザインについて、300ページ超のボリュームで、誰もが使えるアクセシブルな実装方法を解説!

本書ではあらゆるユーザーにとって利用可能なフォームの実装のしかたを解説しています(ロバスト、プログレッシブエンハンスメント、アクセシビリティ、といった軸で、ウェブの特質を最大限に活かした形でのフォーム実装を説く内容です)。

フォームのパターンごとにHTMLタグの意味が丁寧に解説されており、フレームワークを弄ることから入門したようなフロントエンドエンジニアの方々でも違和感なく学習できます。機能、ビジュアルデザイン、実装用コードで構成されており、本書をベースにデザインシステム(パターンライブラリ)に発展させることが可能です。

目次と概要

登録フォームフォームの基本的な品質とその考え方

決済フォーム決済フローのステップごとのデザインパターンの適用

航空券予約フォームARIAを用いたカスタムフォームコンポーネント

ログインフォームユビキタスなログインフォーム

メール受信ボックスメールの管理インターフェースからARIAパターンを学ぶ

検索フォーム見つけやすく、シンプルで、使いやすいレスポンシブな検索フォーム

フィルターフォームユーザーが満足できるフィルタリング(選択、抽出ほか)

アップロードフォームファイルの選択とアップロード、ドラッグ&ドロップ型への対応

経費申請フォーム応用1:大量に追加する項目があるフォーム

長くて複雑なフォーム 応用2:入力に長時間を要するフォーム