【レビュー】Form Design Patterns ―シンプルでインクルーシブなフォーム制作実践ガイド

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

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


目次と概要
登録フォーム|フォームの基本的な品質とその考え方
決済フォーム|決済フローのステップごとのデザインパターンの適用
航空券予約フォーム|ARIAを用いたカスタムフォームコンポーネント
ログインフォーム|ユビキタスなログインフォーム
メール受信ボックス|メールの管理インターフェースからARIAパターンを学ぶ
検索フォーム|見つけやすく、シンプルで、使いやすいレスポンシブな検索フォーム
フィルターフォーム|ユーザーが満足できるフィルタリング(選択、抽出ほか)
アップロードフォーム|ファイルの選択とアップロード、ドラッグ&ドロップ型への対応
経費申請フォーム|応用1:大量に追加する項目があるフォーム
長くて複雑なフォーム |応用2:入力に長時間を要するフォーム

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

　・フォームデザインについて考えたこと 〜2021〜[2021-12-20に投稿]

　・UIを考えよう～フォーム～[2020-03-29に投稿]