SlideShare uma empresa Scribd logo
1 de 23
Baixar para ler offline
海外のユーザー向け
webサービスでの
ユーザーテスト実践
和田あずみ 株式会社DeNATravel
旅行会社のwebディレクターです
Copyright © 2016 WadaAzumi All Rights Reserved.
和田あずみ 株式会社DeNATravel
・オンライン旅行会社のwebディレクター
・HCD-Net認定 人間中心設計専門家
・共創の現場を支援するビジュアルファシリテーションチーム
「BRUSH」でビジュアルファシリテーターとしても活動
画像 https://www.dena-travel.com/recruit/staff/
文化の潮目でものづくりするのが好き
グローバル向けサービス担当(2016~)
オーストラリア人向けのサイトを作る
• オーストラリア人向けホテル予約サイトを
作ることになった
http://www.myfirststep.com.au/%E9%83%BD%E5%
B8%82%E6%83%85%E5%A0%B1/ より引用
• オーストラリア人て
なにが心にささるの?
• どんな旅行をしたい人たち?
• 英語ネイティブだよね…
私の英語超貧弱なんだけど
• 友達いない
オーストラリアのユーザーなんて
さっぱりわからん
どうすりゃええねん
文化の氷山モデルとデザイン
• 文化の氷山モデルとデザイン
見えやすい
・慣習、風習といった行動
・習慣
・礼儀
・食べ物、音楽、建築、
衣服etc..
見えづらい
・価値観
・大事にするもの
・無意識なレベルでの
前例主義、仮定
画像 https://jp.pinterest.com/pin/462463455459049280/ より引用
アイディアの発想元
=文化
デザイン
施策のアイディア、情報を
目に見える形にする
氷山の海の中で、どう航海する?
• グローバルサービスの開発
• 日本向けサービスより氷山が見えてない環境で走る
• 氷山マップは「部分的には」存在するし、作れる
• ユーザビリティは評価→改善しやすい
=氷山マップつくりやすい(個人的な感触として)
画像 https://game8.jp/tawapri/map/77088 より引用
ユーザビリティは評価→改善しやすい
• 体系化されたガイドライン
• iOS Human Interface
Guidelines
• マテリアルデザイン
• UIデザインパターン集
• SociomediaUIデザインパターン
https://www.sociomedia.co.jp/category/uidesignpatterns
https://u-site.jp/usability/methods/ より引用
• 認知科学
• ニールセンのユーザビリティ
10原則→エキスパートレビュー
• 良いデザインの4原則(D.ノーマン)
• 可視性
• よい概念モデル
• よい対応づけ
• フィードバック
• 世界で体系化された物は利用し設計→評価に活かす
ユーザビリティは評価→改善しやすい
• 評価→改善を小さく繰り返す
https://u-site.jp/alertbox/20000319 より引用
5人のテストで85%の問題は明らかになる
→ブラッシュアップしてまた5人で
テストすると精度があがりやすい
byニールセン
ユーザーテスト①
日本人の社内の人に
「使えるか」どうか
ユーザビリティテスト
ユーザーテスト①
問題点を整理してすぐになおす
(ベトナムエンジニアに展開するので英語)
ユーザーテスト②
「オーストラリアの回線で使えるか
(=ベトナム回線でベトナムラボの
メンバー対象)」
ユーザビリティテスト
言語を超えてユーザーテストを実施
トークスクリプトはグラフィックで簡単にかいて指さしながら説明
ユーザーテスト②
問題点を整理してすぐになおす
ユーザーテスト③
「サイト誘導経路⇒サイト内」で
心がうごくかどうか
(社内英語ネイティブな人対象に)
ユーザビリティテスト
氷山の海の中で、どう航海する?
• しかし、氷山MAPがなかったり、
見えてそうで見えてない部分もある
http://hogei.up.n.seesaa.net/hogei/image/Iceberg.jpg?d=a0 より引用
文化の氷山モデルとデザイン
• 現場での課題感(見えやすい部分)
見えやすい
・慣習、風習といった行動
・習慣
・礼儀
・食べ物、音楽、建築、
衣服etc..
見えづらい
・価値観
・大事にするもの
・無意識なレベルでの
前例主義、仮定
画像 https://jp.pinterest.com/pin/462463455459049280/ より引用
見えやすいけど、見えてない部分を見る
• 状況にあわせたユーザー調査
• ユーザーへのアンケートなどの総括的評価
• オンラインユーザビリティテスト+簡単なインタビュー
• 悩み:・ユーザーとの接点=機会をどう作るか?
• 施策の実行体制
• 仮説を細かくたくさん実施して氷山を探る行為
• 開発体制、検証体制の整備
• ログ分析などのできるだけの定量分析中心に
細かくたくさんまわして、「何がよいか」
「なぜいいか」を探る
• 悩み:・ログで行動は見えても、「なぜいい/悪い」は
結局日本人の感触に基づいた推測でしかない
・成果がでないと、下手な鉄砲数うちゃ当たるの
繰返しでチームを疲弊させてるように感じる
・日本の勝ちパターン≠他国の勝ちパターン
文化の氷山モデルとデザイン
• 現場での課題感(見えづらい部分)
見えやすい
・慣習、風習といった行動
・習慣
・礼儀
・食べ物、音楽、建築、
衣服etc..
見えづらい
・価値観
・大事にするもの
・無意識なレベルでの
前例主義、仮定
画像 https://jp.pinterest.com/pin/462463455459049280/ より引用
見えないものを、見る
• Contextual Design
• 使ってる様子観察+インタビューする時間
• 例:メールの開封率を上げるための施策は?
実際に読んだメールはどれでした?
それはどこを読んで「開こう」って考えた?
普段あなたは、メールを
どんなツールでよんでいるか見せてください。
いつ、どんな時に見ますか?
その場所を見たとき、
どんな風に感じた?
どんなことを考えた?
・社内の英語ネイティブのメンバーのインタビューを記録
・ユーザーにとって重要なポイントをコンテキストから見つける
・そこから施策を立案
見えないものを、見る
• 言語の壁を越えてインタビュー
• 一連の流れがおわったら、インタ
ビュー記録として撮影。AsIs・個人の
カスタマージャーニーマップとして
データを保存する。
• 「行動」「感じたこと、思考」を
1つにつき1つの付せんで、
英語でかきだしてもらう。
• インタビュイー自身に「行動」「感じ
たこと、思考」をわけて、旅行前~旅
行中~旅行後に順番に模造紙に並べて
もらう。
• インタビュイーに旅行の一連の体験を
話してもらう。
必ずかかれてない情報がでてくるので、
付せんにグラフィックレコーディング
で記録。
けっこういがいとどうにかできる
• 行きあたりばったり力養ってくれるよ!
引用元:高杉さん家のお弁当 第二巻

Mais conteúdo relacionado

Mais de Azumi Wada

Mais de Azumi Wada (18)

UXリサーチの冒険序盤。私が出会った3つの「UXリサーチの壁★モンスター」
UXリサーチの冒険序盤。私が出会った3つの「UXリサーチの壁★モンスター」UXリサーチの冒険序盤。私が出会った3つの「UXリサーチの壁★モンスター」
UXリサーチの冒険序盤。私が出会った3つの「UXリサーチの壁★モンスター」
 
ビジュアルファシリテーションフォーラム2017 オープニング&クロージング
ビジュアルファシリテーションフォーラム2017 オープニング&クロージングビジュアルファシリテーションフォーラム2017 オープニング&クロージング
ビジュアルファシリテーションフォーラム2017 オープニング&クロージング
 
Wadaazumi portfolio
Wadaazumi portfolioWadaazumi portfolio
Wadaazumi portfolio
 
対話を「見える化」する ファシリテーション・グラフィック
対話を「見える化」する ファシリテーション・グラフィック対話を「見える化」する ファシリテーション・グラフィック
対話を「見える化」する ファシリテーション・グラフィック
 
第一回カカナイト 2/11(土)突撃!隣のグラフィッカー
第一回カカナイト 2/11(土)突撃!隣のグラフィッカー第一回カカナイト 2/11(土)突撃!隣のグラフィッカー
第一回カカナイト 2/11(土)突撃!隣のグラフィッカー
 
チャレンジ!グラフィックレコーディング2016 ~描くことで見える世界を拡げよう!~ オープニング&クロージング
チャレンジ!グラフィックレコーディング2016 ~描くことで見える世界を拡げよう!~ オープニング&クロージングチャレンジ!グラフィックレコーディング2016 ~描くことで見える世界を拡げよう!~ オープニング&クロージング
チャレンジ!グラフィックレコーディング2016 ~描くことで見える世界を拡げよう!~ オープニング&クロージング
 
グラフィックレコーディング勉強会in静岡 160220
グラフィックレコーディング勉強会in静岡 160220グラフィックレコーディング勉強会in静岡 160220
グラフィックレコーディング勉強会in静岡 160220
 
グラフィックレコーディング~構造化のコツ~160213 Devlove関西
グラフィックレコーディング~構造化のコツ~160213 Devlove関西グラフィックレコーディング~構造化のコツ~160213 Devlove関西
グラフィックレコーディング~構造化のコツ~160213 Devlove関西
 
情報の『見える化』ってなぜ大事?どうやるの? ~グラフィック・レコーディングで考えてみよう~フェリス女学院大学『社会的起業』
情報の『見える化』ってなぜ大事?どうやるの?~グラフィック・レコーディングで考えてみよう~フェリス女学院大学『社会的起業』情報の『見える化』ってなぜ大事?どうやるの?~グラフィック・レコーディングで考えてみよう~フェリス女学院大学『社会的起業』
情報の『見える化』ってなぜ大事?どうやるの? ~グラフィック・レコーディングで考えてみよう~フェリス女学院大学『社会的起業』
 
イメージや情報を見える化しよう! グラフィックレコーディング・ワークショップ
イメージや情報を見える化しよう! グラフィックレコーディング・ワークショップイメージや情報を見える化しよう! グラフィックレコーディング・ワークショップ
イメージや情報を見える化しよう! グラフィックレコーディング・ワークショップ
 
議論を楽しく見える化しよう!グラフィック・レコーディングワークショップ
議論を楽しく見える化しよう!グラフィック・レコーディングワークショップ議論を楽しく見える化しよう!グラフィック・レコーディングワークショップ
議論を楽しく見える化しよう!グラフィック・レコーディングワークショップ
 
描きながら考える会議で、グループでのグラフィックレコーディングのコツを考えた
描きながら考える会議で、グループでのグラフィックレコーディングのコツを考えた描きながら考える会議で、グループでのグラフィックレコーディングのコツを考えた
描きながら考える会議で、グループでのグラフィックレコーディングのコツを考えた
 
グラフィックレコーディングをやってみよう!成果物・グラフィックレコーディング集 150301
グラフィックレコーディングをやってみよう!成果物・グラフィックレコーディング集 150301グラフィックレコーディングをやってみよう!成果物・グラフィックレコーディング集 150301
グラフィックレコーディングをやってみよう!成果物・グラフィックレコーディング集 150301
 
グラフィックレコーディングをやってみよう!ワークショップ資料 150301
グラフィックレコーディングをやってみよう!ワークショップ資料 150301グラフィックレコーディングをやってみよう!ワークショップ資料 150301
グラフィックレコーディングをやってみよう!ワークショップ資料 150301
 
グラフィックレコーディングワークを考える 150112
グラフィックレコーディングワークを考える 150112グラフィックレコーディングワークを考える 150112
グラフィックレコーディングワークを考える 150112
 
グラフィックレコーディングワークを考える 141124
グラフィックレコーディングワークを考える 141124グラフィックレコーディングワークを考える 141124
グラフィックレコーディングワークを考える 141124
 
グラフィックレコーディングワークを考える 141103
グラフィックレコーディングワークを考える 141103グラフィックレコーディングワークを考える 141103
グラフィックレコーディングワークを考える 141103
 
失敗上等!世にも奇妙な「旅行会社でのUXデザイン 裏話」 #devlove #devlove創
失敗上等!世にも奇妙な「旅行会社でのUXデザイン 裏話」 #devlove #devlove創失敗上等!世にも奇妙な「旅行会社でのUXデザイン 裏話」 #devlove #devlove創
失敗上等!世にも奇妙な「旅行会社でのUXデザイン 裏話」 #devlove #devlove創
 

海外のユーザー向けwebサービスでのユーザーテスト実践