記事一覧 : 情報アーキテクチャ (IA)
(全49件 : 2/5)

ビジュアルヒエラルキー

ウェブサイトの情報デザインでは、そのプロセスにおいて、提示すべき情報を厳選し、優先度を付けることになりますが、その際に意識したいのが、ビジュアルヒエラルキー (視覚表現による情報の重み付け) です。

テーブルを組む際に気をつけたいこと

ウェブコンテンツの表現で、テーブル (表) を用いる場合は、できるだけシンプルな表組みに設計するとよいでしょう。また、データセルの中にリンクが含まれる場合は、リンク箇所の識別性やリンクラベルの明確さを意識しましょう。

ナビゲーションメニューが複数ある場合のスクリーンリーダーでの識別

Web ページの中にナビゲーションメニューが複数ある場合、個々のナビゲーション (<nav role=“navigation">) に aria-label を記述すると、スクリーンリーダーユーザーがナビゲーションメニューの種類を容易に把握しやすくなります。

サイトやページのアバウトネス (aboutness)

Web サイト (ページ) をデザインするにあたっては、そのアバウトネス、つまりそのサイトやページが「何であるか?」を明確にすることがとても大切です。Web 閲覧デバイスの多様化を前提に、メインコンテンツのみでアバウトネスが伝わるようなデザインが今後は求められるでしょう。

フィードバックはユーザーのプライマリーな期待に合わせる

ユーザーのアクションに対するフィードバックを検討する際、もとのアクションに直接応えるものではない関連情報も併せて提示したい、と思うことはありませんか?ユーザーから見た場合、それは情報ノイズであるばかりか、かえってユーザーの目的達成の邪魔になってしまう恐れもあります。

Progressive Disclosure と Progressive Reduction

Web サイトにおいては、極力、情報ノイズが無いのがよいと言えます。ユーザーに合わせて情報ノイズを排除する考えかたとして、「Progressive Disclosure」と「Progressive Reduction」について考えてみたいと思います。

WAI-ARIA の基礎知識

WAI-ARIA 1.0 が、2014年3月20日付で W3C の勧告 (Recommendation) になりました。この記事では、WAI-ARIA がどういう仕様なのかを、ごく大雑把にではありますが、俯瞰してみたいと思います。

Plain Language (平易な言葉)

Web サイトにおいて情報をわかりやすくユーザーに伝えるためには、どう文章表現 (ライティング) するかが重要ですが、その考えかたを表わす「Plain Language」という概念があるので、ご紹介したいと思います。

動画キャプション (字幕) の表記スタイル

動画のキャプション (字幕) には、発話 (セリフ) 以外にも様々な情報 (効果音や状況説明など) が含まれます。こういった様々な情報をどう書き分けるのか、その表記スタイルについて考察します。

音声を伴う動画にはキャプション (字幕) を付ける

Web コンテンツとして動画 (音声を伴うもの) を用いる場合、アクセシビリティ上の配慮 (主に聴覚障碍者に対する情報保障) として、キャプション (字幕) を付けることが求められます。
12345