March 2025
Beginner to intermediate
382 pages
5h 10m
Japanese
この作品はAIを使って翻訳されている。ご意見、ご感想をお待ちしている:translation-feedback@oreilly.com
オンラインショップ( )、マーケットプレイス、不動産Webサイト、大規模なブログには、ユーザがアクセスできる大量のデータという共通点がある。大規模データセットを扱うと、すぐに気が遠くなり、圧倒されてしまう。フィルタリングを使えば、ユーザは検索結果を絞り込むことができ、探しているものを発見しやすくなる。同時に、インタフェースの複雑さを増すこともある。フィルタリングフォームを作成するときは、ユーザが素早く効率的に設定を適用できるように、できるだけシンプルにすることが重要だ。ユーザーがどのようにウェブにアクセスしても、どのフィルターが有効で、適用されているかを常に把握できなければならない。
、ユーザに何百、何千というアイテムのリストを提示すると、ユーザが探しているものを見つけるのが難しくなることがある。リストにインタラクティブな要素が含まれている場合、スイッチ・デバイスのような支援技術を使用している人々にとって、リスト内をナビゲートすることは、身体的に厳しいものになる可能性がある。
ユーザが無関係な結果をフィルタリングできるようにする。例10-1は、HTMLの例示的なフィルタリングを示している。
<formrole="form"aria-label="Filter"id="filter"><labelfor="artist">Artist</label><selectid="artist"name="artist"><optionvalue="">All</option><option>AFI</option><option>Absolute Beginner</option><option>Akne Kid Joe</option><option>Bad Religion</option><option>Beastie Boys</option><option>Bilderbuch</option><option>Billy Joel</option><option>Bring me the Horizon</option><option>Dead Kennedys</option>…</select><fieldset><legend>Country</legend><inputtype="checkbox"name="country"id="country_at"value="at"><labelfor="country_at">Austria</label><inputtype="checkbox"name="country"id="country_ca"value="ca"><labelfor="country_ca">Canada</label><inputtype="checkbox"name="country"id="country_us"value="us"><labelfor="country_us">USA</label><inputtype="checkbox"name="country"id="country_de"value=