「Form Design Patterns」要点一覧 (その1)
監訳本「Form Design Patterns — シンプルでインクルーシブなフォーム制作実践ガイド」には、あらゆるユーザーにとって利用可能なフォームを提供するための具体的な考えかたや実装方法が詰まっています。この記事は、その要点を一覧できるようまとめたものです。内容把握のチェックリストとしてご活用いただけたら幸いです。
記事カテゴリー : ユーザビリティ
(全176件 : 3/18ページ)
Form Design Patterns — シンプルでインクルーシブなフォーム制作実践ガイド
「Form Design Patterns — シンプルでインクルーシブなフォーム制作実践ガイド」が、クリスマスイブの日に出ることになりました。2018年にドイツの Smashing Magazine から刊行された、Adam Silver 著「Form Design Patterns - A practical guide to designing and coding simple and inclusive forms for the web」の日本語訳です。
Design Systems
「Design Systems — デジタルプロダクトのためのデザインシステム実践ガイド」を読みました。昨今ウェブサイトの情報設計や UI デザインにおいてポピュラーになりつつある「デザインシステム」というアプローチについて、著者自身の経験や他社事例を交えつつ、その効果的な構築と運用の実践方法をまとめたものです。
WCAG 2.1 に対する私的解釈 (その3) : 達成基準 2.5.5 Target Size
WCAG 2.1 が今年正式に W3C 勧告になりました。より進化したガイドラインになった一方で、個人的には若干もやもやする箇所がいくつかあります。今回は達成基準 2.5.5 Target Size を取り上げ、タッチ操作のターゲットのサイズに関する私的な解釈を加えてみたいと思います。
WCAG 2.1 に対する私的解釈 (その2) : 達成基準 1.4.11 Non-text Contrast
WCAG 2.1 が今年正式に W3C 勧告になりました。より進化したガイドラインになった一方で、個人的には若干もやもやする箇所がいくつかあります。今回は達成基準 1.4.11 Non-text Contrast を取り上げ、非文字情報の配色 (コントラスト) に関する私的な解釈を加えてみたいと思います。
WCAG 2.1 に対する私的解釈 (その1) : 達成基準 1.4.13 Content on Hover or Focus
WCAG 2.1 が今年正式に W3C 勧告になりました。より進化したガイドラインになった一方で、個人的には若干もやもやする箇所がいくつかあります。今回は達成基準 1.4.13 Content on Hover or Focus を取り上げ、ホバーやフォーカスのインタラクションに関する私的な解釈を加えてみたいと思います。
ほんとに使える「ユーザビリティ」
「ほんとに使える「ユーザビリティ」 — より良いデザインへのシンプルなアプローチ」を読みました。主にウェブのユーザビリティに焦点を当てた入門書、と言えそうですが、ケーススタディとして引き合いに出される例にはリアルワールドのプロダクトやサービスも多く挙げられていて、より広い視点でユーザビリティを捉え直すことができる良書だと思います。
ツールチップについて考える
ツールチップは、カーソルを UI コンポーネントの上に合わせると、そのコンポーネントに関する補足情報がポップアップ表示される機能です。便利なインタラクションとしてウェブサイトやウェブアプリケーションでも使えそうですが、アクセシビリティの観点で考えるといくつかの問題があります。
Mac Safari 独自のアクセシビリティに優れたインタラクション
Mac (macOS) の標準ブラウザ「Safari」には、独自のアクセシビリティに優れたインタラクションが備わっています。機能としてはさりげないですが、ユーザーの心地よいブラウジング体験を堅実にサポートするものと言えます。
ナビゲーションブラインドネス (navigation blindness)
サイト共通ナビゲーション (グローバルナビゲーションやローカルナビゲーション) は、ウェブサイト設計において不可欠な機能と言えますが、「サイト共通ナビゲーションで導線を用意してさえいれば、それで十分」というわけではないかもしれません。