今年もWorld Usability Dayが開催されますが、日本での開催日時や会場、テーマが暫定ですが決まったようです。
World Usability Day 2010 Japan [予告] | HCD-Net
■日時：11月10日（水）午後2時～5時半（懇親会 午後6時～8時）
■会場：東京 日立インターメディックス社（予定）
■テーマ： 「コミュニケーションを支援する製品・サービスのユーザビリティ（仮）」
2007,2008と参加していましたが、昨年は参加しそびれてしまいましたので、今年は参加したいと思っています。
とりあえず予告ということで、詳しくは詳細発表され次第展開します。
書くのが遅くなってしまいましたが、先日2010年7月22日(木)にHCD-NetのNEMワークショップに参加してきました。
2009年7月に内閣官房により電子政府ユーザビリティ・ガイドラインが公開され，ユーザビリティに関する理解と実践が以前にも増して重要になっています．HCD-Netでは，この電子政府ユーザビリティ・ガイドライン中にも記載されているNEM（Novice Expert ratio Method）について，ワークショップを企画いたしました．
講師として，NEMを業務でも実践し，この分野の専門家である株式会社U’eyes Designの伊藤泰久氏をお招きいたします．実習形式でNEMの基礎を学び，業務への応用を考える良い機会です．多数のご参加をお待ちしています．
by NEMワークショップ : HCD-Net
ワークショップは13:15～17:15の4時間で行われ、講師の伊藤氏による「NEMや電子政府ユーザビリティガイドラインの説明」と、「UI改善前後のNEMの測定と検証の実習」の大きく2つの内容でした。
以下、内容やそのとき思ったことなどを挙げていきます。
NEMとは、Novice Expart ratio Methodの略で、システムを利用する際の各タスク及びステップに要する時間を計測し「システム設計者が要した時間」と「システム利用初心者が要した時間」を比較することで、ユーザビリティの問題を見つけ出すための手法です。
このNE比の数値が大きいほど、設計者の操作時間と初心者の操作時間の乖離が大きいことになり、何らかの問題がある可能性が高くなります。
各ステップごとにNE比を計算することで、目的の達成の障害となり得るステップを洗い出すとともに、
NE比が高いステップ数を測ることで、タスク全体の操作性能を数値化することもできます。
以前、テスラーの複雑性保存の法則について記事を書いた際、
複雑性を人間と機械のどちらに持たせるかということを書きました。
ですが、サイトの開発における複雑性の持たせ方については、
別の見方もできるなと思ったのでメモ。
みなさんお久しぶりです。
ユーザビリティ関連の活動に深く触れられていなかったためしばらく放置してしまいました。
まずは、ふと考えたことから少しずつ更新していけたらと思います。改めてよろしくお願いします。
久しぶりの投稿になりました。
本日2009/11/11は2009年のWorld Usability Dayです。
worldusabilityday2009
今年のテーマは「Designing for a Sustainable World」で、日本ではHCD-Net主催でイベントが開催されます。
World Usability Day 2009 Japan (HCD-Net)
私は今年は参加できないので残念ですが、参加した方のレポートお待ちしてます。
参考までに、過去のWorld Usability Dayに関するエントリーはこちら。
先日、25日にデザイニング・ウェブナビゲーションが発売されました。
 |
デザイニング・ウェブナビゲーション ―最適なユーザーエクスペリエンスの設計 長谷川 敦士 (監訳) 浅野 紀予 (監訳) 児島 修 オライリージャパン 2009-05-25 |
この本は、タイトルの通り、ウェブナビゲーションについてメカニズムと表現の両面から取り扱っており、以前からある白熊本とあわせて読むと情報アーキテクチャについて網羅できるとのことです。
私はまだ手に取れていませんが、興味があるので紹介してみました。
デザイニング系で「デザイニング・インターフェース」も是非。
少し前に、棚橋さんのブログで、長谷川さんが紹介していたというsite-it!について書かれていたのを見て、自分でもsite-it!を作ってみましたのでご報告。
site-it!はウェブサイトの典型的なページを付箋のような小さな紙に印刷したもので、サイトの構成を検討する際などに使えるツールとなっています。
以前、画面遷移図について「画面遷移図の書き方」で、画面名だけ書いた箱ではイメージしづらいということを書きましたが、site-it!はまさにそ問題を解決するツールです。
上部に画面名を書き込んで並べれば画面遷移図・サイトマップになりますし、模造紙を下に敷いて、線をつなげても良いと思います。もちろん紙なので並べ替えや移動も簡単です。
また、紙ベースであるため、打ち合わせの場でクライアントを巻き込んで検討するのに便利ですし、典型的なページから選ぶというやり方をすることによって、おおまかなサイト構成を検討する段階で、各画面内の細かい部分に話が及んで議論が発散することを防げます。
※最初は、中身が空のバージョンも作っておいて、好きに書けるようにしようと思ったのですが、あくまで「選ぶ」ことに意義があるということで止めました。
また、ご紹介している写真のsite-it!は画面名を書くエリアの左下に、T(トップページテンプレート)やF(フォームテンプレート)などのIDを付けて、呼びやすくしたり、画面遷移図として資料に清書する際に、「問い合わせフォーム(F)」と書くことによって、どのパターンなのかの紐付けができるようにしてみました。
都道府県の選択や、もっと複雑なところでは海外サイトの国名選択など、セレクトボックスから目的のものを探す際になかなか見つからずにイライラしてしまった経験はありませんか？
都道府県選択であれば、北海道から沖縄までの地域順、国名選択であればアルファベット順など、ルールに従ってソートされていることがほとんどですので、そのルールさえ分かっていれば、ある程度簡単に探すことができます。また、optgroupタグを利用するなど、標準の仕組みでできる改善策もあります。
とはいえ、いくら分かりやすくなるような工夫をしても、セレクトボックス自体がそもそも一覧性が低いため、ユーザビリティの改善にも限度があります。
そんなとき、セレクトボックスを分かりやすいパネル表示に拡張してくれる、selectable.jsはいかがでしょうか？
このスクリプトを適用すると、通常のセレクトボックスの見た目が変わり、一覧性の高いパネル表示に変更されます。仕組み自体はセレクトボックスを利用して、見た目だけ変えるしくみですので、サーバーサイトのプログラムの変更は不要で、導入も比較的容易です。
ウェブサイトの構築においては、顧客のビジネス戦略を画面の集まりによって構成されたシステムに落とし込むことがミッションとなります。
そこで、戦略を画面に落とし込むまでのフローをユーザー中心設計やユーザビリティ活動を盛り込んで作成してみました。
（小さい画像ですみません。興味ある方個別に連絡ください。）
概要は以下の通り。
