20190090
Form Design Patterns─シンプルでインクルーシブな フォーム制作実践ガイド
販売価格 3,630円(税込)
著者:アダム・シルヴァー
監訳:土屋一彦
定価:本体3,300円 + 税
発行・発売:株式会社 ボーンデジタル
ISBN:978-4-86246-451-4
総ページ数:320 ページ
サイズ:B5判、2色
発売日:2019年12月中旬
【内容】
ウェブのUXの要であるフォームのデザインについて、300ページ超のボリュームで、誰もが使えるアクセシブルな実装方法を解説!
本書ではあらゆるユーザーにとって利用可能なフォームの実装のしかたを解説しています(ロバスト、プログレッシブエンハンスメント、アクセシビリティ、といった軸で、ウェブの特質を最大限に活かした形でのフォーム実装を説く内容です)。
フォームのパターンごとにHTMLタグの意味が丁寧に解説されており、フレームワークを弄ることから入門したようなフロントエンドエンジニアの方々でも違和感なく学習できます。機能、ビジュアルデザイン、実装用コードで構成されており、本書をベースにデザインシステム(パターンライブラリ)に発展させることが可能です。
対象読者
ビジュアルおよびインタラクションデザイナー、UX実務者、フロントエンド開発者、インクルーシブデザインやアクセシビリティ実務者におすすめします。
目次と概要
登録フォーム|フォームの基本的な品質とその考え方
決済フォーム|決済フローのステップごとのデザインパターンの適用
航空券予約フォーム|ARIAを用いたカスタムフォームコンポーネント
ログインフォーム|ユビキタスなログインフォーム
メール受信ボックス|メールの管理インターフェースからARIAパターンを学ぶ
検索フォーム|見つけやすく、シンプルで、使いやすいレスポンシブな検索フォーム
フィルターフォーム|ユーザーが満足できるフィルタリング(選択、抽出ほか)
アップロードフォーム|ファイルの選択とアップロード、ドラッグ&ドロップ型への対応
経費申請フォーム|応用1:大量に追加する項目があるフォーム
長くて複雑なフォーム|応用2:入力に長時間を要するフォーム
著者・監訳者プロフィール
著者:アダム・シルヴァー(Adam Silver)
インタラクションデザイナー。Tesco、BBC、Argos、Boots、Just Eat、News Corp、Selfridges、The Financial Times、T-Mobile、Department for Work and Pensionsなどイギリスの政府機関や企業で15年以上にわたり働き、シンプルで人間的でインクルーシブなデジタルプロダクトをデザインしている。インクルーシブデザインとデザインシステムに特に関心を持ち、ブログやA List Apartなどの人気のあるデザイン関連の出版物に寄稿している。
監訳者:土屋一彦
ウェブサイトの設計、評価、ガイドライン策定といった仕事のかたわら「Website Usability Info」を運営、ウェブユーザビリティ、アクセシビリティ、情報アーキテクチャ (IA) に関する話題を発信している。ユーザビリティ / アクセシビリティ両面を見据えたサイト改善や情報設計を得意とする。HCD-Net 認定 人間中心設計専門家。
監訳:土屋一彦
定価:本体3,300円 + 税
発行・発売:株式会社 ボーンデジタル
ISBN:978-4-86246-451-4
総ページ数:320 ページ
サイズ:B5判、2色
発売日:2019年12月中旬
【内容】
ウェブのUXの要であるフォームのデザインについて、300ページ超のボリュームで、誰もが使えるアクセシブルな実装方法を解説!
本書ではあらゆるユーザーにとって利用可能なフォームの実装のしかたを解説しています(ロバスト、プログレッシブエンハンスメント、アクセシビリティ、といった軸で、ウェブの特質を最大限に活かした形でのフォーム実装を説く内容です)。
フォームのパターンごとにHTMLタグの意味が丁寧に解説されており、フレームワークを弄ることから入門したようなフロントエンドエンジニアの方々でも違和感なく学習できます。機能、ビジュアルデザイン、実装用コードで構成されており、本書をベースにデザインシステム(パターンライブラリ)に発展させることが可能です。
対象読者
ビジュアルおよびインタラクションデザイナー、UX実務者、フロントエンド開発者、インクルーシブデザインやアクセシビリティ実務者におすすめします。
目次と概要
登録フォーム|フォームの基本的な品質とその考え方
決済フォーム|決済フローのステップごとのデザインパターンの適用
航空券予約フォーム|ARIAを用いたカスタムフォームコンポーネント
ログインフォーム|ユビキタスなログインフォーム
メール受信ボックス|メールの管理インターフェースからARIAパターンを学ぶ
検索フォーム|見つけやすく、シンプルで、使いやすいレスポンシブな検索フォーム
フィルターフォーム|ユーザーが満足できるフィルタリング(選択、抽出ほか)
アップロードフォーム|ファイルの選択とアップロード、ドラッグ&ドロップ型への対応
経費申請フォーム|応用1:大量に追加する項目があるフォーム
長くて複雑なフォーム|応用2:入力に長時間を要するフォーム
著者・監訳者プロフィール
著者:アダム・シルヴァー(Adam Silver)
インタラクションデザイナー。Tesco、BBC、Argos、Boots、Just Eat、News Corp、Selfridges、The Financial Times、T-Mobile、Department for Work and Pensionsなどイギリスの政府機関や企業で15年以上にわたり働き、シンプルで人間的でインクルーシブなデジタルプロダクトをデザインしている。インクルーシブデザインとデザインシステムに特に関心を持ち、ブログやA List Apartなどの人気のあるデザイン関連の出版物に寄稿している。
監訳者:土屋一彦
ウェブサイトの設計、評価、ガイドライン策定といった仕事のかたわら「Website Usability Info」を運営、ウェブユーザビリティ、アクセシビリティ、情報アーキテクチャ (IA) に関する話題を発信している。ユーザビリティ / アクセシビリティ両面を見据えたサイト改善や情報設計を得意とする。HCD-Net 認定 人間中心設計専門家。