UCDヒストリー: 人机交互論
2000年代が終わり2010年代に入りました。次の１０年を展望する前に、少し過去を振り返ってみたいと思います。 そもそもUCDの始まりとは？――。それは第二次世界大戦までさかのぼります。戦時中、アメリカでは戦闘機パイロットの操縦ミスを減らすための研究をしていました。これが後に「人間工学」へと発展します。その研究対象は軍事から民生品へと拡がっていきました。 1950年代～1980年代初頭 ― MMIと人間工学の時代 ― ひと昔前、UIは「マン・マシン・インターフェイス（MMI）」と呼ばれていました。確かに自動車の計器パネルや生産機械の制御盤は"マシン"と言ったほうがしっくりきます。それに、当時のユーザは必ずしも"お客様"ではありませんでした。MMIを操作するユーザの多くは専門のオペレータや自社の従業員などだったのです。 当然ながら、MMIは必要最小限でOK――。要するに「人に害を及ぼさない」
Web閲覧者の「視野」は狭いのだ - ただのにっき(2010-02-28)
■ Web閲覧者の「視野」は狭いのだ 楽天ブックスにある「ペンギン夫婦がつくった石垣島ラー油」のレビューが面白いと、TwitterでRTされていたので読んでみた(最初に盛り上がったのは半年近く前のことらしい。知らなんだ)。これは本なのに、ラー油そのものだと勘違いして買ってしまった人たちが、レビューでそのことを訴えているのだ。おかげで評価は最低で、著者には気の毒なことになっている。 ブクマコメントなんかをみると、やれ「情弱」だの「なんで間違えるんだ」だの、こっちもひどい評価のオンパレードだが、これは間違えちゃった人を責めるのは酷だよなぁ。あらかじめ「解答」を知った状態でこの商品ページを見れば、たしかに店名は「楽天ブックス」だし、「本」というアイコンが商品名のすぐ上に出ているのだから、間違えようがないように見える。 でも、普通に何も予備知識がない状態で楽天市場から検索して、本物のラー油に混じっ
We help you create successful product culture and process
People, teams, and organizations that are outcome-centric focus their attention on the customers and users that consume their products and services. While finishing more work faster is valuable, none of that matters if your customers don’t use and get value from your products. Outcome-centric thinking isn’t just for products and services your organization sells, it’s also for the things you build
9784873114323 - ただのにっき(2010-02-14)
■ ウェブアプリケーションのためのユニバーサルデザイン(Wendy Chisholm) 最近は仕事でWebアクセシビリティなんてものにまで首を突っ込んでまして……何屋なんだ、まったく。休暇中に関連書籍を読もうと思っていたのに、読めたのはこれ1冊だけだよ。この遅読っぷりはなんとかしないと……。 さて、日本のWebアクセシビリティ標準である(おそらく年内に改訂版が公開される)JIS X 8341-3は、本書で扱っているデファクトスタンダードWCAG 2.0と互換性があるので、日本で現在Webに関わっている人はすべて本書の対象読者になる。 書名が「アクセシビリティ」じゃなくて「ユニバーサルデザイン」ってところがまずいいねぇ。WCAG読んでるとわかるけど、アクセシビリティってちょっと狭いんだよね。高齢者や視覚障害者だけじゃなくて、メモリや通信帯域がキツい端末の利用者なんかも視野に入れると、やっぱり
第5回 気分の問題 | WIRED VISION
第5回 気分の問題 2007年7月27日 IT コメント： トラックバック (0) 何かのよしあしを判断する場合、実際の価値よりも気分の方が問題になることが多いものです。買おうとする自動車が安全かどうか判断しようとする場合、安全度を示す各種の数値も大事ですが、なんとなく感じられる車体の安全感の方が重視されるでしょう。飛行機事故に逢う確率よりも自動車事故に逢う確率の方がはるかに高くても、地上の方が安心感があるので飛行機の方が怖がられるものです。何かを買う場合、実際の値段よりも割安感が重視されることが多いようです。1杯1000円のコーヒーは高すぎると感じるでしょうが、パソコンが1万円ならば安いと感じられます。このように、実際の数値よりも気分の方が重要に感じられることは多いといえるでしょう。 セキュリティシステムの場合も安心感が重要です。ギザギザの多い鍵はいかにも安全そうに見えますし、記号を羅列
40分でできるホームページ診断 ～最低限クリアしたい40項目のチェックシート | Web担当者Forum
40分でできるホームページ診断 最低限クリアしたい40項目のチェックシート［訪問者目線編 2008年版］ SEO？ ユーザビリティの向上？ それ以前にしなきゃいけない「サイト作りの基本のキ」を、あなたのサイトではちゃんとできているだろうか？ 高度な施策に目を向ける前に、最低限クリアしておきたいチェックポイントをまとめてみた。あなたのサイトは何点とれるだろうか？ TEXT：編集部 協力：株式会社 環 ウェブサイト作りの基本のキSEOやユーザビリティに限らず、キーワード広告、アクセス解析、LPO、リッチインターフェイスなど、サイトの効果をアップさせる手法はさまざまあり、Web担でも詳しく解説してきている。 しかし、そういった施策にコストを割く前に、現状の自社サイトが、訪問者が「あれれ？」とマウスをうろうろさせてしまうような状態になっていないか確認したことがあるだろうか。 そんなあなたのために、
Stop Password Masking
Summary: Usability suffers when users type in passwords and the only feedback they get is a row of bullets. Typically, masking passwords doesn't even increase security, but it does cost you business due to login failures. It's time to show most passwords in clear text as users type them. Providing feedback and visualizing the system's status have always been among the most basic usability principl
「常識的なweb UI」で気になっているもの | おごちゃんの雑文
これは本当にわからないんで、識者に教えて戴きたいところなんだけど、とりあえず自分の主張と共に疑問を書いてみる。 疑問は大きく2つあって、 パスワードは伏せ字でなければならないか 「確認画面」は必要か ってこと。このどちらもが「常識」として使われているのだけど、どうもうっとおしい気がしてならない。 パスワードをtype=”password”にしたり、そういったラベルをつけたりすると、パスワード覚えてくれていたり、日本語入力システムが一時的にOFFになったりと便利なのはわかる。また、パスワードを「後ろから見る」攻撃から避けるには、伏せ字にしておくのが有効だというのもわかる。 とは言え、パスワード覚えてくれたりとか、日本語入力システムを一時的にOFFにするとかってのは、言うなれば「オマケ」であって、本質は「伏せ字」ってことだろう。この伏せ字、「後ろから見る攻撃」には有効なのだけど、 打ち間違いに
100℃を巡るUI - L'eclat des jours(2010-01-20)
_ 100℃を巡るUI ガスレンジを変えたら、これまでおれが培ってきたガスレンジの常識と違い過ぎる。たぶん、それは良いことなのだろうが、どうにも違和感がある。 早い話、安全側に倒してあるということなのだが、お湯を沸かして沸騰したら止まる、中華なべをコンロから浮かせてかき混ぜていれば止まる、ガンガン強火で煮詰まらせようと（というか、アルコールを飛ばそうとしたりとか）していても勝手に弱火に変わってしまうとか。っていうか、まさにそういうことをしたいがために、IHコンロではなく、ガスコンロを選んだのだ。これではガスにした意味が、炎を眺めて原始の感覚を揺すぶるだけの意味しかないではないか。 もっとも、どえらく便利になっている点もあって、トロ火で5分なんていうのは、タイマーを設定すれば勝手にそうやってくれるから、今まで使っていたキッチンタイマーがほとんど不要になったり。というか、ガスコンロにタイマーが
ユーザを混乱させない表組みのコツ (ユーザビリティ実践メモ)
ウェブサイト制作において、多くの情報をいかに整理してユーザに伝えるかは重要なポイントの1つです。よく使われる方法として表組みがありますが、今回は実際の事例をもとにしたケーススタディを通じて、ユーザを混乱させない表組みのコツをご紹介します。 表１はよく見かける表組みの例ですが、実際にユーザの立場に立ってこの表を使用してみると、いくつかの問題点があります。 同種の情報をユーザは区別できない 表1の問題点として、 日付という同種の情報を多く掲載しているため、ユーザには各情報が何の日付を意味しているのか区別できず、分かりにくい列数が多いために、セル内に折り返しが発生し、読みにくい ことが挙げられます。 特に、1つ目の問題点は、表が縦に長い場合にユーザを混乱させる要因の一つになります。なぜなら、画面サイズに収まりきらないほど表が縦に長い場合、下にスクロールしていくと「開催日」などの項目名が画面から消
第39回 名前の効用 | WIRED VISION
第39回 名前の効用 2010年1月13日 （これまでの増井俊之の「界面潮流」はこちら） 人間社会では、様々なものを識別するのに「名前」が利用されています。名前の無い人はいませんし、およそ人間が利用したり表現したりするものには名前がついており、様々なものを指定したり区別したりするのに利用されています。 ふだんの生活で名前はあまりにも当然のものとして利用されているため、計算機の利用やコミュニケーションにおいてもなんらかの名前を使うのが当然だと考えられていました。 通信相手を指定するには電話番号やメールアドレスのような名前が使われますし、データやWebページを指定するにはファイル名やURLのような名前が使われます。計算機の名前/プリンタの名前/アプリケーションの名前/...など、計算機で利用されるあらゆる対象は名前で区別されます。しかし、これらを扱うのに本当に名前が必要なのか、実は疑問です。
クックパッドを作り上げた佐野陽光の事業哲学と技術論｜【Tech総研】
今や月間で訪れるユーザーが800万人を超えるという日本最大の料理サイト「クックパッド」を創業した佐野陽光氏。Rubyをいち早く採用するなど、先進の技術を積極的に活用しているテクノロジーカンパニーを率いている人物だ。 クックパッド株式会社 代表執行役社長 佐野 陽光氏 書籍『600万人の女性に支持される「クックパッド」というビジネス』が刊行されたのは、2009年５月のこと。だが、刊行から１年を待たずして“600万人”はすでに“800万人”を超えるスケールになっているという。女性には圧倒的な知名度を誇る超巨大サイト、クックパッド。料理レシピを投稿したり、検索したりできるサイトだ。2009年夏には東証マザーズに上場も果たした。この会社を1997年に創業したのが、佐野氏。 慶應義塾大学ＳＦＣに学び、卒業後に起業した。何よりユーザーは普通の主婦。食事の準備や子育ての合間に見る。そんな忙しい主婦がこれ
佐藤一郎: Web日記 (2009年) 2009年11月13日
ご訪問いただいたお客様へのお知らせ Information for customers visiting this Web site from SpinNet アクセスいただいたWebサービスは提供を終了いたしました。 長年にわたり、多くの皆様にご利用いただきましたことを心よりお礼申し上げます。 SpinNetトップページへ The Web service you are trying to access has been terminated. We would like to thank all of you for your patronage over the years. Go to the SpinNet
「普通の人」に向けたサービスのこと - レジデント初期研修用資料
恐らくは「便利であること」それ自体には、お客さんは魅力を感じないのではないかと思う。 「便利さ」に価値を見出すのは、新しいものに飛びつくのが好きな、ごく一部の人であって、 お客さんの多くは、便利であることよりも、「自分が真ん中にいる」感覚を共有することを好む気がする。 2つの入り口を持つ料理屋さん うちの近所にあるショッピングモールに「ドリア専門店」と「石焼き鍋専門店」とが入っていて、2つのお店は、中で厨房を共有している。 お店はモールの角地にあって、図面上はたぶん、「角地にある大きな店舗」なんだけれど、中を仕切ってあって、「三角形に分かれた2つのお店」に改造してある。お客さんは、ドリアを食べたければドリアの門に、石焼きビビンバを食べたければ石焼きの門にそれぞれ入って、お互いの行き来はできないようになっているんだけれど、バックグラウンドでは、同じ厨房で、いろんな料理が作られている。 そこは
第1回「なぜ、プレイヤーはマニュアルを読まなくてもゲームを遊べるのか？」
※本ページはアフィリエイトプログラムによる収益を得ています 「ドラゴンクエスト」大ヒットの秘密はラダトーム城の仕掛けにあり 1986年に第1作目がファミリーコンピュータ用ソフトとして発売されて以来、国民的RPGとして今なお絶大な人気を誇る作品といえば、ご存知「ドラクエ」こと「ドラゴンクエスト」シリーズ。今年7月に発売されたシリーズ第9弾、「ドラゴンクエストIX 星空の守り人」も出荷本数が400万本を超える大ヒットとなり、その人気は初代「ドラクエ」の発売から20年以上が過ぎた今もなお衰えを知らない。 今でこそRPGは家庭用ゲームの花形ジャンルだが、初代「ドラクエ」の発売当時は、それまでRPGを一度も遊んだ経験のないファミコンユーザーが非常に多かった。少年時代の筆者も含め、「RPGとは何ぞや？」と聞かれてもピンとこない人が、当時はそれこそゴマンといたのである。 そんな状況にもかかわらず「ドラク
Googleのトップページを開くと毎秒100回JavaScriptが実行されるよ - 射撃しつつ前転 改
FirefoxがCPUを常に15%ぐらい食うのが気になっていたので調べてみたら、Googleのトップページを開くとものすごい勢いでJavaScriptが実行されることがわかった。具体的には、var k=t.value;k!=h&&X(0);h=k というコードが毎秒100回実行されている。このせいで、自分の使っているPCだと、Googleのトップページを開くだけでCPU使用率が2%ぐらい上がっているようだ。Firefox特有の問題というよりは、ウェブページ側の作り方に依るものみたいだ。たぶん他のブラウザでも問題は変わらないだろう。 Googleのトップページの場合、コードを調べてみた限りでは、原因はどうも検索候補の自動補完用のコードみたいだ。現在の入力文字列が過去の記録と違ったら補完の提示をやり直す、みたいなことをやっているように見える。 HTMLではテキストボックス内のテキストが変更され
User Heat : どこが読まれているか見える！無料ヒートマップ・ツール
ヒートマップとは ヒートマップとは、温度を色で表すサーモグラフィーと同様に、ユーザーが注目している閲覧場所を赤緑青といった色で可視化する技術です。ユーザーのページ内行動を、マウスの動きから推定しています。 たとえば、 「ページをどこまで読み進めたのか(終了エリア)」「ページのどの位置を長く読んだのか(熟読エリア)」「ページのどの位置をクリックしたのか(クリックエリア)」を見える化します。これを利用すると、「読んでほしいのに読まれなかった箇所」、「意外とクリックされているリンクやボタン」「クリックしてほしいのにされていないリンクやボタン」などを発見でき、従来のページビュー(PV)やユニークユーザー数(UU数)などのアクセス解析だけではわからなかった改善点を、素早く浮き彫りにできます。 終了エリア 熟読エリア クリックエリア ヒートマップのメリットはどんなものですか？ ヒートマップツールを使う
10 Useful Usability Findings and Guidelines — Smashing Magazine
Everyone would agree that usability is an important aspect of Web design. Whether you’re working on a portfolio website, online store or Web app, making your pages easy and enjoyable for your visitors to use is key. Many studies have been done over the years on various aspects of Web and interface design, and the findings are valuable in helping us improve our work. Here are 10 useful usability fi
感情に訴えるデザインの3つの要素
今度から美に生きることにしました。(笑) みんな言ったものです。ノーマンはいいけど、彼の言う通りにやると使いやすくてみっともないものができる。そんなつもりはなかったんですけどね……。これ素敵でしょう? セッティングをしてくれてありがとう。純粋に素晴らしい。これが何なのか、何の役に立つのかわかりませんが、ただ欲しいと感じます。それが私の新しいあり方です。美や、魅力や、感情とは何かを理解すること、それが新しい私です。ものを素敵で楽しくするというのが、私の新しいテーマです。 これはアレッシィが出しているフィリップ・スタルクがデザインしたレモン搾りです。すごく楽しい。私の家にもあります。玄関のところにですけど。レモンを搾るのには使いません。(笑) 私が買ったのは金色のスペシャルエディションなんですが、小さな注意書きが入っていました。「レモンを絞るのには使わないでください。金メッキが酸で痛みます
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Programming the iPhone User Experience