「マイクロインタラクション UI/UXデザインの神が宿る細部」

ちまちま読み進めていた「マイクロインタラクション」を読み終えたのでメモ。

www.amazon.co.jp

ざっくり言うと「ユーザーのかゆいところに手が届く、気の利いたUIのしぐさを生み出すには」という内容でした。

本文はiPhoneマリンバ事件のエピソードから始まり、しぐさを生み出すための「トリガー→ルール→フィードバック→ループとモード」という４つの重要なポイントについて説明されています。

文章はときおり内部処理構造の話など難しい内容もありますが、各章で多くの画像入りの具体例が紹介されていて理解を助けてくれます。（海外の具体例は本当にウィットにとんでいるというか、日本でやったら反感買いそうなものもありましたがw）

この本は、UIデザイナーに限らず「初めてアプリ開発に携わる人」「初めてUI設計を担当することになった人」向けでもあります。例えばディレクター、プランナー、プログラマ…などなど。UXデザインの書籍はマクロな視点で語られたものが多いですが、この本は「小さな視野で、世界を変えて行こうではありませんか」という言葉で締め括られています。

小さなしぐさでユーザーを幸せにする、そんな「気の利いた相棒」となれるようなコンテンツ(サービス)づくりを目指したいですね。

ECサイトのユーザー評価ワークショップに参加して思ったこと

UX KOBE Vol.3「ユーザー評価（観察法）」

2014/4/19 13:00-18:00 デザイン・クリエイティブセンター神戸（KIITO）

先日神戸で「ユーザー評価」のUXデザインワークショップに参加してきました。

三宮の駅周辺で書籍「タイポさんぽ」に出てくる味楽の看板を見つけてテンションあがる図。今回はワークショップ自体の内容よりも、終わったあとに考えたことが多めに書かれています。

・

ワークショップについて

・

ユーザー評価のワークショップ参加は実は２回目です、なのでワークショップの内容はそちらの方が詳しく書いています(前回記事はこちら)。

Keynoteの図形ツールのみでフラットデザイン風イラスト描く

「物々交換の本棚」企画に見る、ことばが生み出すUX

こんにちは、Heberekeです。

先日、インターフェースデザイナーの中村勇吾氏がTwitterで言葉のデザインについてこんなつぶやきをされていました。

文章にはやっぱりそれぞれの「見た目」や「感じ」があって、(例えそれがウェブやアプリであっても)そこに対してデザインとして繊細に関わるべき局面がある、というかなり当たり前のことが、若いデザイナーには中々伝わらないのは、やっぱりブログ以降からなのかな。

— Yugo Nakamura (@yugop)

2014, 3月 18

例えば今「フラットデザイン」と呼ばれているような潮流は、単に立体感を排除したデザイン、ということではなく、間の置き方、言葉の選び方、ユーザーへの歩み寄り方などを含めたトーンの総体なわけです。アプリなどにおける細かな言葉使いなども本来デザイナーが考えるべき領域。

— Yugo Nakamura (@yugop)

2014, 3月 18

まさに！　言葉も大事な情報デザインで、ビジュアルと密接に関係する存在なんです。

今日は、わたしの経験した「ことばのデザイン」に関するエピソードについて、UX(ユーザーエクスペリエンス、ユーザー体験という意味)という観点から考えてみることにします。

＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿

「物々交換の本棚」

「東京蚤の市」というイベントはご存知ですか？　アンティーク雑貨屋さんが一同に集まる蚤の市で、「物々交換の本棚」という面白い企画があります。

■

I love folklore costume.

Illustrated by Hebereke.

Adobe Illustrator

UX KOBE vol.02 「カスタマージャーニーマップ」

2014/2/8 13:00-18:00 デザイン・クリエイティブセンター神戸（KIITO）

こんにちは、Heberekeです。週末、神戸のUXイベントに初めて参加して来ました。

神戸はマンホールデザインまでおしゃれ。そしてこの日は極寒だった…（後日体調崩しました）

http://uxkobe-02.peatix.com/

今回のテーマは「カスタマージャーニーマップ」です。一度別の勉強会でやったことはありましたが、その時は運営側だったので改めて参加してきました。今回は初級編ということで、浅野先生もお手柔らかモードw

________________________________________________________________

講義の中から気になった話。

ピンポイントではなくコンテキストで考える「小林一三モデル」

前半の講義で、以前UX KYOTOでもちらっと出てた阪急グループ創業者の小林一三モデルの話が詳しくありました。人々が数ある鉄道会社からどの沿線に住むか考えるとき…

「阪急沿線に住もう！」という決め手になるのは「時間に正確」「座席の座り心地がめちゃくちゃいい」といった電車の性能ではありません。

人々はみな自分だけのコンテキスト(文脈)ベースで考え、「会社が梅田にある、週末は有馬温泉や京都へ行ける、沿線に子供を通わせたい学校がある、買い物は阪急デパート…よし、夙川に住もう！」と決めるそうで。それで沿線に様々なライフスタイルに関連する施設を充実させたそうです。

確かに、会社にいかにスムーズにアクセスできるかは引越の時に一番重視します。(…とはいえ会社から近すぎても嫌なので、会社徒歩圏内には住みませんがw)

サービスではお金は取れないが、サービスの延長線上にある製品でお金をもらう

老人は自分に必要なサービスの提供先まで、１つ１つ自力で辿り着くことは難しい。

複数の異なるタッチポイントが連携しながら、顧客に優れた価値を提供できるサービスを記述するためにカスタマージャーニーマップを活用します。

________________________________________________________________

ワークショップ

今回のテーマは「居酒屋の注文システムを作りたいので、ユーザーの行動観察をして改善策を考える」でした。

まずはグループ内で１人ずつ居酒屋に関するインタビューを行います。

※ただし、ユーザーを知るには参与観察(自分でやってみる)や行動観察(それをやっている人を観察する)が基本であり、インタビューはやり方を間違えるとほとんど役に立たないデータしか取れないので気をつけましょう…

「脱線も許容、うまく元に誘導」っていうのが難しい。

インタビューを元に、チーム内でリードユーザーを決定。新しい価値創造にはめちゃくちゃな飲み方をしているようなエクストリームユーザーを選出した方が良いとのことで。

「プラグマティックペルソナ」「脳内マップ」「ステークホルダーマップ」を描きます。ペルソナは…今回かなり個人情報が含まれるので画像割愛しますw

これがカスタマージャーニーマップの記述例。

どんどんインタビュー結果から情報を読み解いて行きます。感情が大きく変化している部分に、サービス改善の糸口が隠されているのでそれを探ります。

このとき「洞察が足りない」というのを先生からの指摘が。見たままの現象をそのまま捉えるのではなく、「なぜユーザーはそう思ったのか？」「なぜそれが楽しいのか？」など深層まで感情を紐解いていった先に真実が見えるとのこと。トヨタのなぜなぜ５回ですね。

他のグループの発表も面白かったです。あ、ここのチームも知り合いがエクストリームユーザーに選ばれてるw

この引越のキズ防止緩衝剤（？）で出来た特注ボードいいなあ…会社で備品で買ってもらいたい。

________________________________________________________________

終了後、体調がすこぶる悪くなってきたので懇親会はそこそこに帰宅。初めてお会いする方も多く、また新たな知見が得られた一日でした。

ちなみにUX KOBEは4月以降も続々と開催予定だそうです、是非。

当日の講師／参加者の方々のブログ↓

情報デザイン研究室 http://asanoken.jugem.jp/?eid=2922

THINK PLATFORM LAB　http://i-plug.co.jp/thinkplatform/ux/16/

yulily100's blog http://yulily100.hatenablog.jp/entry/2014/02/10/230753

UX KYOTO 2013 #03「ユーザー評価(観察法)」

2013/12/7 13:00-18:00 はてな京都セミナールーム

こんにちは、Heberekeです。

今回参加したUX KYOTOの課題は、「京都にある観光施設の公式サイトのユーザー評価」。ワークショップも回を重ねてだんだん慣れて来たような、思考スピードも少しずつですが上がって来ているのを感じます。

ワークショップ内容(約5時間)

1. 事前に課題サイトをじっくり使い込んでみる
2. タスクを決める(仮説ペルソナ、シーン、シナリオ、タスク）
3. 被験者を選ぶ(今回はノービス２名、エキスパート1名)
4. 冒頭説明後に記録スタート
5. 終了後にインタビュー
6. 問題箇所や改善案を分析
7. 発表

ユーザーテストはモデレーターをやったこともあるので、割と全体像は理解しやすかったです。個人的には事前調査時に「うーん、この課題サイト、正直デザイン的にはどうかな…？」と思っていたのですが、なんと被験者の結果はエラーが思った以上に少なかったという。もしや、意外と利用シーンに沿ってる？

どうやら、開発者寄りの「体験を付加しなきゃ」視点が強くなっているようです。ユーザーがそもそもサイトに来る目的は何なのか、そこをすっ飛ばして、余計な付加価値を付け足そうとするのは要注意ですね。

以下、講義やワークショップ内で興味のあった箇所をピックアップで。

＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿

評価手法

調査したい内容によって、適正な手法を選びましょう。

＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿

ペルソナ

最近のアジャイル開発ではペルソナの簡略化がトレンド(プラグマティックペルソナ)。また、ユーザー評価のためのペルソナとUX評価のためのペルソナは異なるので、注意すること。

＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿

シナリオ

アクティビティシナリオとインタラクションシナリオの違いを意識して、あくまでユーザー目線でのアクティビティを想定すること。

アクティビティシナリオ　UI用語を使わない。実装に依存せず、抽象的なもの。時代性のない、普遍的な欲求。(例：Aさんは近所の美味しい店を調べた)

インタラクションシナリオ　UI用語を使う。実装に依存し、具体的。デバイスに依存する。(例：Aさんは近所の美味しい店について食べログで検索した)

アクティビティシナリオでUI用語（ダブルクリック、ボタン、検索など）を一切使わずに、ユーザビリティの定義をさらっと盛り込むことが難しい！これができるようになったら熟練者だとか。

＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿

インタビュー

複数の視点からの結果を総合的に考察。トライアンギュレーションの中心に真実がある。

＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿

思考発話法

被験者にタスクを実行してもらいながら、思ったことを口にしてもらう方法。うまく喋ってもらうためのコツは「まずはじめに一連のタスクが書かれた用紙を、ゆっくり声に出して読み上げてもらう」こと。

これをやることで発話しやすい雰囲気になり、滑舌も良くなり、声を出しやすくなるそうで。なるほどね〜これは確かに被験者によって発話量に差があって悩んでたところなので、良い情報聞いた。

＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿

HCDとUXの関係

UX(ユーザー体験)の基本はHCD(人間中心設計)。HCDもきちんと学んだ上でUXを実践すること、UXばかりを追求するとシナリオやペルソナで根拠のないものが出来上がってしまう。最近このパターンで失敗例が多いそうで。

新人に教える際は、ペルソナやシナリオから入るよりも、ユーザー評価を実践してからの方が良いとか。

＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿

以上です。最終的な所感は次回後半戦のNE比分析にて。

※余談ですが、ユーザー評価(ユーザーテスト)については樽本徹也さんの「アジャイル・ユーザビリティ」も良書ですよ

＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿

UX KYOTO http://www.facebook.com/uxkyoto

情報デザイン研究室 http://asanoken.jugem.jp/

＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿