記事一覧 : ユーザーインターフェース (UI)
(全117件 : 1/12)

ツールチップについて考える

ツールチップはデスクトップアプリケーションではおなじみで便利そうですが、利用コンテキストが多様なウェブサイトやウェブアプリケーションにおいては、基本的に用いずに済むのが無難でしょう。

グラフや図解の説明テキスト

ウェブコンテンツの中で、視覚的な情報提示としてグラフや図解を用いる場合、アクセシビリティ (特に視覚障害者に対する情報保障) はどのように両立したらよいでしょうか。

ナビゲーションブラインドネス (navigation blindness)

サイト共通ナビゲーション (グローバルナビゲーションやローカルナビゲーション) は、ウェブサイト設計において不可欠な機能と言えますが、「サイト共通ナビゲーションで導線を用意してさえいれば、それで十分」というわけではないかもしれません。

サイト内検索機能を開閉するボタンを「検索」ランドマークとすべきか?

サイト共通ヘッダーに、サイト内検索機能を開閉するボタン (虫眼鏡アイコン) を配置して、ボタンが押されると検索窓を開く、という UI をよく見かけます。この手のボタンに対して、role="search" (「検索」ランドマーク) を付けるべきでしょうか?

融けるデザイン

「融けるデザイン — ハード×ソフト×ネット時代の新たな設計論」を読みました。情報技術の発展に伴い、ハードウェア、ソフトウェア、そしてインターネットがますます融け合い、それによって新しい世界の姿が現れつつある中、ユーザーインターフェースやインタラクションのデザインはどうあるべきかを説く本です。

ブランド訴求と「ハイコントラスト」モード

ウェブコンテンツのアクセシビリティを担保するうえで、文字色と背景色のコントラストに配慮することは重要ですが、ブランドカラーの制約がある場合、どうしたらよいでしょうか。

Form follows function

米国の建築家ルイス・サリヴァン氏の有名な言葉に「Form follows function (形態は機能に従う)」というフレーズがあります。キャッチーなフレーズということもあり、ウェブサイトやアプリケーションの UI デザインについて語られる際にも、しばしば用いられます。

ブロックスキップを考える

WCAG 2.0 に「ブロックスキップ」という達成基準があり、その達成方法のひとつにスキップリンクの設置があります。今回の記事では、スキップリンクの実効性や必要性といった側面から、ブロックスキップについて考えてみたいと思います。

デートピッカー

ウェブページのフォームで日付を入力する際の UI コンポーネントとして、「デートピッカー (date picker)」があります。カレンダーの馴染み深い外観とも相まって使い勝手のよい UI と言えそうですが、アクセシビリティも同時に満たしたいものです。

ドロワー (オフキャンバスメニュー)

ウェブサイトやアプリケーションのナビゲーションメニューの一形態として、ドロワー (drawer) と呼ばれるものがあります。この記事では、ドロワーについてユーザビリティ/アクセシビリティの観点から考えてみたいと思います。