高度情報化の新たなモバイル時代において、人々は情報の利便性を追求するだけでなく、そのニーズはますます高まっています。例えばスマートフォンを利用してどこでもアプリをダウンロードしたり、面白い出来事を撮影してはFacebookで友達と共有し合ったりしています。どんなデバイス(device)でハイテクのもたらす便利さや情報の恩恵にあずかるにしろ、それはすべてUIを通して実現することなのです。 UI(User Interface)とは？ UIは我々の生活にあふれています。人と物、人と人のやり取りをつなぐものであればそれはUIです。イラストやマーク、音声やジェスチャーなどが含まれます。例えば運転中に赤信号だと止まります。バスでカードを使うとカード機が音声で反応して、感知の状態や残高の有無を知らせてくれます。 ▲UIは我々の生活にあふれている！ UIデザインの重要性とは？ 普段の生活で目にする日用品の多くに優れた直感式のUIデザインが採用されています。使い方を覚えなくても自然に使えるようにできています。例えばハサミの持つ部分は大小二つの輪になっています。それで小さい方には指を一本、大きい方には残りの指を入れるということがわかって、ハサミをうまく使えるようにしています。 ハイテクの進歩によって5年後、10年後には情報がどれほど複雑になるか想像もつきません。情報を得るのにデバイスは必要なくなるかもしれません。例えば指で窓に触れるだけで現在の気温と降水確率が窓に表示されるとか。生活に密着した情報は今後ますます増えていくでしょう。あらゆることが生活に結びつき、ユーザーはハサミと同じようにUIを楽に使いこなせる未来がやってくるはずです。UIとは有用性(Usability)と相互性(Interaction)でもあり、情報をすばやく手に入れ理解するための重要なカギを握ります。 ▲東京に次いで世界2位の使用率を誇るモスクワの地下鉄システム。上は改善前の路線図。地上の路線まで複雑に入り組んで、見ていると目が回りそう！ ロシアのデザイン会社Art. Lebedev Studioによる新しいデザインの「モスクワ地下鉄路線図」 １.  路線はすべて直線デザインに。 ２.  環状線とカーブは滑らかにしてソフトなビジュアルに。 ３. 不規則な環状線は円形にしてよりシンプルに。 ４.  図には区別しやすいように罫線を入れ、縦と横のマスにはそれぞれ番号を振って駅の位置の把握が便利に。 改善後の地下鉄路線図はずいぶん人に優しくなっていませんか？ ▲信号には残り秒数の表示のほか、音声機能も追加され、視覚障害者の歩行も便利に。 ▲ICカードの感知機。感知の状態や残高の有無を音声で！ 景観の美化のため、バス停のポールを減らして路線図の見づらさを改善。台北市公共運輸処と聯営バス管理委員会が共同で新しいバス標識をデザイン。 従来のバス標識 バス路線図には線や文字がびっしり書き込まれている上、高い位置にあって視力の弱い人や身長の低い子供には見えにくいものでした。また1枚の標識には最大3つのバス路線しかなく、バス停に多くの路線のバスが止まる場合は上図のように従来の標識ではあちこちに分かれて不便な上、道路の空間を狭くするものでした。

今年のGDC (Game Developer Conference)は2月末から3月初めにかけてSan Francisco Moscone Centerで開かれました。幸いエルゴノミックデザインセンターもこの世界中のゲームデザイナーたちが集まる催しに参加できました。盛大な催しではすばらしい経験を分かち合うことができ、カジュアルからハードコア、モバイルやコンソールからオンライン、プログラム、美術、サウンドからマーケティングまでと、いずれもゲーム業界の各方面での専門知識を共有できました。 しかし、今回お伝えしたいのは1週間にわたるGDCで学んだカリキュラムではありません。(そう言うと失望するかもしれませんか？)カリキュラムについては今後グループでまとめて勉強会を開く予定です。(乞うご期待！)今回はもっとリラックスできる内容にしたいと思います。 Design In SF, design in life (下を向けばデザインが落ちている) 西海岸のSan FranciscoにはNew YorkやBostonのような東海岸の都市が持つ多様化したクラシックとモダンの芸術的な雰囲気はありません。またParisやRomeのようなヨーロッパ都市の深い歴史と文化の洗礼も受けてはいません。しかしSan Franciscoは初期の西洋列強の殖民、ゴールドラッシュ、戦後のヒッピー文化、そして最近ではDot Com産業の発展を経てきました。それはオリジナリティ、多民族の融合、メインストリームとサブカルチャー、伝統と反伝統、アートとデザインを併せ持つスタイルへとつながりました。芸術は人々が崇め奉る高尚なものではありません。SFでは美術館だけでなく、街角のいたるところで下を見ればアイデアやインスピレーションが転がっているのです。 サンフランシスコに来るなら花を忘れずに。 GDCに来るならIndependent Games Festivalを忘れずに。Independent Games Festival (独立系ゲームフェスティバル)

    機械と話すのはイヤ—ユーザーを喜ばせるダイアログ   インターネットで起こる突発事態のうち、回線の中断やPCのフリーズを除けば、よくあるのは「システムメッセージ」でしょう！システムメッセージは様々なものがあって、「CapsLockキーを押したよ」と注意してくれるものや、「今、回線が切れて接続できないぜ」、「このアカウントは誰かが使っているぞ」と教えてくれるものがあります。そのほとんどは温もりのない冷たいメッセージになります。しかし、以下のメッセージにはニヤリとさせられるでしょう。 「念のため、あなたが人間なのかどうか確かめなければなりません。」 これは、twitterにログインする時に、IDとパスワードを3回間違えると現れるメッセージです。 とてもユーモアを感じませんか？こんなにユーモアあふれるメッセージを読めば、たとえ相手のシステムにエラーがあっても、何か許せるように感じることでしょう！   微笑ましいメッセージを読んだあと、今度は思わず眉間にシワが寄るメッセージを見てみましょう！ うっかりIDとパスワードを間違ってしまいました。そして、表示されるエラーメッセージは、このように細々したものが現れてきます。パスワードを思い出すだけで頭が痛いのに、こんな文字の塊を読み終えたら、ログインしようなんて思わないことでしょう…必死でそのメッセージをじっくり読むと、そこに述べられている手順が非常に多いことに気がつきます。メッセージウィンドウを閉じれば、それらの手順を覚えているはずがなく、ユーザーには大した助けにもなりません。   そのほか、もっとも知られているシステムメッセージは、会員申請する時の申込書を記入する際に現れるシステムチェックメッセージを置いてほかにないでしょう。システムは入力されたアカウント名が使えるかどうか、パスワードの安全性が十分かどうかをチェックし、認証メールの確認を通知する･･･など様々なことをします。 文字に溢れた申請ページは、入力バーの下に多すぎるほどの注意書きがあります。入力を終えても自分で右側にある「チェック」ボタンを押さなければなりません。それは少し疲れませんか？そのうえ、まずいことにほとんどのユーザーはそれらのメッセージを最後まで読みません！実は、私たちはよりよい方法でユーザーに近づくことができるのです。もう規格化されたテキストフレームだけでユーザーに今の状況を知らせるのではなく、より生き生きとした言葉を使うことができるのです。 「このアカウント名は使えます。」を「いい名前ですね」に変えます。 「パスワードの安全性：弱・中・強」を「完璧なパスワード」にします。 メッセージの内容は必ずユーザーの分かる言葉でなければなりません！そのほか、ユーザーフレンドリーな言葉遣いは、ユーザーのエクスペリエンスをよりよいものにでき、その結果、そのサイトとより身近になろうとする考えが生まれ、温もりと気持ちをより感じることができ、そのサイトに対する印象もさらに深まります。   温もりもない冷たい機械と会話することを好む人はいません。一部のサイトはそのようなクールなスタイルが合っているかもしれません。しかし、今、インターネットを使っている年齢層はすでにどんどん広がっており、小学生からお年寄りまで、さらには飼っているペットまでインターネットをするという人も現れています！私たちはどのようにユーザー達（ペットを含まない！）に寄り添い、ユーザーのインターネット世界におけるトラベルをより快適なものにして、これほど多くの理解不能なシステムメッセージを恐れさせずに、私たちの気持ちを届けるべきなのでしょうか？   メッセージ送信における基本要素を以下にまとめました。   1. シンプル：30文字以内で完全な意味をすべて表現します。必要でない限り余計な文字を使いません。 2.

  はじめに プレイヤーのゲームに対する気持ちと考えを如何にして読み解くのかは、ずっと各ゲームメーカーの議論の的になっています。現在使われている方法は、概ねアンケート調査・インタビューあるいはパネルディスカッションなど定量化した市場調査法で進められています。プレイヤーがゲームをした後のゲームに対する評価や満足度はわかりますが、プレイヤーがゲームをしているときの反応については、より直感性のあるツールで測定することが比較的欠けています。しかし、そのほかの産学分野で従来使われている心理生理学(Psychophysiology)なら、あるいは私たちにプレイヤーの考えを読み解くのに適した方法を与えてくれるかもしれません。そこからさらにプレイヤーのユーザーエクスペリエンスを向上することになります。     心理生理学とは   心理生理学は1960年から1970年の間に起こった心理学の一分野です。その理論の基は主に人体から生まれる生理反応シグナルを用いて、メンタルモデルを読み解く手助けとすることです。すなわち、人の体を使って、その人の感情及び心理状態を評価することです。ゲームのテスト及び研究をする担当者に言わせれば、心理生理学は直接プレイヤーの反応からデータを取得する研究の方法であり、アンケートあるいはインタビューなどを通した主観的な方法ではありません。このほか、心理生理学のもう一つの優れた点は、ユーザーの生理シグナルを測定することで、ユーザー自身も感じていない感情や反応を発見でき、尚且つ測定のプロセスを中断しなくてもいい点です。   心理生理学の測定装置 心理生理学の測定装置を紹介する前に、感情と感覚の違いを明らかにする必要があります。現在、多くの研究において、感情と感覚は二つの異なる概念であることが指摘されています。感情は主に身体の心理状態を指し、生理のシグナルを通じて測定できるものです。例えば、心拍数の上昇は身体が興奮状態にあると読み解くことができます。そして、感覚は人体が感知した感情の状態を指しています。言い方を変えれば、人体はある種の感情の状態を生む可能性があるものの、自分がその感情の状態にある事を意識できずにいるのです。心理生理学が測るのは主にこの人体の感情です。 現在、心理生理学で主要な評価ツールの幾つかを以下に紹介します。: 1.脳波図装置（Electroencephalogram　略称：EEG） 脳波図は現在、人体の中枢神経を評価するときに最も簡単に使える測定ツールです。これまで使用されてきた機能的磁気共鳴映像装置（略称FMRI）のように被験者を高価な機器に寝かせてから測定が始まるのとは異なり、被験者の頭に電極を装着することで、脳が発する電波を測定します。主要なものはα波（比較的覚醒状態にある事を示す）、β波（比較的緊張状態にある事を示す）、δ波（睡眠状態にある事を示す）及びθ波（α波よりさらにリラックスした状態にある事を示す）などです。   2. 筋電図装置（Electromyography　略称：EMG） 脳波図と同じく、筋電図も電極を通して人体の筋肉の活動を測定します。例えば、筋肉の緊張やリラックス状態です。中でも顔部筋電図は、被験者の測定プロセスにおける顔部の状態を測るのに役立ち、それが表す感情反応を推測することができます。通常、顔部筋電図が測定する箇所は、1.眉部：皺寄せを測定します。ネガティブな感情を表します。2.頬：主に頬骨の部分です。大笑いあるいは驚きを主に表します。3.目の付近：主に嬉しいあるいは楽しい感情を測定します。 3. 皮膚電位計（Electrodermal Activity　略称：EDA） 皮膚電位計は主に皮膚の電流変化を測定します。それは感情反応の指標でもあります。緊張しているときは、交感神経の活動が強くなり、汗腺の分泌も増えるため、皮膚の導電量の増加を測定できます。通常、皮膚電位計は被験者の二本の指に装着されます。心理生理学測定ツールの中で装着が簡単な上にコストが比較的低い測定ツールでもあり、現在ではうそ発見器への応用がよく知られています。   4. 心拍変動測定（Heart

今日の携帯電話開発ベンダーは、通常そのウェイトをハードウェアの向上に置き、機能の実践に過度に焦点を置いています。例えばより高速なCPU、より多くのフラッシュメモリなどを追加しますが、ハードウェア自体の操作体験こそそれらのハードウェア機能が実用的か否かの鍵となる、ということは疎かにされがちです。 Iphoneは現在のスマートフォンの中で大きな人気を誇っています。IOSを除く、そのハードウェア機能はどのスマートフォンベンダーでも製造できますが、オペレーティングシステムの親切で直観的なデザインは一般のモバイルデバイスベンダーには真似ができないものです。 ソフトウェア設計の過程で、UIデザインは常に最も疎かにされやすい部分です。しかし、最近ではスマートフォンが雨後の竹の子のように続々と出現しており、設計不良のUIはユーザーに迷惑と抵抗感をもたらし、小さなスクリーンの中でより拡大されて見られてしまいます。 Iphoneの使用経験では、開発者はユーザーの多くがすでにIPhoneが提供するジェスチャーとコンポーネントの定義に慣れていることを知っていなければなりません。反対に携帯電話のソフトウェアへの要求もそれに伴って高くなっています。もしIPhoneで指をスライドさせてページをめくったり、拡大・縮小を行うことができなければ、そのソフトウェアが淘汰される確率は自然と増加します。そのため、開発者は必ずユーザーの角度からユーザーのニーズを理解することが必要となります。ユーザビリティとユーザーのニーズを一つにすることで最高のユーザーエクスペリエンスが創り出せるのです。しかし、ユーザーにマッチするUIはどうやって定義すればよいのでしょうか。ユーザビリティとインタラクティブ性を重視したデザインは、スマートフォンがスムーズにマーケットに進むことができるか否かの重要な鍵となっています。これら設計の細部は具体的に実現することは難しいのですが、必要な作業でもあります。業界の開発者によって開発された製品が、同じエリート分野において潜在ユーザーの使用時に発生する使いやすさの問題が見つからないということを避けるために、実用的なインタラクティブアクションとユーザビリティ設計の製品のUI開発は開発者の大きな学びと疑問として厳然と存在しているのです。 良いUIが注意すべきいくつかの事項 1.ユーザーの操作に対するモチベーションを高める 良いUIはユーザーに適切な刺激を与え、操作してみようというモチベーションを高め、ユーザーが継続して操作する動力となります。訓練されないユーザーはいません。そのため、スマートフォン使用時、ユーザーのほとんどはその頭の中に既定の操作モデルが存在しています。もしユーザーの習慣に従って設計し、ユーザーを刺激できなかった場合、ユーザーはそのソフトウェアを操作しようとする気持ちを失くし、その他の代替製品を探すでしょう。     画面ICONの振動により、自然とユーザーに継続操作のモチベーションを与える。 2.ユーザーの操作簡易性の提供 シンプルなデザインのインターフェースによって、ユーザーが便利に操作できるようにし、直観的な理解を加えることで、ユーザーの操作ミスの可能性を低減します。 3.全体の統一されたインターフェースのデザイン 優れたデザインのユーザーインターフェースは全体性と一致性のメリットが具わっているべきです。インターフェースのデザインアーキテクチャは必ず明確で統一性を具えていなければなりません。スタイルのデザインにおいてもソフトウェアコンテンツとの一致性が必要です。 4.ビジュアルデザインでユーザーに直観的な理解と操作を提供 開発者は一部のユーザーインターフェースにおいて美しいデザインを施しますが、デザインはユーザーの立場を出発点にして考えられなければならないことを疎かにしがちです。そのため、ユーザーにはっきりと分かりやすく、正しく使用してもらうことを最も基本とし、また最も注意すべきこととするべきです。 5.秩序あるインターフェースの配列 インターフェースのデザインは秩序立っているべきです。整ったインターフェースはユーザーがより気軽に使用することができます。 秩序のある配列はユーザーの操作をより気軽なものにする。 6.安全性 ユーザーの選択は単一ではなく自由です。しかもどの選択も可逆性を具えています。これ以外にも、ユーザーが危険な選択をした時には、警告を行うシステムメッセージを提供します。 7.ヒューマナイズされたオプションの提供 ユーザーインターフェースはユーザーが個人の習慣に基づいてインターフェースを設定できることが必要であり、プロフェッショナルなレベルのものと入門クラスの使用システムを具えているべきです。効率の良さとユーザーの満足度はヒューマナイズの程度の高低を示すものです。 以上いくつかのポイントを議論すると、デザインの優れたUIはユーザーに直観性と明確で高度な理解をもたらすだけではなく、更にユーザーをハードウェア自身のシステムの制限を飛び越えさせ、またユーザーにハードウェアのメリットを体験させながら、いささかのマイナスの影響も感じさせません。  

近年、ユーザーエクスペリエンスデザイン（User Experience design、略称UXデザイン）というキーワードが世界を席巻しています。それと同時に、私たちはユーザーの消費現象が次第に変化し、消費はすでに生理的な要求から心理的な満足に転換していることを発見しました。製品の開発とデザインはもう「機能と外観」を強調するのではなく、ユーザーの体験を強化し、そのうえ企業のDNAとユーザーを繋ぎ合わせなければなりません。     製品の開発とデザイン＝企業ニーズ＋ユーザーニーズ   1つの優れた製品は企業ニーズとユーザーニーズを結びつけなければなりません。脳科学の角度から見ると、ヒトの脳は2つに分けることができ、左脳（赤い部位）は論理力、右脳（青い部位）は直覚・感受力を代表しています。企業は非常に優れた左脳を持ち、思考・論理・判断力で以て様々なプロジェクトおよびミッションを処理して、企業の利益獲得をサポートします。そして、ユーザーは強烈な右脳を持っており、単純に使いやすく快適を感じることを求め、満足感を得ます。   どんな企業も製品を開発あるいはデザインするときに、よく企業目標とユーザーニーズの間に些細な衝突及びギャップが生じます。それはまさに左脳の理性と右脳の感性が衝突した結果です。如何にその間のギャップを減らし、最良のバランスを見つけるかは、すべての企業がぶつかる問題です。   UXデザインの過程から企業のニーズとユーザーのニーズを知る   IDEOがスペインのBBVA銀行のためにデザインしたATMのケースから、IDEOがどのように企業ニーズとユーザーニーズを結びつけたのかについて分析してみましょう。一味違ったATMのエクスペリエンスを示し、ユーザーがATMを使用するときの「プライバシー、シンプル、カスタマイズ、お金の取り出し、喜び」の全く新しい体験と気分を十分に満足させた上、BBVA銀行の企業経営理念も伝えました。   (1(1)企業の経営理念とサービスについて理解する 「理解」は製品を開発する前の課題です。プロジェクトチームはBusiness Requirementを理解しなければならず、技術・市場の区分・ターゲットの選定などを用いることができます。その後に構造の構築を行い、進捗を計る基準を定めます。 実際にBBVA銀行のもともとのATMデザインを観察し、ATMが提供する機能をまとめた。こんなにたくさんのボタンと注意メッセージを見ると、どう手をつければいいのか分からなくなる。   (2(2)実際にユーザーの使用習慣を観察する 1つの優れた製品はデスクの前に座っているだけで作り出せるものではありません。革新または製品を改善する過程において、エンドユーザーがだれであるかを考え、実際に彼らの使用目的・過程・表情それと気分を観察しなければなりません。私たちはだた「ユーザーの製品機能及び特色に対する満足度」を発掘するのではなく、さらに「ユーザーの製品を使用する本質とエクスペリエンス」をより深く発掘するのです。 デザインチームはスペイン・メキシコ・アメリカのBBVAユーザーがATMを使用する過程を取材した。同時にガソリンスタンドの自動支払装置、スーパーの自動レジ、電車の自動券売システムなどの類似設備を観察した。それは、ユーザーに最も便利で日常経験に適した操作方法を探り出すためだった。   (3(3)デザインのアイデアを出し、絶えず問題を収集・整合する

  ショッピングサイトではどうすれば店に「リピーター」が訪れるのか？YahooショッピングサイトとPChomeショッピングサイトを見ると、Yahooの店舗数が多いのはなぜか？実は、それは感情におけるある種の複雑な関係なのです。人間は感情で物事を考える動物です。この感情が製品とお客さんの関係も繋ぎとめており、店を利用した事のない客でも、商品に帰属意識を持たせることができます。そして、ユーザーのサイトに対する熱中度にも同じような感情のつながりがなければなりません。     エモーション－アクションの反応関係 心理学の点からすれば、感情は身体が外的刺激を受けた際に起きる反応です。逆に言えば、内在の感情が外的刺激を受けて、内在する気持ちが引き起こす生理及び行為における反応です。では、なぜアクション反応というのか。ユーザーのアクション反応において、私たちはユーザーの表情または身振りにより他人に対する感情反応を読み取ることができます。例えば、バットを振り回している選手は、怒り狂ったように殴りかかろうとしているのか、あるいはバッティングしようとしているのかなどです。   刺激 > 認知反応 > 感情反応 > 行為反応 > 反応の結果   Example： 敵に遭遇する > 危険を察知する> 恐怖を感じる> 逃げる > 別の獲物を探す

ウェブページやブラウザゲームを表示する際、「ページが見つかりません」(略称404ページ)に悩まされた経験は誰しもあるでしょう。404 Labの統計では、「404ページが表示されたら、どんな気持ちになりますか？」との問いに、39.88%の人が悲しくて声も出ないと答え、36.92%の人は前のページに戻って404ページの存在を忘れると回答しています。この統計データは興味深いものですが、誰もが404ページに悩まされた経験があることを示唆しています。 404エラーページが表示されるのは、ユーザーにページのリンクが無効であること、ページが削除されていること、ユーザーが入力したアドレスが正しくないことを知らせるためです。ウェブデザインのプロセスにおいて、大多数のウェブサイトがデフォルトの404ページを採用しており、404ページをデザインし直すことはありません。デフォルトの404ページのグラフィックやコンテンツでは、ユーザーが次に行う操作がわかりにくくなっています。 実は、404ページのデザインを改善し、直感的で工夫を凝らした方法でユーザーに次のステップを提示することができます。優れた404ページなら、ユーザーが探している情報が手に入りやすくなります。あるいは、その他の便利なソリューションやオプションを提供して、ページが見つからないことによるユーザーの失望や不信を抑えることができます。さらに、ユーザーが自分でサイトのコンテンツを探し出せるよう後押しします。 ここに分類した404ページデザインは、主に「ユーザー同士のやり取りをリンクし、ユーザー情報を正確に提供して、次のステップを提示する」ことをアピールしています。では、デザインの方向性のポイントを簡単に紹介していきましょう。 1.     ユーザーの親近感をキープ サイトの構成では、すべてのページで共通のグラフィックやサイトロゴなどの情報を表示します。これによりユーザーは同一サイトのページを表示していることが簡単にわかります。また、404ページにもそのサイトのグラフィックやサイトロゴなどの情報を取り入れます。なぜなら、ユーザーはサイト内外のいずれから404ページに飛ばされたのか、はっきりしないからです。ユーザーが見慣れたカラーやグラフィック、ロゴであれば、安心感が生まれ、ページを閉じられる恐れがなくなります。 – larknews：このページが表示された理由を面白おかしく説明し、怒りを静める。ただし、larknewsの404ページにはサイトのカラーやグラフィック、ロゴがなく、面白ページを開いたと思われる。 – Spore：sporeゲームの独創性を余すことなくアピール。オリジナルの404モンスターが404エリアに入ったことを知らせてくれる。早く立ち去らねば！ 2.     エラー情報をはっきり表示 ユーザーが404ページにジャンプした場合、エラー情報がはっきりと表示されなければなりません。はっきりと表示されるエラー情報は、ユーザーを脅かすものではありません。現在のトラブルを明確に伝え、ユーザー自身に過失があると思わせないようにして、次のステップの実行をサポートします。 – Rockettheme：強烈な色彩と特大サイズの文字で、ユーザーは404ページであることが一目瞭然。また、エラーメッセージで現在の状態を簡単に説明している。 – abduzeedo：宇宙空間の漂流がテーマ。わかりやすいテーマと画像のグラフィック効果に、ユニークなセリフを組み合わせている。「ヒューストン基地、トラブルが発生した！！我々は目的のページにたどり着けない:(」。 – 31three：様々なチョウのグラフィックデザインで、ユーザーの視覚が混乱する。現在の状態について詳しい説明がなく、404ページであることがわかりにくい。 3.     代案をはっきり提示 代案をきちんと提示することは、404ページの設計に大切な要素の一つです。ユーザーが適切に次のステップやリンク先を選べるようにし、「迷子」にならないようにします。代案は数多くの要素で計画と設計ができますが、よく用いられる方法には次のようなものがあります。  ●  メインメニューや検索機能を提供：ユーザーが早く正確に別のページにジャンプできるようにする。  ●

  人の設計によってより良きものに変える便利機器―UX LAB起動！ ヒューマン設計センターUX LABが正式に起動したぞ！ユーザーの経験を検討することは、今後、グループ各部署にとって、必ずや助けとなるだろう。ユーザーがセンターのUIデザインコンセプトに溶け込み、グループが作り出す色々なものへの助力となるよう願ってやまない。UX LABとは、どのようなサービスを提供するのか、どのような特色があるのか、ラボの環境はどうなのか、全てみんなのために一つ一つお答えしよう。   UX LABの検討範囲 UX LAB（ユーザー経験ラボ；User Experience Laboratory）はユーザーの体験したことを各検討の起点として、「プロの評価」（Expert Review）、「フォーカスグループディスカッション（ある特定の共通点を持つグループへの取材）」（Focus Group Discussion）や「ユーザーテスト」（Usability test）などを含み、それによりラボを設置したりする。 ゲーム開発から言えば、開発段階にプロ（Expert）がユーザーの観点から、そのゲームのUI設計プロセスの完成度やその内容度を評価するが、プロが開発したものを量産する段階に入る際（内容が完成した時）、プレイヤーを募集して遊んでもらい、各UI設計に対するプレイヤーの反応を収集したりする。   UX LABのサービスはどこが違うのか。 専門的実行と科学的分析、これがUX LABが己に課す約束である。   専門的実行―プロの研究チームによる企画と実行研究

この文章を語る前に、NOKIAの広告にあった「テクノロジーは常にヒューマニズムから」というフレーズを思い出しました。生命をもたない製品が人と製品の間の感情により設計され、製品にフレンドリーな感覚が瞬時に生み出され、製品やサイトが冷たくなくなります。実際、我々は設計過程において常に斬新な概念、または古臭い手法を用いているわけではありません。そうではなく、一人ひとりの潜在意識に深く入り込んでいるのです。恐らく誰も熱心にフッターを見たことはないと思います。このフッター設計は、よく見逃されたり、重視されない設計項目です。サイトのヘッダーこそがサイト設計における焦点と考えられています。人を惹きつけるヘッダーやコンテンツを製作するために全力を注ぎ込み、従来の版権声明と免責声明のフッターを設計すればいいだろうという考えであれば、このように終わるかもしれません。しかし、ユーザーが最後のフッターまで見たときの事を考えたことがありますか？   フッターはコンテンツを書けるような大きな空間ではありませんが、サイトデザインにおいて、GPS、ツイッター、最新情報といった面白い方法を用いて設計することができます。次に、フッターにおける新しいデザイン例をご紹介します。 VIMEO： Vimeoではとてもクールなフッターを目にすることができます。表示されている情報は少なく、ユーザーがVimeoに参加してくれることを望んでいるだけです。しかし、基本的に主要フッターが存在し、綺麗な挿絵風に表示されています。 Putzengel：美しいライン、各種スタイル、そしてマウスを滑らした時のビジュアル効果により、最後に会社の地図、企業情報と問い合わせ先情報がレイアウトされています。全てがモニターに表示されることにより、全体的に統一感がもたらされています。 Jan Ploch：とてもクールな個人サイトです。フッター設計がサイト全体まで延長され、アルコールのボトルデザインになっており、フッターではラベルで問い合わせ先を表示し、飲み干す効果が加えられ、非常にユニークで、ヘッダーからフッターまでのデザインがはっきりと続いています。 Ok Studios：サイト全体が上下層交差の動画となっており、マウスの動きと連結したビジュアル効果をもつサイトです。ユニークなイラストスタイルを採用しており、フッターには白黒の動物イラストが表示されています。 Adventure World：わくわくする冒険世界の体験で、まず地球からスタートとするシーンをフッターとしており、ボタンをクリックすると画面の上方向にシーンが延長されます。フッターをトップページのコンテンツに使用した非常に特別なサイトで、巧みにフッターを活用してシーンを作り上げています。 Atlantis：1962年に消滅したアトランティス大陸を探索。海洋プレートからカプセルに乗り込み、フッターまで探索します。 The Pixel：もう一つの興味深いブログフッターで、樹木の頭部が下に延び続けます。下に伸び続けると元々は樹木と村落であったことが判明します。 まとめ どのようなフッターデザインであれ、サイトデザイナーの優れたテクニックが強調され、デザイナーの巧みなテクニックを用いてサイトのビジュアルデザインとドッキングされることが望まれています。この文章内で、各種フッターデザインに彼らの創意が表わされています。またフッターはユーザーフレンドリーで、簡単に見つけられるものであるべきです。これらの目的は、驚くべき体験を提供し、ユーザー体験が改善されることだけを願うものです。 サイト上のフッターはすでにシンプルな一部分から、版権情報の承認と付加リンク以外にも、多機能エリアとして広がっています。ここでは、ツイッターの更新といった各種サイトの豊富な機能を確認することができます。         参考データ： http://www.flashuser.net/inspiration/ http://www.flashuser.net/web-design/

休日の午後に、あなたは心地良くカフェのオフホワイトソファにすわっています。優しい日射しがあなたの背中を包み込み、外の緑の蔓を眺め、周りの人々の囁きと笑い声を聞きながら、キュートなジャズ音楽が流れています。そして手に持っている呼び出しの受信機が軽く振動し、あなたは受信機を持ち、カウンターへ向かい、香りで満たされたコーヒーを持って戻ってきます。「お客様、コーヒーができました。」といった店員の叫ぶ声もなく、他の客の注文と間違ったりすることなどの混乱はありませんでした。 手に持っている小さく、そしてあなたをビックリさせた受信機はインタラクティブデザインの一つでした。   インタラクティブデザインとは？ 更に簡単な言葉で説明すると、直感、面白さ、イノベーションと有用な方法を使い、人と人、物事、もの、空間の相互作用をデザインし、さらに効果的に使用できるように作るのが、インタラクティブデザインです。 食事をしに行くだけでも、注文を待ち、並び、順番の呼び出し、受付番号札、上述な振動受信機などは全部インタラクティブデザインからの発想で、更により素晴らしいアイデアが見つかるかもしれません。   新しい体験を生み出そう！ 実に私達とインタラクティブは最も身近で、最も分かりやすいのは現在一番流行っているモバイルデバイスです：   –キーロックを解除する： 皆が「キーロックを解除する」機能を使ったことがあるだろう！この画面を見て、懐かしいと思いましたか？スマートフォンの時代に入って以来、このようなロックを解除する方法は段々少なくなりました。よく知られている方法ですが、惜しいことに直感ではわからず、使用するには学ばなければならないので、どうやって進化してきたのか見てみましょう。   –スライドしてロック解除： これはロック解除界の一大進歩であったのです。単にキーを押したり、パスワードを入れたりすることなく、スライドだけでロックを解除し、子供でも簡単に使える機能です。   –図形を描くことでロック解除： 人の脳が図形に対する記憶は数字より強いため、図形の記憶は数字より直感的と言えます。これはキーロックとスライドロックを融合した機能で、更に便利になりました。 –図形を描いてロック解除+ビジネスモデル： 図形に沿って描いたらロックの解除ができます！しかも図形認識にビジネスモデルを加えています！     インタラクティブなビジネスのチャンスは無限 我々の生活には、どこにでもインタラクティブなところがあります。バスに乗ること、駐車代を払うこと、朝食を買うこと、ミーティングなどの小さなことから、イベントへの参加、綺麗な街に出ることなどの大きなことまで、世界と相互作用しています。そのままの形に拘らなく、更に試しに素晴らしく面白くしたりして、一緒に今あるものを変化させましょう！ –インタラクティブな自動販売機：

  クリスマスが近づき、店にどんな特別な贈り物が並んでいるかと誰もがわくわくする季節です。 クリスマスプレゼントを自分で作れたら、これほど特別な贈り物はないでしょう。 2011年11月にユーザーエクスペリエンスセンターは、参加者がクリスマスを題材にしたアプリを自分でデザインできるイベント《クリスマス・デザインシンキング》を開催しました。 ｢デザインシンキング｣のコンセプトを盛り込んだプレイ方法を次に実例を挙げてご紹介します。     1. デザイナーと受け手になって ロールプレイをしよう！   ロールプレイング（役割演技）は、効率的に対話を生み出し問題を発見するための近道です。2 2人一組でペアを作り、1人がデザイナー、もう1人が受け手になります。     2. デザイナーは耳を傾ける – 日々の暮らしから必需品を見つけ出す 耳を傾けるとは、着手している製品の機能性や外観、色を考え出すということではありません。デザイナーは自分の考えを排除して、相手の言うべきことを真剣に聞かなければならないのです。聞くという行為は常に最も難しいことですが、的確な質問をし、限られた時間で正しい解決法を見つけ出すことにつながっていきます。必要なことをできる限りはっきりと浮き彫りにすることです。私達は｢なぜ｣と理由を聞く方法により、受け手が期待するものについてインタビューを行いました。そして、彼らのアプリの利用をさらに大きなユーザーコミュニティを映す鏡として捉え、理解を深めていきました。ユーザーの個人的習慣を考慮することも重要なことなのです。 3. デザイナーは整理する – 優先事項をふるい分ける  

生活のいたる所に様々な記号はあふれており、人種、言語、国を問わず、記号と図案の設計を通じ、人、事物を象徴することによって、容易に迅速かつ有効な認識と意思疎通ができます。インターフェース設計において、記号は機能、ガイド、説明を表し、さらにインターフェースの雰囲気を伝えるのに用いられます。私たちの感覚器官での認識を経て、それが伝えるべき情報をユーザーに即座に認識させます。 記号学(Semiotics)とは、簡単に言えば、記号と記号のシステムとその意義についての研究領域で、主にいかにして記号がより人類に容易に理解されるかを研究するものです。 UIにおいてなぜ図案が記号として簡素化されなければならないのか。 左端の図はそのままを描写した人の顔で、右端は図形化した概念の顔です。UI設計時、通常私たちが一つの機能の考えや概念のポイントを伝える場合、左端の顔は情報が過剰で、私たちが伝えたい機能がブレやすくなってしまいます。 反対に、もし顔のディテールが簡素化されすぎてしまうと円だけになり、正確な情報を伝えることができなくなってしまい、同様にユーザーの困惑を招きます。 Cognition 認知/理解　Confusion困惑　Detail ディテール 記号を設計する際、通常ユーザーを困惑させる図案には、すべてディテールが荒いかもしくは細かすぎる点が見られます。つまり、設計の際にはどのようなディテールの表現がユーザー認識に有効なのかを理解し、そうした図形の記号化を考えることで、正確な情報伝達を実現する必要があります。 記号はいかにして設計されるのか― 記号は、1．代表項（図形デザインのデザイナー）、2．対象（物体そのもの）、3．解釈項（物体の抽象的概念）の3つから構成されます。デザイナーの思考転換を経て、記号が生み出されます。電池の例（以下の図）で見ると、電池はこの3つによって構成され、物体の形を記号に簡素化した後、デザイナーは私たちがよく目にする電池記号を創り出します。 記号学者が考える記号の3分類とは… Icon : 類似した物体を表現した記号。 Index : 記号が物体そのものであるか、物体と実質的に関連するもの。 Symbol : 物体と慣例や規定によって結び付けられている記号。 図形デザインに含まれる重要なポイントとは。 UIの世界で、効果的な図案には一目で認識できるという特質を備えていることが必須ですが、全てのものが必ずしも容易に図示化できるわけではなく、デザイナーによるディテールの調整と抽象化を経る必要があります。また、多くの画像を同一のUIで応用させるという一致性についても考慮しなければなりません。UIの図形を設計する際、以下のいくつかの原則に注意する必要があります…… 即時認識(Immediacy)―効果的な図案は一目で認識できなければならない。 普遍性(generality)─あるものについて普遍的に象徴する、もしくは通俗的に理解される図案である。       一致性(cohesiveness)─図案は通常単独で存在することはまれで、システム全体の視覚的効果を

情報があふれるこのインターネット時代に、情報を検索しなければならない場合、まず思いつく手段がインターネットであることは意外ではないでしょう。競争相手がこんなにも多いインターネットの世界で、あなたの提供するサービスに対しユーザーが不満を抱くとすれば、きっとユーザーの忍耐度は1分間にも満たないでしょう。 そのため、どうすればこの情報の大海原の中から、ユーザーにとって直感的かつ効果的な検索方法を提供することができるか、これは非常に重要な課題です！ 特にインターネットサイトは大量の情報を提供するサービスなので、スマートな建築家になり、ユーザーの情報検索パターンを理解してインターネットサイトの情報規画に取り組まなければならないのです。   ユーザーの情報検索行動パターン ユーザーがどのような方法で情報検索を行うか理解していますか？ 通常ユーザーの行動は閲覧、キーワードを入力して調べる、関連する情報をたどって探す、他の人に質問して回答を得る等のいくつかの手段に限られます。では、検索行動のパターンはどうでしょうか？ Step 1 凱さんはbooksを通じてダンテの著書神曲を購入したいと思い、検索エンジンでキーワード「神曲」を入力 Step 2 検索結果一覧から項目に目を通し、その中の著書推薦を調べましたが、まだ目的の本は見つかりません Step 3 もう一度キーワードを「ダンテ神曲」と入力しなおして検索 Step 4 購入したい本が見つかりましたが、その本は売り切れだったので、カスタマーサービスにメールを送信しました ユーザーは繰り返しこの3つの方法で情報検索を行います。これらの方法を通じて複雑多様な行動パターンが形成されます。このような変化に富む情報検索パターンについて、Marcia Bates博士がまとめ、発展させたのが－情報探索理論－いちご摘み理論(Berry-picking Model)です。 上の図が示しているのは、ユーザーが情報を検索する際にまず検索するターゲットとなるもの(Q)があり、次に自らの考え(T)で検索を進め、求めていた内容(documents, information)を見つけ、それから次のターゲットの検索を進めます。Batesはテキストの位置がまるで果樹園のいちごのようであることを発見し、ユーザーが認知する位置において情報が適切に配置されていれば、ユーザーは検索と閲覧の2パターンの動作を繰り返し、情報を十分に得た後離れていきます(E)。  

    画像引用元：http://www.hidabroot.org 現代のウェブサイトはホームページをますます簡素化していく傾向にあるが、豊富な内容を要求され、それぞれウェブサイトの目立つところに自分が推薦する製品や情報を置き、閲覧率を増やし、すべての商品をユーザーに見てもらうことができるが、掲載した物が多ければ多いほど、ユーザーはほしい物をみつけることができず、かえってすぐにウェブサイトを離れる可能性があることに気がつきました。シーナ・アイアンガーが提唱した「ジャム理論」の研究に基づき、テスト結果で多くの選択肢があると、人は最後に何も選ばないと証明されました。（ジャム理論の研究内容）   いかにしてユーザーの必要な物を探しだす手助けをするかは、ウェブサイトにとって重要なことであるが、ユーザーは多くの時間を費やしてホームページを閲覧することはなく、はっきりと目的を持っているユーザーは検索や分類から探し出します。しかし実際には多くのユーザーは目的が曖昧で、ウェブサイトが推薦した商品が、ユーザーの需要に当てはまれば、ユーザーは大海原から針を探し出すような苦労をしなくてよくなります。さらにユーザーが商品を良く知るこができるだけでなく、ウェブサイトへの好感、信頼度が増すことになる。   以下、3つの事例を挙げてみます。いかにして製品を推薦し、ユーザーに選択させるか。     実例一：同じ人気商品を、どのような方法で簡単に選択させることができるだろうか。   A.人気商品  B.  人気商品 数からみると、Bの人気商品の項目は更に多く、ユーザーに選択肢の幅を広げています。もしユーザーのそれぞれの商品対する注目度が同じであれば、選択コストから考えてみると、10から１の選択コストは、3から１の選択のコストよりも更にかかります。多くのユーザーが初めて商品を見たとき、商品をあまりよく理解しておらず、商品のパッケージと名前で評価します。そのため、推薦する時、推薦商品を少なくし、ユーザーが躊躇する時間を短縮し、コストを減らすよう、検討したほうがよいです。     実例ニ：同じようにジャンル別にして推薦する場合、どのような推薦方法がより良いか？   A.ジャンル別推薦 B.ジャンル別推薦 Aのジャンルのテーマははっきりしているが、視覚的に突出したキーポイントがなく、選択肢が多くて、クリックしたいと思わないです。Bの推薦方法は元々のジャンル別テーマを残しているが、階層に分けて一部分を強調し、ページ上で上下層で差別化し、視覚的にはっきりとさせています。このため、ユーザーは簡単に選択することができます。    

もし誰かに突然「8か国連合軍ってどの8か国?」と尋ねられたら、 卒業してから長い年月が流れているあなたはどれだけのことを覚えていますか? 学生時代から遠く離れてしまっていても、多くの人はすぐに答えられると思います。その答えは、 ロシア、ドイツ、フランス、アメリカ、日本、オーストリア、イタリア、イギリスです。 かつて「語呂合わせ」で私たちの「資料の組織」を手助けしてくれた偉大な歴史の先生に感謝しなければなりません。   次の方法で8か国連合軍について改めて復習しましょう! 俄(ロシア)、德(ドイツ)、法(フランス)、美(アメリカ)、日(日本)、奧(オーストリア)、義(イタリア)、英(イギリス) 餓(『俄』と似た発音)、的(『徳』と似た発音)、話(『法』と似た発音)、每(『美』と)、日(『日』)、熬(『奥』と似た発音)、一(『義』と似た発音)、鷹(『英』と似た発音)   「お腹が空いたら毎日鷹を一羽煮る(餓的話每日熬一鷹)」としたら、だいぶ分かりやすくなるのではないでしょうか。  実は情報を組織することの重要性は、全く関係が無いように見える情報を論理的な方法で整理し、構築することによって大脳に情報をより容易に受け入れさせ、吸収させやすくすることができるのです。     ファイブ・ハット・ラック Five Hat Racks ファイブ・ハット・ラックという言葉はTED主席/執行ディレクターWurmanが1989年に提案したものです。「帽子」は情報を表し、「ラック」は組織方法を示します。これは情報の対象が何であるかを問わず、地点、アルファベット、時間、種類、または階層という5種類の方法で全て情報の組織化ができるというものです。     アルファベット(Alphabet) 字典や百科事典などのようにアルファベットの順序をもとに情報を組織することを指します。 アルファベットで組織化された情報は強烈な指示性を持っており、非線形の情報に適用します。通常私たちがカラオケに行くと、アイウエオ順に歌手を探します。電話帳の氏名分類もアルファベットを使った組織法です。 時間(Time) 

今日における資本市場の競争は非常に激しく、企業のリーダーたちは自らの店舗が永遠に多くの客を集め、注文商品は早くも消費者から予約完売し、次々と注文を受けることを望んでいます。頭の良い営業担当者は顧客の考えを一目で見抜いて商品の販売に成功し、多くのマージンを稼ぎたいと心から願っています。この時代にビジネスに携わる人なら、顧客が何を考え、何を必要とし、どうすれば顧客に財布の中からお金を出してもらえるかを知りたいと誰もが考えています。今回皆さんにご紹介するのは、顧客の真のニーズを洞察するユーザー研究の方法-ユーザーシナリオ法(Contextual Inquiry)です。   ユーザーシナリオ法はBeyerとHoltzblattが人類学（Anthropology）と民族誌（Ethnography）の方法論に基づいて研究対象の生活の場に対して深く観察し、体験するように発展した研究方法です。今日ではユーザー中心設計UCD(User- Centered Design)において人気があり、また欠かせない技術の一つとなっています。     ユーザーシナリオ法－誰の心の中にも名探偵が一人いる ユーザーシナリオ法は簡単に言うと、自ら優秀な探偵となって目標の人、物、事に対して事細かに観察し、問題のありかを探り、合理的に問題の経緯を推理するというものです。 研究を始める前に、解決しようとする問題が何かを確定しておく必要があります。例えば、革新的なコンシューマーエレクトロニクス商品を設計したいのでしょうか、または全く新しい食べ放題のビジネスモデルを発表したいのでしょうか、それともシルバー世代のための24時間体制電子看護サービスをカスタマイズすることでしょうか?研究するテーマを決めなければ研究対象を選択することができません。そのため、先に設定した主題に基づけば、その研究対象はコンシューマーエレクトロニクス商品マニアのエンジニアであるかもしれないし、食べ放題が好きで美味しいものを食べることを楽しんでいる妙齢の熟女かもしれないし、慢性疾患の処方箋を受取っているおじいちゃんおばあちゃんたちかもしれないのです。その後は思い切りお金をばらまいて研究に参加してくれる取材対象者を各地から幅広く集めるのです。   研究サンプルの募集が終わったら、取材対象者とアポイントをとり、フル装備で研究対象の生活環境に飛び込んで彼らの行動を観察します。ユーザーシナリオ法の目的はユーザーの完全な行為と交流の情報を収集することであり、単に彼らに対する意見や考え方に対して要約的な記録を行うことではありません。そのため、研究者は必ず手元にカメラや録画器具、またはノートなどのツールを用意して、観察したポイントを詳細に記録します。取材対象者が携帯する身の回りの品や環境の中における物品の配置、そして取材対象者のスペース内における行動ルートなどの情報も詳細に観察することを推奨します。   集めたユーザーのデータは非常に膨大であり、雑多です。データを整理する際は洞察した問題を平叙文(statement)の方法で付箋の上に速記して簡略化した後にまとめ作業を行うことを推奨します。もしくは、各ユーザーのデータを読みやすく、流通性の高い行動モデルにグラフィック化(Beyer & Holzblatt, 1998)すれば、開発チームの研究員、デザイナー、エンジニアやPMなどにこれらの豊富で詳細な概要情報が素早く取得並びに消化してもらうことができます。最後に開発チームは数度にわたるブレーンストーミング(Brainstorming)会議を実施して、洞察した現象と問題点についてユーザーの潜在的なニーズと将来における製品、またはサービスのイノベーションの可能性を発掘し、さらに新商品や新たなサービスモデルのプロトタイプに発展させていきます。     ケースのシェア   バンク・オブ・アメリカ（BOA, Bank of

Gamania UX Design Center Inspires Game Vision 台湾のゲーム開発者に言わせれば、６月の台北はいつもと違う！ようです。 1988年から開催されている、ゲーム業界最大規模のゲーム技術交流会であるゲーム開発者会議GDC（Game Developer Conference） は26年の歳月を経ました。そして大きな期待のもとついに第１回GDC TAIPIEI SUMMITが開催されたのです！ 台北では初の試みとして、アメリカ、ブラジル、オーストラリア、日本、シンガポール、香港、マカオ、中国等12の国と地域から約660名のゲーム開発のプロが集まり、また20名の国内外の講演者が参加し、相互交流が行われました。 以前は出席者としての身分でこの国際サミットに参加していましたが、今年は光栄にもエルゴノミックデザインセンター監督のMichelle がUX Designer莛莛（Ting Ting）及びUI Engineer敏哲（Shawn）を引き連れて、ガマニアの代表としてGDC国際サミットにおいて、ガマニアがいかにしてユーザー中心のデザイン理念をゲームデザインに導入したのかを皆様にお伝えしました。 ユーザーをゲーム産業の中心に取り組み、ゲームの新しい視野を広げる サミットが始まると、Michelleはユーザーを中心にデザインすること、「新世代のユーザーに対話型インターフェースを提供するためのデザインのソリューションとして、ユーザーを中心にしたデザインを取り込んだガマニア製品について」提示しました。 「ユーザーを中心にデザインすること（User-Centered Design）」はソフトウェア産業ではすでに何年も言われていることですが、ゲーム産業ではまだ初歩段階であります。特にこの観念（User-Centered Design）は台湾ゲーム産業においては未知の領域です。しかしガマニアは初めてユーザーを中心にした製品（サービス、インターフェース等を含む）を導入し、ユーザーの全面的な体験（Total

▲図表化されたアメリカ：各州の特色を各種カラーの組み合わせとイラストで表現し、非常に豊かなビジュアルをもたらしている。     Infographicsとは？   Infographicsとは、Information（情報）とGraphic（グラフィック）が合成された複合語です。簡単に言うと、Infographicsは特定の資料、情報、知識を図で表現したものです。例えば、日常でよく目にする地図、MRTやバスの路線図、新聞上のデータ図、更にはExcel上の各種図表も全てInfographicsです。   元々、Infographicsは雑誌の記事やニュースで多く使用されており、主に事件の成り立ちや発生経過を明確に説明するための一種の手法でした。1970～90年代、英国の雑誌『The Sunday Times』で美術編集を担当していたPeter Sullivanが大量にInfographicsを用いて原稿を編集し、この手法がトレンドとなりました。2000年以降、Infographicsは動画やモーショングラフィックを用いた表現方法に進化し、人々から注目を集めるようになりました。そのため現在、教育においても、技術説明においても、マーケティング戦略やニュース報道においても、Infographicsが深く浸透している方法を目にすることができます。元々は味気ない資料を精彩なものへと整理し、実用的で新鮮且つ面白い図表に解析し、必要とする人に明確に伝達します。   The World of Social Media（ソーシャルメディアの世界）     Mobile Technology（モバイルテクノロジー）       Infographicsの作成方法とは？

最近、携帯端末の普及により、電車でも、会議中でも、食事中でもテレビを見ていても、スマホやタブレットでネットやゲームをして端末を手放せなくて、我々の生活はもはやこのような携帯端末から離れなくなってきました。それによって、アプリが増え、本物に見せかけたものやシンプルなもの、色んなインタフェーススタイルが現れてきました。その中で、あるデザインスタイルが流行り始め、大量にアプリのインタフェースに使われてきました。それは極シンプルですっきりした単純なデザインで、平面化デザイン(Flat Design)といいます。 平面化デザインとは 簡単に言うと、長年流行っていた斜め、グラデーション、影、艶出しなど、本物に見せかけるビジュアル効果をやめ、もっと平たく見えるインタフェースをデザインすることです。20世紀、建築界がシンプリズムを始めて、平面化デザインスタイルを始めました。「Form follows Funtion」や「Less is More」など当時から有名なスローガンは今でもよく聞きます。ミケランジェロがどうやってダヴィデ像を作ったかを聞かれたときが、「簡単さ。余分な石を削り、必要な部分だけ残したのさ」と答えたように、インタフェースデザインも同じ原理です。 有名な自動温度調節機NESTは、元Apple社、iPodの生み親が作った製品です。そのウェブサイトから製品とそれに関わる応用環境など現実の要素は、平面化デザインのサイトに取り込んでいることが分かります。虚構と現実を融合させることによって、ユーザーがほかのビジュアル要素に邪魔されず、製品に注目することができます。 ▲Metro UI   Metro UIはマイクロソフト社のWindows 8のデザインスタイルで、スイスの平面デザイン原則に基づいたものです。その鮮やかな色使いとすっきりしたレイアウトのインタフェースは平面化デザインに似ていて、インタフェースの材質ではなく、文字などの情報の内容に力を入れています。このシンプルなスタイルでより質感のあるビジュアルを提供できます。 平面化デザインVSスキュアモーフィズム アップル社のインタフェースデザインには、よくスキュアモーフィズムスタイルが使われています。メモ帳からリマインダー、iBookの本棚まで華やかでリアルにみえて、実物にリンクされやすくしていて、ジョブズ氏もこういうスタイルを推進していました。 しかしアップル社の中で別の一派のデザイナーは過度のスキュアモーフィズムが華麗なだけで、機能性がない上、ユーザーを惑わせるだけであり、すべてのインタフェースは機能的に作るべきだと考えています。ジョナサン・アイブ氏もその1人です。最新のiTunesもその方針でよりシンプルに作られています。 デザインの良し悪しを決めるのは美学だけではない 平面化でも、スキュアモーフィズムでも、デザインスタイルを最終的に決めるのは、製品の具体的な働きや、プロセスが完全かどうかや、使用体験などであり、ビジュアルだけの問題ではありません。どのようなスタイルを採用しても、最適なインタフェースデザインになるにはいくつか共通の原則があります： 一致性：一致するデザインモードとビジュアルスタイルがあること。配色やアイコンの大きさ、レイアウトなどを合わせることで、ユーザーがより関連性を作りやすくなり、製品が使いやすくなります。段階化：インタフェースデザインでは、コアな機能を重視し、ほかの操作要素を二次的な位置に置き、インタフェースをシンプルで効率よくすることです。ユーザーにすばやく機能と情報の関係を認識させ、次のステップで何をするのかはっきり認識させることが一番大事なことです。 フィードバック：クリックしたとき、ユーザーにすばやくはっきりとしたビジュアルやアニメや通知音でフィードバックすることで、ユーザーが戸惑うことなくタスクを完了でき、操作後の満足度もあがります。 障害を減らす：どんなビジュアルスタイルでも、インタフェースを簡略化し、目的タスクを完了するのにかかるステップを減らし、操作をスムーズにする必要があります。操作上の障害や余計なステップは複雑さを増し、ユーザーがインタフェースで戸惑うだけです。    

最近生活の中でよく見かけるQRコードの応用、今最も流行しているLINEでさえも、QRコードを使っての読み取りが可能です。実際の生活で、私達はQRコードのアイデアに関連したものをすでによく目にしています。QRコードのマーケティングモデルは、私たちの生活やインターネット上にだんだんと浸透してきているのです。QRコードの応用を簡単にお伝えします: QRコードとは? QRコード（Quick Response Code）とは、バーコードの一種で、撮影機能やバーコード解読機能のついたソフトウェアを使うだけで、バーコードの中に保存されているデータを得ることができます。主に、携帯電話の撮影機能と共に使用され、文字情報を提供することによって、キーワードの入力という動作の手間を省きます。現在、QRコードが応用されているのは、観光ガイド、映画チケットの購入、製品情報や名刺などです。 携帯電話の進歩によって、ネットワークサービスの利用も比較的整ってきたため、QRコードの用途はたくさんあります。続いて、QRコードのいくつかの応用例を皆さんに紹介します：   1.LEXUS ALL NEW GS QR CODEインタラクティブ技術の革新 製品が載っている広告上のQRコードを携帯電話でスキャンすると、本物そっくりな3Dのモデルをウェブサイト上で見ることができます。   2.韓国eMart Sunny Sale 一般的なQRコードは、恐らくただスキャンするだけでしょう。韓国eMartは、昼時の売上げを増加させるため、日光を利用して、3Dの太陽照射角度が昼の12:00~1:00の間にしかQRコードをスキャンできないようにしています。このようにして、巧みにネットワークサービスを利用して売上を伸ばしています。     3.ドイツNerdindustries動態のQRコード広告 このドイツの会社では、QRコードの15%の誤り訂正能力を利用して、静態写真を復元させるだけでなく、スキャンによってQRコードを動画に伴って変化させています。   　

よく人から聞かれるのが「UX Designとは何ですか。」ということです。 この問いに答える前にちょっと説明する必要があります。User Experienceとは、ソフト・ハードウェア、ビジュアルアート、インタラクティブセンサー、行動認知、社交心理、カスタマーサービス等々（まだまだあります）多くの異なる領域に関係する学問なのです。人に関係する活動、デザイン、ビジネス行動、教育、サービスでありさえすればいわゆる「User Experienceユーザー体験」から離れることはできないのです。 ですから私たちはUX Design（ユーザーエクスペリエンスデザイン）はもはや単純な一つの専門分野と定義することはできません。これは提供する当該製品またはサービスに関係する人々（エンジニア、美術スタッフ、企画者、研究者、カスタマーサービス、広報担当者、イベントマーケティングスタッフ、等々）がそれぞれの専門分野で「ユーザーを中心」にした態度で行うそれぞれの仕事の一部なのです。 こう尋ねる人もいるはずです。では、何が「ユーザーを中心とする」ということなのでしょうか。 一番簡単な言い方をすれば、それは「ユーザーの角度から考える」ということになります。 それはどういうことでしょうか。 デザイナーやサービスの提供者として、自分のロジックや便利さで構想したり製品やサービスを提供することは避けられません。私はこれを「自分勝手」なデザインと形容しています。「ユーザーの角度から考える」デザインではないのです。例えばプログラミング作業は、プログラミングのロジックが合理的でわかりやすい使用のフローを犠牲にしてしまっています。または既定のフローの分業（SOP）を順守し、コストを抑えるためにカスタマーサービスはよりヒューマニスティックでオーダーメードしてユーザーの問題を迅速に解決することができなくなっています。 ですから、多くの専門性を持つチームの中では誰もがユーザーエクスペリエンスデザイン（UX Design）の能力をもっていなければ、製品やサービス全体の細部でユーザーの満足度を最大限まで高めることはできません。 ユーザーエクスペリエンスがたいへん多くの異なる分野に展開できるのならば、私たちはどのようにして自らのユーザーエクスペリエンスデザインにおけるKnowHowを育成することができるでしょうか。以下は私が参考に提供するいくつかの方法です。   1. すべては観察から（観察->振り返り->学習） 観察？何を観察するのか？ 初めに、他人を観察します。 人があることをどのようにしているかを観察してから（どんなものを使っているか、関係する人や物事、環境とのやり取り）、人の反応がどのようなものかを観察します（喜怒哀楽や困惑、驚き、失望、期待など…）。 生活は大きな実験室です。他人の行動と反応を観察することによって、私たちはあることについて人々がどのようにするか（How they do it）をいうことを理解することができます。どのような環境の下でどのような特別な時間（Where and

先日WWDC 2013で、誰もが期待するAppleのiOS 7がそのベールを脱ぎました。かつての木の材質のフレーム、皮のメモ或いはGame Center内の緑のテーブルなど全てが無くなり、以前常用されていたスキュアモーフィックデザイン（Skeuomorphism)が大幅に減少し、それに取って代わったのが、この二年で次第に主流となってきたフラットデザイン(Flat Design)です。全体の形状、色、アイコンから文字まで、iPhoneの誕生以来最大の変化と言えます。 このような大きな変化には当然二極化の評価が存在し、ある人は、新しいUIはよりシンプルでスタイリッシュ、躍動感があると述べ、またある人は新しいスタイルは女子の憧れのようなスタイルの「乙女心」だと評価しています。どのような評価であれ、人それぞれの美的感覚と持ち味に対する観点は異なり、むしろこの大きな変更の背景にある決定や勇気こそ今回私たちが探る価値のある方向ではないでしょうか。   Why Flat Design? 今回Appleは新しいiOS 7でかつて愛用したスキュアモーフィックデザインを取り去り、フラットデザインスタイルに一新しました。そのバックの魂的人物こそデザイン部門のベテラン副社長Jonathan Iveです。Iveはモダニズムデザインをバックグラウンドとし、シンプルなデザインを好み、Steve Jobsの重用を受け、さらにAppleの大多数の製品に参与し、無数の賞を獲得しました。彼は余計な装飾を取り除き、複雑な機能に秩序を持たせることを主張し、フラットデザインのUIを用いてより内容を明確にし、機能を重視しました。 AppleのiPhoneが発売されたばかりの当時、スマートフォンはまだ普及していませんでした。そのため、UIのデザイン上、Appleはスキュアモーフィックデザインのスタイルを多く採用し、ユーザーにどのようにして触れ、操作するかを教えることを目的とし、人と機械の心の交流を重視しました。現在周囲を見渡せば、みなスマートフォンを使い、ユーザーはUIが人間的かどうか、機能がより多くの問題を解決できるか等…により注目しています。つまり、AppleももうこれらのスキュアモーフィックのUIによる操作や触れ方を示す必要は無く、スマートフォンがあれば、パソコンはいらないということを伝えなければならないのです。 その他、フラットデザインのスタイルが広がるにつれ、Google、Facebook、Pinterest等のブランドも続々とこのタイプのデザインのトレンドに加わり、Appleはモダニズムデザインをリードする先駆けとなり、必然的にこのトレンドに続き、より大きな波を創造し、フラットデザインを現代の主流へと導いています。もちろん、フラットデザインのポイントはやはり無駄を除き、デザインをシンプルに、内容と機能を際立たせ、さらに有意義な点を重視することにあります。Iveの発言のように「デザインの含みは外観だけにとどまらない」のです。 What’s New in iOS 7?   今回全体を大胆にフラットデザインに変更した他、より豊富なバリエーションと鮮やかな配色方式を使用し、天気の動画と効果等の要素を追加。またより精細なHelvetica Ultra Lightのフォントを用いてRetina