カテゴリー「ユーザーインターフェース (UI)」の記事一覧
Web コンテンツは、「内容ごとの塊 (セクション)」を明示的にマークアップすることができますが、支援技術ではない一般ブラウザ (Internet Explorer、Firefox、Google Chrome、Safari、Opera) では、キーボード操作によるセクション間のジャンプ移動ができません。この機能が可能になることで、よりアクセシビリティの裾野が広がると思います。
→ 記事「一般ブラウザにおけるセクション間の移動 (キーボード操作)」の全文
Web アクセシビリティの一環として、キーボード操作だけでも Web サイトを閲覧できることは大切です。しかし現実には、標準的なキーボード操作ではアクセスできない/利用できないユーザーインターフェース (UI) があります。今回は、こうした標準的なキーボード操作で利用できない Web コンテンツがあった場合、それでもアクセスするためにはどういった補助手段があるのか、簡単にご紹介します。
→ 記事「標準的なキーボード操作で Web コンテンツを閲覧できない場合」の全文
多言語展開している Web サイトで、言語選択に国旗のアイコンを使用しているケースがあります。言語と国家は必ずしも一対ではないので、言語選択のシンボルとして国旗を使うのは、適切ではありません。
→ 記事「言語選択に国旗アイコンを使うことの是非」の全文
Mozilla Foundation が開発しているブラウザ「Firefox」が、3.6 から 4.0 にバージョンアップしました。Mozilla Firefox のサイトから、無料でダウンロードできます (この記事の読 [...]
→ 記事「ユーザーインターフェースが大幅に変わった Firefox 4」の全文
以前の記事「色だけに依存しない(その1、その2)」で触れたように、色覚特性を持ったユーザーに対する配慮として、情報内容を識別する手がかりを色だけに頼ってはいけないというのは、Webアクセシビリティを実現する上で基本的な考 [...]
→ 記事「Safari 5およびChrome 6における「訪問済みリンク」の識別」の全文
枝葉末節な話かもしれませんが、Webサイトの閲覧中におけるマウスポインタの形状について、気になっていることがあるので、主観的な意見ではありますが記しておきたいと思います。特にアクセシビリティの観点で、問題になるケースが見 [...]
→ 記事「マウスポインタの形状に関する私見」の全文
今回の話題で採り上げる「ページ内スクロールエリア」とは、ブラウザの機能として標準装備されているスクロールバーとは別に、Webページの中で表示されるスクロール領域を意味します。下図のようなイメージです。
→ 記事「ページ内スクロールエリアの是非」の全文
最近、プログレッシブエンハンスメント(Progressive Enhancement)という言葉をよく目にするようになりました。Webユーザーの増加、ユーザーの閲覧環境の多様化(パソコンだけでなく、携帯電話やスマートフォ [...]
→ 記事「プログレッシブエンハンスメント(Progressive Enhancement)という考えかた」の全文
Webページの途中に、リンクの目的地があるような場合がありますね。いわゆる、「ページ内アンカー」と呼ばれているものです。図示すると、下記のようなイメージです。
→ 記事「ページ内アンカーのインタラクションに関する考察」の全文
先のコラム記事「フリガナのカナ表記」に、とても印象的なコメントをいただきました(ありがとうございます!)。フォームに名前を入力する際、いつも「かな漢字変換」でいったん名前を入力しているのに、再度読み仮名入力をさせられるの [...]
→ 記事「読み仮名を自動的に入れる」の全文
先のコラム記事「パスワードは隠すべきか?」で、Jacob Nielsen(ヤコブ・ニールセン)氏の「Alertbox」の記事(パスワードを隠すのをやめよう)を引き合いに出し、現時点での私の意見として「多少の不便はあっても [...]
→ 記事「パスワードのマスキングを任意で切り替える」の全文
ブラウザ「Opera 10.5」がリリースされました。すでに使われている方もいらっしゃるかと思いますが、私も早速入手してみましたので、主にユーザーインターフェース(UI)の観点から、基本機能の使用感について簡単にレビュー [...]
→ 記事「すっきりした印象になったOpera 10.5」の全文
先に公開したコラム記事「Ajaxによる画像の拡大」で、画像拡大のAjaxポップアップの例として、Highslide JSというライブラリーを使用しました。今回は、このHighslide JSを用いて、動画のポップアップ表 [...]
→ 記事「Ajaxで動画をポップアップ」の全文
お問い合わせフォームをAjaxのポップアップで表示できる面白いサービスがありますので、ご紹介したいと思います。「VisitorContact」というサービスです。
→ 記事「お問い合わせフォームのAjaxサービス「VisitorContact」」の全文
ユーザーインターフェース(UI)設計の専門用語にモーダルとモードレスという言葉があります。WebサイトのUIを検討をする上で、理解しておきたいキーワードのひとつだと思いますので、簡単に触れたいと思います。
→ 記事「「モーダル」と「モードレス」」の全文
一般的に、ユーザビリティを意識してユーザーインターフェース(UI)を設計する際には、前例(慣習)に従うのが良いとされることが多いです。これには理由があって、ユーザーの頭の中で構築されたメンタルモデルに適合しやすいからです [...]
→ 記事「ユーザビリティは前例主義であるべきか?」の全文
(2011年7月22日追記) 下記にご紹介する代替スタイルシートは、現在は提供していません。詳しくは、記事「ロービジョン (弱視) 向けの代替スタイルシートをやめました」をご参照ください。 Webサイト(ホームページ)が [...]
→ 記事「ロービジョン(弱視)向けの代替スタイルシート」の全文
ユーザーインターフェース(UI)設計のコンサルティング会社、ソシオメディアさんのサイトを見て気づいたのですが、サイト内検索窓があるものの、なんとそこに[検索]ボタンがありません。サイト内検索の機能を持つサイトは珍しくない [...]
→ 記事「[検索]ボタンが無い検索窓」の全文
以前より当サイトを訪問してくださっている読者の方はお気づきかもしれませんが、当サイトでは、幅固定のレイアウトから、リキッドレイアウト(ブラウザのウィンドウ幅に応じて、表示するページ幅が変動するレイアウト)に変更しました。
→ 記事「リキッドレイアウト」の全文
高解像度画像は、サイトが扱っている内容によっては、ユーザーからの強い閲覧ニーズがあることを、コラム記事「高解像度画像を閲覧できるようにする」で述べました。これを受けて、高解像度画像を閲覧するためのアプリケーション(ビュー [...]
→ 記事「高解像度画像ビューワーの例(その4):Closr.it」の全文