Website Usability Info

パスワードのマスキングを任意で切り替える

Wed, 17 Mar 2010 06:32:18 +0900

先のコラム記事「パスワードは隠すべきか？」で、Jacob Nielsen（ヤコブ・ニールセン）氏の「Alertbox」の記事（パスワードを隠すのをやめよう）を引き合いに出し、現時点での私の意見として「多少の不便はあっても、今の慣例どおりデフォルトではパスワードを非表示にしておいて、ユーザーが任意でパスワードの表示/非表示を選択できる機能を付加するのが良いのではないか」ということを述べました。

すっきりした印象になったOpera 10.5

Thu, 11 Mar 2010 06:52:11 +0900

ブラウザ「Opera 10.5」がリリースされました。すでに使われている方もいらっしゃるかと思いますが、私も早速入手してみましたので、主にユーザーインターフェース（UI）の観点から、基本機能の使用感について簡単にレビューしてみたいと思います。

音声読み上げの定番環境を試してみる

Mon, 08 Mar 2010 06:32:36 +0900

音声読み上げ支援技術（スクリーンリーダーや音声ブラウザ）の、日本におけるシェア調査によると、「PC-Talker」と「ホームページリーダー」が圧倒的に多いという調査があります（国立特別支援教育総合研究所が実施した「視覚障害者のパソコン・インターネット・携帯電話利用状況調査2007」の「第6節インターネットの利用状況」を参照）。Web閲覧においては、ホームページリーダーを使う人がもっとも多く、次いでPC-Talkerを使う人が多いようです。

DITA

Sat, 20 Feb 2010 07:41:57 +0900

インフォメーションアーキテクチャ（IA）の分野で、DITAという概念を時々目にすることがあります。耳慣れない言葉かと思いますが、ひとことで言うと「情報を構造化（パーツ化）して目的に応じて再構成し出力する」という考え方です。情報デザインに関心のある方にとっては興味をそそられるテーマだと思いますので、簡単にご紹介したいと思います。

アクセシビリティはサイトの「標準装備」

Sun, 14 Feb 2010 07:03:04 +0900

Webの標準仕様を策定しているW3C（World Wide Web Consortium）のDirector（敢えて日本語に訳すと理事長でしょうか）である、Tim Berners-Lee（ティム・バーナーズ - リー）氏の言葉で、とても印象的なものがあります。Web制作の業界の方でしたら、既にご存知かもしれませんが、サイト運営を担当されているウェブマスターの皆さんには馴染みの無い言葉かもしれません。私自身この言葉を初めて目にしたとき、とても素敵だなと感動したので、紹介させていただきたいと思います。

Ronald Mace のユニバーサルデザイン7原則

Thu, 11 Feb 2010 06:59:38 +0900

このところ、Web以外での、リアルワールドにおけるプロダクトのユニバーサルデザイン（UD）関係者とお話をさせていただくことが何度かあり、その中で、久々に「Ronald Mace（ロナルドメイス）のユニバーサルデザイン7原則」に触れる機会がありました。古くからある有名な原則なので、すでにご存知の方も多いと思いますが、今見ても興味深い内容なので、この場でも採り上げてみたいと思います。

「アクセシビリティ・サポーテッド」という考え方

Thu, 04 Feb 2010 06:32:17 +0900

Webアクセシビリティの標準指針である、W3C（World Wide Web Consortium）の「WCAG 2.0（Web Content Accessibility Guidelines 2.0）」および日本の「JIS-X:8341-3:2009（2010年に改訂される予定の公開レビュー版）」では、「アクセシビリティ・サポーテッド（Accessibility Supported）」という用語が見られます。見慣れない用語なので読んでいて戸惑うかもしれませんが、アクセシビリティを実効的なものにするための重要な概念だと思いますので、簡単にご紹介したいと思います。

ユーザーの「実際の横幅」を知る

Thu, 28 Jan 2010 06:59:05 +0900

ご自分のサイトがユーザーのブラウザにおいて、実際にどのくらいの横幅で閲覧されているかを知ることは、ユーザーインターフェースを設計をする上でとても興味深い事項ですね。今回は、閲覧ブラウザの横幅のデータを自動的に集積してくれるツール、BROWSIZEをご紹介します。

Web Designing 誌に寄稿しました（Ajax時代のユーザビリティ）

Wed, 20 Jan 2010 06:25:44 +0900

毎日コミュニケーションズ「Web Designing（ウェブデザイニング）」誌の2010年2月号にて、記事を執筆させていただきました。テーマは、Ajaxにおけるユーザビリティです。「Ajax時代のユーザビリティ 30のポイント」という特集の中で、「レイヤー型ポップアップ」の項を担当させていただきました。

Ajaxで動画をポップアップ

Thu, 14 Jan 2010 06:42:12 +0900

先に公開したコラム記事「Ajaxによる画像の拡大」で、画像拡大のAjaxポップアップの例として、Highslide JSというライブラリーを使用しました。今回は、このHighslide JSを用いて、動画のポップアップ表示について触れたいと思います。

お問い合わせフォームのAjaxサービス「VisitorContact」

Thu, 07 Jan 2010 07:03:49 +0900

お問い合わせフォームをAjaxのポップアップで表示できる面白いサービスがありますので、ご紹介したいと思います。「VisitorContact」というサービスです。

だれもが使えるウェブコンクール

Wed, 23 Dec 2009 06:28:52 +0900

（2010年3月19日追記）

当サイトは、このコンクールで「特別賞」を授賞いたしました。詳しくは「だれもが使えるウェブコンクール受賞ウェブサイト」をご覧ください。

NPO法人「ハーモニー・アイ」さんが主催する、「みんなの声で選ぼう！だれもが使えるウェブコンクール」というコンクールがあります。アクセシビリティの観点で優れたサイトを発掘、表彰し、良い事例を広めてゆこう、というものです。

ユーザーはちゃんとスクロールする？

Mon, 21 Dec 2009 06:36:52 +0900

456 Berea Streetという、主にWeb標準やアクセシビリティ、ユーザビリティに関する話題を簡潔にまとめて発信しているスウェーデン発のサイトがあります。その中に、「Don't fear the fold -- people do scroll」という興味深い記事がありました。Webユーザーはちゃんとスクロールしてくれるもだから、「fold」を恐れるな、というものです。

パンくずリストを音声読み上げ対応に

Sun, 13 Dec 2009 21:12:06 +0900

パンくずリストとは、Webサイト内のそのページの現在位置を示すナビゲーションです。

ホーム＞犬＞ミニチュアダックスフンド

上記のようなスタイルで、Webページの上のほうに表示されるのが一般的です（この例でいうと、「ホーム」と「犬」にはリンクが貼られているケースが多く、上位階層に簡単に移動できます）。童話「ヘンゼルとグレーテル」で、森の中で迷わないようにパンくずを少しずつ落としながら歩いたという故事が由来のようです。

百見は一聴に如かず

Sun, 06 Dec 2009 23:53:58 +0900

面白い記事タイトルだなと思ってご一読いただければ幸いですが、Webページの音声読み上げをチェックする場合は、スクリーンリーダーや音声ブラウザで実際に読み上げてみましょう（ちゃんと「聴いて」みましょう）というお話です。