印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 2020年の東京オリンピック・パラリンピックへ向けたボランティア募集のウェブサイトが9月下旬に公開され、その応募フォームが（少なくともユーザーインターフェース（UI）研究者などの間で）話題になった。その理由は、応募フォームが利用者にとって使いにくく、質の悪いユーザーエクスペリエンス（UX）を生じさせる要素が満載だったためだ。そうした使い勝手の悪いUIは、「Bad UI」あるいは「BADUI」などと呼ばれる。 Bad UIは、使いにくさやUXの悪さだけでなく、具体的な被害を、それも大きな被害をもたらす原因にもなり得る。UIの設計者がBad UIを作らないようにするのはもちろんのこと、多くの人にとっても日頃からBad UIを意識して、それが

もう各所で話題になってますが，BADUI収集家としてはノウハウがふんだんに盛り込まれたたまらないワクワクするコンテンツでしたので，こちらにもしっかり残しておこうと思います． 8万人のボランティアを集めることを目標としている東京オリンピック2020のボランティア登録サイト，皆さん体験されましたでしょうか．12月に募集が終わってしまい，それ以降体験できなくなりますので，HCIやデザインなどに興味のある方は，ぜひともこの体験をすることをお勧めします． さて，この登録サイト，もともと「30分程度かかる」と明記されているもので，最初からなかなか強烈な感じがしますが，応募フォームの入力に30分程度かかること，そして入力途中で保存できることを明記しているのは，とても良いことだと思います．ちなみに，時間的な余裕がなかったためか，アクセシビリティ対応が十分ではないようです．ここら辺からも，時間的な余裕または

初めて入った飲食店でシステムがわからず居心地悪くなる現象 世の中の不思議なデザイン集 自分の適応力が足りないではなく、デザインが悪い おわりに 初めて入った飲食店でシステムがわからず居心地悪くなる現象 例えば旅行中、ふと気になった繁盛しているお店に入るとする。または人気ラーメン店の食べ歩きなんかでもいい。初めて入ってみると、すでにお客さんがおいしそうに食べていて店員さんも忙しそうだ。なかなかこっちには来てくれる様子がない。そうすると居心地がだんだん悪くなってきてそわそわして周囲を観察しだす。うーん、ここは券売機で食券を購入するタイプか？それとも勝手に席に座るタイプだろうか。やはり店員さんを待つべきか…。 そうして自動券売機が店の良く見えないところにあったことが発覚しあわてて操作をしようとするが、どれを選んだらいいのかわからない。うーん、自分の食べたい奴はどの行のどの列にあるんだろう？そうし

ちょっとバタバタしすぎていたためBADUIネタがたまりすぎてきているので、少しずつ消化していこうと思います。 今回紹介するのは、学生さんからのタレこみで自動券売機にまつわるBADUI。自動券売機といえばBADUIの宝庫ですし、小さな飲食店の自動券売機は、そのお店の人によってとりあえずの形で作られていることが多いため、わかりにくいものが多くとても興味深いものです。 今回、学生さんにタレこんでいただいたのは、下図のような自動券売機。さて、あなたが購入しようとしているクレープはどれでしょうか？ このクレープ屋さんの場合、事前に食品サンプルを見てどのクレープにするか決めておいて、この券売機に並んでチケットを購入する形式になっているそうです。ただ、実際に券売機の前に来てみると、自分が購入しようとしていたクレープがどれなのか（値段をしっかり覚えておかないと）わからず、また食品サンプルが入ったケースのと

失敗から学ぶユーザインタフェース 世界はBADUI(バッド・ユーアイ)であふれている 作者: 中村聡史出版社/メーカー: 技術評論社発売日: 2015/01/21メディア: 大型本この商品を含むブログ (2件) を見る数年前から切符の自動販売機で定期券が買えるようになったので、ある時定期券を買おうとタッチパネルに大きく表示された「定期券」を何度も押した。しかし画面は何の反応も示さない。まず定期券を挿入しなければいけない仕組みだったのだ。 本書はこのような使い勝手が悪かったり、誤解を招く「ユーザインタフェース*1」の事例を集めたものだ。写真入りで何が問題なのかユーモラスに説明されているので興味深く読み進めることが出来る。 今やユーザインタフェースはデザイナーに限らず一般人でも作成する時代だ。本書に挙げられた失敗事例は身近な所にもたくさんあるが、いろいろ事情もあって容易には手のつけようの無いモ

題記の理由はごく個人的なものに起因する。原因は、「イオングループのロックイン戦略に乗りたくないから」という心情が元になっている。 ダイエーにおいて、OMCカードの毎週日曜日、20日・30日5%OFF優待が2月28日で終了。だったら行かないという選択も無いわけではないが、他に買い物に行くスーパーよりも(値引き前)でも圧倒的に安い品目がある。行けば優待が無いのはムカつくということもあり、ローコストな代替策を考える必要があった。 ということで最初からWAONが選択肢の一番目だったのだが、レジ横のWAONカードを見ると300円という値段が付いている。 しかし、このWAONカード自体がタダではないんです。 カードの発行手数料として最初に300円取られます。 WAONカードを使うとポイントが貯まるので、現金で支払うよりもWAONカードで払った方がお得であることは本当です。(店員さんの言い分) しかし、

先日購入したiPhoneを設定するためアカウントを登録しようとしていた時のこと。下記のような姓名や郵便番号を入力フォームが出てきました。それぞれのフォームの横に何を書くのかという説明と、フォーム自体に灰色の文字で初期値が入っており、それに従って入力していくことになります。一見するととても分かりやすいものであるように思います。 さて、みなさんならこの3つ目、4つ目の入力フォームに何を入力しますか？ この手のものは、漢字で名前を記入した後は、ひらがなまたはカタカナで読みを入力するというのは一般的なので、横のラベルを見ずとも、初期値から類推しつつささっと入力してしまうことができます。 で、この場合も同様に、横のラベルを確認せずに「なかむら」「さとし」と入力したのですが…よーくみてください。3段目、4段目に初期値として入っているのは、やまだ（姓のひらがな）、たろう（名のひらがな）なのですが、その横

間違えが許されないような状況なのにも関わらず、なかなか困ったユーザインタフェースというのはあるものです。 下の図は、ずっと昔に知り合いの結婚式（人前式）に参加した時に、知人（新郎立会人）が間違えそうになったのを再現したもの。さて、こちらのフォームであなたが新郎側立会人として署名しようと思った時、どこに記入しようとするでしょうか？（人前式では、新郎新婦が署名した後、それぞれの立会人が証人として署名します） 答えは、「新郎側立会人の署名」というラベルの上にある線のさらに上の場所です。私なら、まず間違いなく新郎側立会人の署名というラベルの下に書いてしまいそうです。立会人署名のタイミングでは、新郎や新婦の署名がそれぞれの線の上に書かれているので、間違える可能性は低いかもしれませんが、結婚式で緊張していた状況ということもあり、その知人は署名欄を間違えそうになり、こちらですよとスタッフの人に指示されて

息子は生まれつき体が弱く，なかなか口からミルクを飲むのが得意ではないので，ミルク＋栄養剤の1日の目標量があり，1回あたりどの程度飲め，1日でどれだけ飲めたかということをしっかり管理しつつ，足りない分は管で注入するなどの必要があります．そのため毎回どの程度作り，どの程度飲んだかということを記録していくことが重要です． 下の写真は，その授乳のために利用している哺乳瓶．哺乳瓶の横に目盛りがあって50や100という数字があるので，例えば80 ml飲ませたい場合は100と書いてある場所から2つ下の目盛りを頼りにミルクを作れば良いように思います． この哺乳瓶を利用して調乳して必要量を飲ませるとともに，どれだけ飲めたか，どれだけ飲めなかったのかなどを記録していたのですが…．さて，よく哺乳瓶を見てください．なんだかおかしな感じがしないでしょうか？ 当初私は，なんだかおかしいな，なんだか変だなと思いつつ，ま

ホテルの部屋の鍵がカード化されると色々便利なことはあるのですが、カード自体に部屋番号が印字されておらず、自分の部屋番号がわからず悩んでしまうケースはよくあります。例えば、本で紹介した下の図のようなのも、そんな事例。 カードに部屋番号が印字されて無いため、「朝食時に部屋番号は？」と訊かれたり、酔っ払ってホテルに戻ってきた時などに自分の部屋がわからずしばらく悩んでしまうことになります。 で、先日宿泊したホテルはこの問題を解決するため、カードに部屋番号とチェックイン日、チェックアウト日を印字するような仕組みになっていました。 こういう工夫は嬉しくなって、また利用したくなりますね。もちろん、コストはそれなりに掛かるのだと思いますが、客室がわからずさまよう人が出たり、問い合わせがフロントに来たり、カードの故障に気づかなかったりといったことを考えると、結果的に色々と無駄が減るので良いなと思います。 コ

2015年もあと残すところ，今日と明日だけとなりました．今年も色々と面白いBADUIがBADUI投稿サイトやBADUIのDIY投稿サイト，Twitterの#baduiというハッシュタグなどで投稿されてきましたし，私も色々と発見してこちらで報告したりしていました． その中で，特に興味深かったBADUIたちを先日12月頭に別府で開催されたWISSという会議（ユーザインタフェースの専門家が集まる国内の泊まり込みの会議）のナイトセッションで20事例ほど私が紹介し，コメンテータの福地さん，綾塚さんのお二人に最終候補を選んでいただきました． 最終候補として選ばれたのは， あやかさんが投稿してくれた「2つのドアと，それぞれそのドア用のボタンが用意されており，分かりにくいために人を挟んでしまうエレベータ」 落合さんがTwitterに投稿した「狂気を感じる「押すな！」というテプラシールが山ほど貼られたエレベ

背景に「注文は4個まで！」という制限が書いてある通り，1度に注文できるのは4個（4皿）までなのですが，ユーザインタフェース上の変化がないため（「＋ボタン」が押せるままになっているため）ついついボタンを押そうとしてしまいます．しかし，この状況ではすでに4個注文してしまっているので，「＋ボタン」を押しても何の反応もありません． また，その制限に関する情報がキャラクタと一緒に背景に溶け込んでしまっているため気づきにくくなっています．もう少し色が違うとか動くなどの工夫，プラスボタンが消えたり灰色になって押せなくなるなどの工夫をすると，困らないのにという感じでした． ユーザに操作させるシステムなんだけどと，なんとも興味深い事例でした．

こちらは学生さんからのタレコミ． 長い階段の隣にエスカレータが設置されているのだけれど，そのエスカレータにアクセスするためにも階段を登る必要があります． エスカレータとみせかけて階段もあるというのはなかなかのトラップで，学生さんも捻挫していたためかなり困ったのだとか．まぁ，今回の事例の場合，一応この階段を登ればエスカレータというのが見えてるからまだましですが，逆のパターンで手前がエスカレータで奥が階段だと，足の悪い人がエスカレータを探し，見つけて乗った後でえらい目にあうとなってしまいそうです． コスト的な理由でこうなったのか，別の理由でこうなったのかはわかりませんが，なかなか興味深い事例でした．ちょっぴりトマソンっぽさを感じますね．

下の写真は、先日出会ったトイレの温水洗浄便座（ウォシュレット）のユーザインタフェースです。排便した後は、多くの人がここにある「おしり」というボタンを押すと思います。で、私も特に悩むことなくボタンを押したのですが… 水が最大出力で飛び出してきて、びっくりして腰を浮かしてしまい、水がさらに飛び散るなどしてしまいました。まぁ、単純に設定が最大になっていただけで、これを設定してから使えば良いのですが、ついつい意識せず使ってしまったため、かなり驚くことになってしまいました。 まぁ、これでどうこうなるわけではありませんので、日々人が入れ替わり、毎回そのユーザインタフェースを使うのが初めてという人が多い状況では、是非とも最初は標準設定にしておいて欲しいなと思います（手間は増えますけどね）。

先日開催された，ユーザインタフェースの専門家が集まる会議の会場に置いてあったコーヒーメーカーで，多くの人がコーヒーが溢れそう！これどうしたらいいんだ？などと悩んでいたのが面白かったので紹介． こちらのコーヒーメーカー．普通にボタンを押してコーヒーを注ぐと，少しの量しか入りません．だからともう一度押してしまうと，こちらの写真のように溢れそうになってしまいます．

ここは、とある町にある一風変わった診療所。悩みを抱えたユーザインタフェースたちがやってきます。Dr. ナカムラと一緒に病気を治してあげましょう。さて、今日のお客さんはどんな悩みを抱えているのでしょうか・・・ カルテ14. カラオケのリモコンさん [PDF] ここに掲載した著作物の利用に関する注意 本著作物の著作権は特定非営利活動法人ヒューマンインタフェース学会に帰属します。本著作物は著作権者であるヒューマンインタフェース学会の許可のもとに掲載するものです。ご利用に当たっては「著作権法」に従うことをお願い致します．

長らくおまたせしてしまっていた「失敗から学ぶユーザインタフェース～世界はBADUIであふれている～」の電子書籍版が、ようやく昨日（2015年11月27日）発売になりました。電子書籍版については、技術評論社のサイトではEPUBとPDF版を（PDF版については、後ほど無償で追加されるそうです）、Amazon Kindle版はこちらに、楽天kobo版はこちらで販売されているようです。 紙版の出版から遅れること約10ヶ月半。4月～7月は研究室の本格始動と講義でバタバタしていたこと、また、プライベートで色々あったこともあり、一時はもう年内の発売は無理なんじゃないかとか思ったりもしましたが、なんとか辿り着くことができました。本当に、本当におまたせしてしまい申し訳ありませんでした。 さて、紙版を出版にいたるまでもかなり大変だった覚えがありますが、電子書籍についてもすでに原稿があるにも関わらず色々と難しい

失敗から学ぶユーザインタフェース　世界はBADUI（バッド・ユーアイ）であふれている 著者 中村聡史　著 発売日 2015年11月27日 更新日 2015年11月27日

学生さんからタレコミされた，BADUI of the Year 2015を受賞しそうなレベルのエレベータのボタン．ここまで面白いものは久々に見たので，感激してしまいましたので紹介させていただきます． まずはそのエレベータのボタンをじっくり観察してみてください． さて，このエレベータのボタン色々気になるところがあります．まず，「B2」と「B3」，「B4」，「開延長」，「ひらく」というボタンについては，同じボタンが左右に並んでいます．もしかしたら以前紹介したような，単に同じ機能のボタンが並んでいるものなのかもと思ってしまいますが，実を言うとこれそれそれ機能が違うものなのだそうで… よく見ると，この「ひらく」というボタンの上に「正面」「背面」というラベルが付与されています．また，右側のB2の上には「背面」というラベルが貼ってあります．さて，どういうことでしょうか？ このエレベータ，正面と背面にそ

多くの人が，このドアについている金色の取っ手らしき部分を握り，スライドさせると考えるのではないでしょうか？ しかし，このとびら，スライドさせようとしてもスライドしません．ちなみに，逆から見た様子がこちら． 金色の取っ手の上に，何やら見慣れた「自動」と書かれたものがあります．まぁ，直ぐにわかると思いますが，これは実を言うと自動ドアだったわけです．利用している様子は下のような感じ． 思いっきり騙されてしまいました． ドアの各部分の新しさから察するに，昔はこの取っ手を握ってスライドさせるドアだったのかもしれません．ただそれだと何らかの問題があって（ドアが開けっ放しになる，ドアが重くて開けにくく苦労する人がいるなど？），問題を解決するために自動ドアへと変更されたのかもしれません．または，自動ドアの電源を頻繁にON・OFFと切り替えるため，OFFにした時に開けるためとこの取っ手が付けられているのかも