自治体サイトの「使いやすさ」、トップ3は浜松市、栗原市、新潟県
自治体サイトのプライバシー/セキュリティへの意識はまだ低い 調査は全国261自治体のWebサイトを対象とし、5カテゴリー59項目（細目まで含めると69項目）について2007年5月下旬～7月下旬に実施した。カテゴリーごとに10点満点で集計し、「総合スコア」はこれらの5カテゴリーに重み付けをして合計100点満点に換算している。審査対象ページは、原則としてトップページおよびトップページから定常的にリンクがあるページ。調査項目の5カテゴリーは以下の通り（さらに詳しくは、日経BPコンサルティングのサイトに掲載している調査概要を参照のこと）。 ・トップページ・ユーザービリティ トップページは使いやすいか（サイトで提供している情報や機能の提示） ・サイト・ユーザビリティ 目的のページへ移動しやすいか（ナビゲーションの統一と現在位置の提示、リンクの分かりやすさ など） ・アクセシビリティ 視覚障害者をはじ
使いやすさ日記: 389. POWERボタンの位置が改善されたニンテンドーDS Lite
2007年10月12日 ゲームをプレイしていて「POWERボタンを誤って押してしまい強制終了」 という状況ほど悲しいことはありません。 頑張ってプレイした数時間がすべて消えてしまうのですから…。 ニンテンドーDS（以下、旧DS）ではこのような悲しい過ちを犯してしまいがちでした。 原因はPOWERボタンとSTARTボタンが同じ面に配置されている点にあり、 ボタン形状も似ていることから両者を押し間違えることが何度もあったのです。 以前の機種ではSTARTボタンは筐体上面/POWERボタンは側面に配置され 両者の差別化が図られていたのですが、フタに覆われていない側面にPOWERボタンがあるとカバンの中での誤作動が多く 「いつの間にか電源がONになっていて遊ぼうと思ったら電池切れ…」 という悲しい状況も起こっていました。 その誤作動を起こさせないために旧DSではPOWERボタンが 筐体上面にレイア
使いやすさ日記: 381. わかりやすい薬のパッケージ
市販の総合風邪薬「ストナプラス２」(上の写真)は、1回に服用する分量である２錠を一組として包装されており、一度に必要な２錠を開封することができます。そのため、今までの一般的な市販薬と比べ、1回に2錠飲まなければならないことがわかりやすくなっています。 さらに工夫されているパッケージをみつけました。抗生物質「ジスロマック」です(下の写真)。「ストナプラス２」にはなかった、｢１日に１回２錠を３日間飲む｣という説明書きがあるため、はじめての人には安心して飲むことができます。 どちらの薬も、飲む人にとって大変わかりやすくなっています。 医薬品は、分量や用法を間違えると飲む人に悪い影響を与える恐れがあります。そのため、「ストナプラス２」、「ジスロマック」の様に説明書だけではなく、パッケージの工夫で、飲む人が間違いにくくする必要があると思いました。
使いやすさ日記: 378. いいこと尽くし！「小田原ちょうちんエコボトル」
「小田原ちょうちんエコボトル」という名前で、その名の通り、ちょうちんのような形をしています。手に持つと、ちょうど蛇腹部分がフィットして滑りにくくなっています。 また、飲み終わった空のボトルを上からぐっと押しつぶすと、蛇腹部分が収縮し、小さくなります。 ちょうちんという見慣れた形に似ているためか、潰した形がきれいに重なりそう、と想像できるし、早く飲み終えて潰したい！と思う人もいるのではないでしょうか。 潰して捨てなさい、と言われるよりも、自然と潰したくなるこのボトル、持ちやすさと捨てやすさに配慮されていて、すばらしいと思います。 小田原駅周辺、または小田原ＴＭＯのサイトでのみ販売されているのですが、もっと身近なものになって欲しいですね。 ＜関連情報＞ 小田原ＴＭＯ（小田原箱根商工会議所） http://www.odawara-tmo.com/
使いやすさ日記: 376. 上り下りがわかるエスカレーターマット
2007年8月23日 今までも「使いやすさ日記」で、エスカレーターの上り下りを示す表示の紹介はありましたが、私は“コロンブスの卵”的発想の表示を見つけてきました。 その表示方法とは、赤い大きな矢印がプリントされたマットを敷いているだけのものです。 今まで取り上げてきたのは電光掲示板をつけたり、手すりの色を変えたり、 エスカレーターそのものに何らかの細工をして、進行方向をユーザに伝えるというものでした。しかしこのマットを使えば工事をすることもなく、比較的安価で使いやすさを付加することが可能だと思いました。 「人が歩いているとき、矢印が見えないのでは？」 なんて、思った方はいませんか？大丈夫。矢印が見えないほど人がいれば、エスカレーターの進行方向は自ずとわかりますよね。 矢印がプリントされたマットを敷くだけ。とっても単純な発想だとは思いますが、 単純なだけに自分の中で「一本とられたっ！」という
音声付きコンテンツの落とし穴 (ユーザビリティ実践メモ)
しかし「再生する」というユーザの明確な意思表示なしに、音声付コンテンツを再生することには注意が必要です。 弊社のユーザビリティテスト（ユーザ行動観察調査）では、たまたま開いたウェブサイトから突然音声が流れることに強い拒否反応を示すケースがありました。 ユーザはウェブサイトを必ずしも一人で閲覧するとは限りません。 職場のように周りに人がいる状況でサイトを開くこともあります。「意図せずに周りの迷惑になってしまうのが怖い」というのは多くのユーザに共通の意識ではないでしょうか。 ユーザにそのような不快な思いをさせないためには、ユーザ自身に音声の「ON」 「OFF」を選択してもらうことが考えられます。 【 具体的対応策 】 ■1. 「音声OFF」をデフォルト設定とし、音声の「ON」はユーザが選択 ■2. コンテンツを再生時にユーザが音声の「ON」「OFF」を選択 音声付コンテンツはそれ自体の魅力が大
新生銀行の件のフォローアップ:江島健太郎 / Kenn's Clairvoyance - CNET Japan
前回の新生銀行のサイトの使い勝手についてのポストに思いのほか反応がありました。 はてなブックマークでも「新生の使いづらさは尋常じゃない」とか「こに書いてあること全部の10倍くらいダメ」とか「書いてもらえてスッキリした」みたいな反応が多くて、そういう声を引き出せたのは書いた甲斐があるなぁ。 それで、セキュリティに関する話だから噛みついてくる人もいるだろうと思っていたらやっぱりいて、カレーなる辛口Javaな転職日記で「全般として，いかにも素人っぽい批判に終始しているように思う」と書かれていたのを見つけたので読んでみたのだけど、そこに書かれていた反論は「もっとセキュリティを下げろなんて論外」という、予想通りのいわゆる一段階論理だったのですが、よく考えてみればそういう思考回路の髪のとんがった上司をどう説得するかというシチュエーションは現実問題としてあるわけで、そのためもう少しだけ深追いしてみること
Amazonにない書籍をネットで買え--ユーザーはどう検索する？
ウェブサイトを設計する際には、ユーザーが求めている情報に早くたどり着けるようにするために、情報の配置などに注意する必要があります。この連載では、実際に被験者に課題を与えた上でサイトを閲覧してもらい、アイトラッキングツールを利用してユーザーの直感的な行動を分析します。ツールはTobii Technologyの「Tobii Eye Tracker」を利用します。 アイトラッキングとは、ユーザーの視線の動きを感知してモニターのどこを見ているのかを記録するシステムです。ウェブサイトのユーザビリティ改善として使われることも多くなってきましたが、視線の動きが可視化されるというインパクトの強さに惑わされているケースもありそうです。 たしかに被験者の視線はウソをついていませんが、被験者の属性、心理状態、リテラシーなどによってその結果は異なってきます。たとえば、ウェブページを見る視線はF字型に流れるという分
マウスオーバでテーブルのセルをアクティブ状態にするjavascript『Tablecloth』 – creamu
テーブルのユーザビリティを上げたい。 そんなあなたにおすすめなのが、『Tablecloth』。マウスオーバでテーブルのセルをアクティブ状態にするjavascriptだ。 シンプルなコードを2行追加するだけで、ユーザを魅了するテーブルを作ることができる。 ↑の画像のように、マウスオーバでセルの行と列の背景色が変化する。どのセルが選択状態かがとてもわかりやすい。セルをクリックすると、背景色がより濃い色に変化する。 「Tablecloth」というネーミングもいい。ユーザビリティを上げるために使えるのではないだろうか。 マウスオーバでテーブルのセルをアクティブ状態にするjavascript、チェックして使っていきたいですね。 iPod touchを見てきました。かなりかっこいいけど、音楽を聞くのがメインだからどうしようかな。インターフェースを楽しむ分にはいいんだけど容量が少ないしなーって今日買った
タブの正しい使い方
13のデザインガイドラインを守ってタブを使っているサイトにYahoo Financeがある。しかし、AJAXの使い過ぎや改善の余地が残るカスタマイゼーションのページなどを見る限り、ユーザビリティはまだ上げられる。 Tabs, Used Right by Jakob Nielsen on September 17, 2007 Web上でダイアログコントロールを正しく使っているユーザ・インターフェイスを見かけることは滅多にない。ラジオボタンやチェックボックスのように単純なものでさえ、正しく使われていないことが大半だ。ドロップダウンメニューに至ってはもっとひどい状態だし、Flashサイトを台無しにする自作のスクロールバーも後を絶たない。 最近リニューアルされたYahoo Financeのホームページでは、タブを正しく使っている。2箇所ほど抜粋してご覧に入れよう。 Yahoo Financeのホー
勝手にフィードバック：新生銀行：江島健太郎 / Kenn's Clairvoyance - CNET Japan
さて、前回に続いて「勝手にフィードバック」シリーズに登場いただくのは新生銀行です。 引き続き、開発者に黙ってサイトの使い勝手を遠慮なくバッサバッサと斬っていきたいと思います。 ■新生銀行って？ かつて高度成長期に「長銀」と呼ばれて栄華を誇り、その後バブル崩壊とともに経営破綻、国有化と外資の投資組合による買収を経て「新生銀行」として再出発した普通銀行ですが、消費者の目線に近いかなり大胆なサービスへと刷新することで、大きくイメージアップしました。 特にサービスのコスト面での単純明快さ（ほとんど全てが無料）では他に抜きんでていて、たとえば、コンビニや郵貯のATMで入出金しても365日24時間いつでも手数料無料、他行への振込手数料もネット経由なら月５回まで無料（つまり一般人には永久に無料）、という具合です。 で、私はというと最近までシティバンクとジャパンネット銀行をメインで使っていたのですが、宮川
携帯電話のユーザインタフェースの最適化-社会関係資本の最大化を目指す/黒須教授のUser Engineering Lecture
現在の携帯電話には多彩な機能が搭載されている。 通話：二者間通話、三者以上通話、テレビ電話、国際電話 インターネット：電子メール、ショートメール、交通情報取得、ナビゲーション、音楽や画像のダウンロード 時計：時刻表示、目覚まし、ストップウォッチ カメラ：静止画、動画 カレンダー：カレンダー表示、スケジュール管理 学習支援：辞書、電卓 電子マネー：Edy、モバイルスイカ 健康管理：万歩計 エンタテイメント：音楽プレーヤ、テレビ、ラジオ、ゲーム メモ：テキストメモ、音声メモ アドレスブック：電話番号、メールアドレス、住所、属性情報 データ交換：外部カード、USB、赤外線通信、ブルートゥース通信 ざっとリストアップしてもこれだけのものがある。当初は自動車電話として移動型電話機として登場した携帯電話であったが、現在では小型携帯型情報端末として位置づけられるようになっている。 これだけ多機能になって
mixiの新しいデザインへの批判で疑問に思う点 - WebStudio
もずはっく日記(2007年10月) 2007年10月4日 mixiの新しいデザインへの批判で疑問に思う点 初回投稿日時: 2007年10月04日20時18分23秒 カテゴリ: CSS 雑談 SNS: Tweet (list) いくつか反対のコミュニティができているようだが、いくつか疑問に思った点。 MacOS 9 ユーザの切り捨て 細かく検証してませんし、できる環境も無いですが、経済的な事情等も考えれば仕方ないことではないででしょうか。今となってはMac IEもモダンブラウザと呼ぶには時代遅れですし、MacOS 9ユーザの中には、自分達に発言力がまだまだあると信じて発言している人も居るようですが、こういうのは声の大きさではなく、シェアが発言力になっちゃいます。 他にもマイナーな環境としてBeOSやOS/2がありますが、それらのユーザは自分たちでGeckoの開発を支えて、ユーザ自身でモダ
客観的な手法で「使いやすさ」を追求したハンディターミナル
カシオ計算機のハンディターミナル「DT-X7」は、ユニバーサルデザインの設計手法を全面的に取り入れて開発された最新モデルだ。「使いやすさ」を客観的に分析し、実際の利用シーンに合わせて徹底的に作り込んだという。 物流や小売、フィールドサービスなどの現場で、実際の“モノ”とシステムとを結ぶ重要な情報デバイスであるハンディターミナル。バーコードスキャナを内蔵して物流現場や小売現場で用いられる「グリップ型」、情報入出力を重視した「PDA型」、それからガスや電力などのメーター検針などに用いられる「プリンタ一体型」の、大きく3つの分野があるが、いずれも業務用機器であるがゆえに、これまでは機能や寸法、コストなど数値で比較できる部分に重点を置いて開発されてきた傾向が強かった。 もちろん、以前から各社とも、使い勝手を意識して形状やボタン配置などに工夫を凝らしてきた。とはいうものの、デザイン面では客観的な説得
ウノウラボ Unoh Labs: フォームのユーザビリティを改善する10のTips
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
使いやすさ日記: 373. 愛嬌のあるインクカートリッジ
2007年8月 6日 最近のプリンタインクは以前に増して多色になっています。 プリンタインクの交換では少なからず、 「どれも同じに見えて分かりにくいなぁ・・・どのインクが交換なの？」 「インクの取り出しを間違えたら戻せないかな・・・」 などといった混乱と緊張を覚えます。 そんなある日、HP（日本ヒューレット・パッカード株式会社）の複合機のインクを交換する機会があり、カバーを開けて「えっ！？」と思いました。 コロンと丸みのある形のインク達が、こっちを向いて仲良く並んでいるのです。 私が普段使っているプリンタのインクカートリッジは、細長の角ばった平らな形状でインク間の隙間も狭くどれも同じ様に見えます。また取り出す時は小さいつまみをつまんだまま持ち上げねばならず、非常にやりにくいのです。 このようにインク交換に対してネガティブなイメージがあったのですが、初めてHPのインクカートリッジを見
無愛想な404エラーメッセージの改善
※リンク切れに関するコラムへの補足記事 存在しないURLに対するリクエストを受け取った時、デフォルトでは、ほとんどのウェブサーバがシンプルな「404 Not Found」というエラーメッセージを返すようになっている。このメッセージは、エラーメッセージの基本ガイドライン3か条に違反するものである。あらゆるエラーメッセージは、 平明な言葉で書くこと。すなわち、非技術系のユーザにも理解しやすく、しかもミスをユーザのせいにしないものである 何が悪いのか正確に特定する（ということは、一般的だったり、あいまいだったりしてはならないということである） 問題解決のためにユーザが取りうるステップについて建設的な指示をすること 「URL not found」というエラーメッセージに関して言うと、なぜそのURLが見つからなかったかについて説明があった方がいいだろう。ファイルアクセスに関して、そのサイトでもっとも
機能の豊富さとユーザの関与
ユーザの関与が深まるほど、アプリケーションはより多くの機能を維持できる。しかし、大部分のユーザの関与のレベルは低いものだ ―― 特に、機能の数よりもシンプルさの方を重視しなくてはならないウェブサイトの場合は。 Feature Richness and User Engagement by Jakob Nielsen on August 6, 2007 どんなユーザーインターフェースをデザインするにしても、重要な決定事項のうち一つは機能の多さとシンプルさの兼ね合いに関わってくる。機能が増えるほど、システムがより複雑になるのは避けられない： 機能はユーザに明示されている必要があるので、画面がより煩雑になる。 メニューのサイズや数のどちらか、または両方が増えるほど、必要な機能を見つけるのが難しくなる。 機能には説明が欠かせないので、ヘルプシステムやマニュアルのサイズが膨れ上がる： ドキュメントは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
使いやすさ日記: 392. スライドドアのフールプルーフ
使いやすさ日記: 391. モバイルSuicaの利用履歴テンプレート