5. UXとUIの境界 UX = ユーザー体験 語られる言葉は、体験です。 UI = ユーザーインターフェイス 語られる言葉は、インタラクションであり、ビジュアルであり、アーキテクチャです。 UX UI UX=UIではありません。ユーザーがUIを通して体験することがUXです。 UIで語られる言葉がどんなに素晴らしくても、それがすなわちUXを実現しているとは言えません。 UIデザインの理由 デザインには理由が必要です。 UXの実現をUIの目的とした場合、『デザインの理由=UXを実現していること』です。 しかし、体験をUIの言葉で語るには限界があります。そのため、UXとUIをつなぐ言葉が必要になります。 5

ソシオメディアは、良いUXを実現するためのアプローチとして、モードレス・ユーザーインターフェースを提唱しています。 モードレス・ユーザーインターフェースの考え方は新しいものではなく、皆さんが普段接している GUI や、その開発手法であるオブジェクト指向プログラミングのコンセプトにもともと備わっているものです。ただしこれまでUIデザインのノウハウとしてはあまり明文化されてきませんでした。そこで、私達が実践に努めているモードレスUIデザインの方法論をまとめてみます。ここに述べるUIデザインのノウハウは、実効性の計りにくいプロセス論ではなく、UIの成果物に直結する具体的なデザインパターンである点に着目してください。 モードレス・ユーザーインターフェースの利点 UXに関する様々なメソッドの中で、意思決定の上流における要求分析や、実装に直結した視覚表現等についての方法論は多く議論されてきました。しか

「おばあちゃんでもリモコンが使える、とてもシンプルなやり方」 最近の家電は高品質・高機能になりましたが、その一方で、年配者などにとって最新のガジェットはややこしく、悩みの種となっています。 先日、『これは賢いかも？「母親にWifi接続のしかたを教えるスマートな方法」』という記事をご紹介しましたが、今回はおばあちゃん向けのアイデアです。 「新しいテレビとDVDプレイヤーを手に入れたおばあちゃんが、リモコンの操作に戸惑っているので助けてあげた」という、シンプルなリモコンの画像をご覧ください。 笑っちゃうほどシンプル。 でも、これなら迷いようがありませんね。DVDプレイヤーは[再生]と[電源]ボタンのみ。 テレビの方は[チャンネル変更]、[音量]、[電源]ボタンのみ。 これくらいシンプルになれば、おばあちゃんでも操作が行えます。 むしろおばあちゃんでなくとも、大半の人が使うスイッチはテープを貼る

黒須 正明氏特定非営利活動法人 人間中心設計推進機構（HCD-Net） 理事長 学校法人放送大学 ICT活用・遠隔教育センター教授 国立大学法人 総合研究大学院大学メディア社会文化専攻 教授UXやユーザビリティに関わる人であれば、ユーザ工学、ユーザビリティ研究者である黒須正明氏はだれもが知る存在だろう。今回は、人間中心設計推進機構理事長の黒須氏を迎え、UXに対する考えなどを詳しく伺った。 UXは時間軸において5つの段階を持っている――まずは黒須さんとユーザエクスペリエンス（UX）の出会いを教えてください。 UX歴は7年位ですね。欧米でUXが流行り始めたのが今世紀に入ってから。そのころはユーザビリティと混同されていたから、僕は反発していたんです。でも、2005年頃から欧米のユーザビリティやデザインの研究者とUXについて議論する機会が増え、定義が明確になってきたことから、UXという言葉を使い始

ユーザエクスペリエンスマップってなんぞや、どういう時に使えばいいのなどまとめてみました。実際に作る方法は別のスライドにまとめました（http://www.slideshare.net/vistawalk/ss-17410597）Read less

2012年8月12日 著 以下の文章は、Philip Zastrow氏の書かれた「The Broken Design Process」を翻訳したものです。レスポンシブWebデザイン関連の記事をこの数ヶ月、いろいろ斜め読みしてきましたが、これは是非とも翻訳しておきたいと思ってZastrow氏にコンタクト、翻訳と掲載につき了解を得ました。ただし、この翻訳には誤りが含まれている可能性があります。英語が読めるなら、原文のほうを是非お読みください。 Webデザインのプロセスは壊れており、レスポンシブWebデザイン（訳者注：以後「RWD」と表記）の推進によって、モダンなアプローチを余儀なくされつつある。 典型的なデザインプロセスでは、理想化されたWebサイトのコンセプトイメージが写真編集アプリを用いて制作される。そして、コンセプトイメージを顧客または承認する立場にある権威に渡し、フィードバックや批判を

楽天の電子書籍サービス「kobo（コボ）」がスタートでつまずいた。閲読端末「kobo Touch（コボタッチ）」の初期設定が滞ったり、電子書店「koboイーブックストア（コボストア）」での和書の品ぞろえに批判が出たり、楽天や三木谷浩史社長の反応にさらに批判が広がったりと、悪循環に陥った。だが、koboの実力が本当に問われるのは利用者が増えるこれからだ。実際に使ってみると、本質的なUX（ユーザー

なんか突然東京行きたくなったので、ひょひょいと行ってきた。 たまたま立ち寄ったクックパッドっていう会社でクックパッド流UIの作り方という勉強会してたので、偶然持ち合わせていたはてなステッカー渡したりおいしい料理いただいたりした。 UI/UXのためのSass 池田さん / サービスデザイン部 Sass / Haml (エンジニア・デザイナー問わずに) Github デザイナーもpull req 一つのサービスを複数チームで開発 各デバイスで速いサイクルでの開発 Sassとは → ぐぐれ 全体のデザインを束ねる → デザインガイドライン ガイドライン Sassで統一的なものを提供する 画像を使わずにCSSでデザインするメリット mixinをつかって統一できる 画像編集がいらない プロパティの変更によってデザインに幅をもたせる事ができる mixinの中身は応用がきくような仕組みにしておく 検証を

「とりあえずUI直せば、どうにかなるんじゃないか病」が私の周りで流行している。もちろん私も何度となくかかっている。 この病気のはじまりは「目的を達成できないのはUIがいけてないせいだ！UIをとにかく今じゃない何かに変えれば問題は解決する」と思っちゃうことにある。 共通するのは、「とにかく今じゃだめなので、今じゃない何かにしたいからUI変えたい」という点。今じゃない何かにしたいのはわかるが、根拠が主観的すぎて成功する見込みがつかないのが困ったところ。 もちろん私も時にこの病気にかかり、ほんとにプロジェクトをすすめていいかどうか、どーしていいかわからず懊悩することも多々ある。というわけで、私なりに病気の定義と、自己治療法もなんとなく見つけたので、自省もこめて記録しておく。 「とりあえずUI直せばどうにかなるんじゃないか病」の主症状2点 根拠が主観的すぎて説得力がなく、社内を巻き込めない 本人が

User Experience Design の仕事に携わっていると、アウトプットの定義に迷うときがあります。ユーザーエクスペリエンスデザイン成果物リスト（User Experience Deliverables）でも定義されているユーザリサーチ、ペルソナ設計、シナリオの作成…と一連のフローは定着しつつあるものの、"Experience"すなわちユーザの「体験や経験」をデザインすることの目的意識が薄れていく一方で、User Experience という言葉が一人歩きしているような気がしています。 ユーザについて考えようとしても職種や部署属性、スキルというフィルターが邪魔をし、なかなか外の情報を組織の中にインプットしようとしてもうまくいきません。実務に落とし込むための力量を兼ね揃える必要もありますが、そのような状況下では「誰に」に加えて、「どのような価値を提供しているのか？」のキークエスチョ

2. 全面広告 「ユーザビリティ エンジニアリング(第２版)」 1章 ユーザ中心設計概論 2章 インタビュー法 3章 インタビューの実践 4章 データ分析法 5章 発想法 6章 プロトタイプ 7章 ユーザビリティ評価法 8章 ユーザテスト 9章 ユーザテストの準備 10章 ユーザテストの実施 11章 分析と再設計 12章 ユーザ中心設計活動 *無料サンプル版（第2章全文） http://www.slideshare.net/barrelbook/ss‐26183115 全面広告 3. • • • • • プロダクトオーナー（PO）は、 製品の明確なビジョンを持つ。 プロジェクトの成功に全面的に責任を 持つ。 変化に適応して選択を行う。 中間成果を受け入れるか、開発チー ムに差し戻すか決定する。 いつ、どんな内容の製品をリリースす るか決定する。 早く偉大なPO になりたい～ アジャイルマニ

デザインは相手から反応を引き出すための大事な要素です。買ってほしい、読んでほしい、行動を取ってほしいなど、相手の反応を誘い出すためにデザインをします。人間の行動原理を理解していないデザインは相手を混乱させるだけで目的の結果を得ることができません。本書ではすべてのデザイナーが知るべき100の指針を実践例とともに紹介します。すべてが科学的な研究から導き出されたものです。これらの指針を理解してデザインすれば、人間の思考や行動、遊び方にマッチした直観的で人を引きつける製品――印刷物、ウェブサイト、アプリケーション、ゲーム――を作れるようになります。 翻訳者によるサポートページ。 サンプルPDF ● 「前付〜#008まで」（53MB） 目次 1章　人はどう見るのか 001　目が受け取る情報と脳が私たちに伝える情報は微妙に違う 002　対象の「あらまし」をつかむのは中心視野より周辺視野の役目 003　

「人を思わず夢中にさせる仕組み」「快適で使いやすいユーザー・インタフェース」「継続利用を促す仕組み」といったゲーム制作の優れたノウハウを、ゲーム以外の分野に生かす取り組みに今、注目が集まっています。 2010年ごろから米国でにわかに注目を集め始めた「ゲーミフィケーション(gamification)」や、立命館大学教授のサイトウ・アキヒロ氏が提唱する「ゲームニクス」、バンダイナムコゲームスの「ゲームメソッド」、そして教育や医療、社会問題の解決などに向けた「シリアスゲーム」などがそれです。 ゲームの制作ノウハウを生かそうという試みは、エレクトロニクス業界にも広がりつつあります。単なる高性能・高機能化では電子機器が売れなくなった時代に、ゲーム制作のノウハウがその閉塞感を打破する可能性があるからです。既に、タブレット端末やAV機器、 カーナビ、サイネージ機器のみならず、リハビリ用機器や教育用機器な

「Release Candidate」とは Windows Server 2012に付けられた「Release Candidate（RC）」は、「製品候補」の意味である。Windows 8では今回から「Release Preview」という言葉を使っているが、同じ意味を指すようだ。 そもそもRCは、「マイクロソフトとしては、そのまま製品となっても問題ないが、念のため広く意見を求める」という位置付けで、原理的にはそのまま製品となってもおかしくない。だが、これまでを振り返ると最低1回の修正が行なわれている。つまり、RCを修正したものが製品版になっている。 RC版の改訂版（RC2）が出たこともあったが、近年はRCの次が製品版となっている。ちなみに製品版は「RTM（Release to Manufacture）」と呼ぶ。一般的なハードウェア製品は「FCS（First Customer Ship）」

ユーザーの視点に立ってデザインされていないインターフェースは、エンドユーザーに受け入れてもらえないはずだ。そこで本記事では、UIデザイナーが念頭に置いておくべきユーザーの習慣や考え方について焦点を当てる。 つい最近、「Ubuntu Unity」はUbuntuに正式搭載されてから1周年を迎えた。また、「Windows 8」はリリースを間近に控えている。こういった状況のなか、すべてのユーザーインターフェース（UI）は同じように作られていないという事実が明らかになってきている。実際のところ、コンピュータの使い方に革命的な変化をもたらすような素晴らしいUIデザインもあり得るだろうが、エンドユーザーを念頭に置いていないものは、その素晴らしさを証明する間もなく失敗作という烙印を押されてしまうはずだ。 筆者は長年に渡るコンピュータ経験のなかで、ほとんどすべてのLinuxデスクトップと、あらゆるバージョン

2012年6月に実施した読書会のために作成した資料です。 2014年6月に、この過去のイベントに依存した記述を削除／修正して、書籍紹介のプレゼンテーションとしてご覧いただけるようにした新バージョンを以下に公開しましたので、そちらをご覧ください。 http://www.slideshare.net/noriyo/on-designinginterfaces2014