札幌モバイル協議会 140729

Copyright © 2014 Glagrid Inc. All Rights Reserved.
ユーザーの活動に溶け込む
UIを設計するための考え方
株式会社グラグリッド
尾形慎哉
2014.7.29
北海道モバイルコンテンツ・ビジネス協議会勉強会

1
尾形慎哉
自己紹介
株式会社グラグリッド代表取締役
サービスプロデューサー/HCD-Net認定人間中心設計専門家
・事業戦略立案の支援
・プロジェクトファシリテーション
・ユーザエクスペリエンスデザインコンサルティング
・コミュニティによるサービスプロデュース
【対象】
モバイルアプリ、事務機器、旅行、学習塾、家電、
イベント企画、農業、など

活動事例
ユーザー起点のサービス開発への移行プロセス
―株式会社エムティーアイの事例―
尾形慎哉堀口麻奈松尾睦
（神戸大学大学院ディスカッション・ペーパー）
http://www.b.kobe-u.ac.jp/paper/2013_06.html
ユーザー起点での開発を、組織的に、より強化するための仕組みづくり
2

ユーザインタフェースとは？
3

ユーザインタフェースの概念
【ユーザインタフェース】
ユーザーが機器システムを使用するときに、ユーザーと
機器システムが接する接面のこと
ユーザビリティハンドブック,共立出版（2007）
ユーザーシステム
4

POSレジ
操作に手間取り、お客様を待たせてしまう

駅の改札ゲート
通過に時間がかかり、混雑してしまう

目覚まし時計
設定ミスで、寝坊してしまう

8

9

主なユーザビリティ評価手法の特徴
10

主なユーザビリティ評価手法の特徴
11

スイッチ

出典：認知的インタフェース,海保博之（1991）
映画が見られる
水が流れる
照明がつく
インタフェースの二重接面性
13

ユーザインタフェースの概念
【ユーザインタフェース】
UIの向こう側の世界を変えるための窓口
映画が見られる
水が流れる
照明がつく
14

本日の内容
Photo:j0sh
・写真を撮影
・撮影した写真をシェア
・コメントをチェック
・自分の撮影した写真を、
友人がすぐに確認できる
第一接面
第二接面向こう側の世界が
複雑化してきている

本日の内容
それらを取り巻く社会、文化、技術に関連し、使った側の（おもに不
愉快な）経験を通じて変更が重ねられていく。
出典：フォークの歯はなぜ四本になったか,ヘンリー・ペトロスキー（1995）
物理的世界の変化に合わせて、
道具の世界も変わっていく
Photo:wikipedia

ユーザーの生活に溶け込むUI設計に向けて
17

2つのキーワード
取り巻く社会、文化、技術に関連し、
使った側の（おもに不愉快な）経験を通じて
変更が重ねられていくもの
利用状況意味性理解する上での
キーワード
向
こ
う
側
の
世
界
これらを理解した上で、
UIを設計することがポイント
ユーザーの生活に溶け込むUI
18

意味性

意味性
意味性とは、製品やサービスなど、
その人工物のそもそもの目標が
本当に意味あることなのかを問う考え方
U-Site 黒須教授のユーザ工学講義
http://www.usability.gr.jp/lecture/meaningfulness.html
ドライヤーの例
イオン注入機能付き、見た目のバランス、操作性もよい。
しかし、「風力が弱すぎる」のでは髪を乾かすという本来の目標が達成できない。
20

ディスカッション
身の回りで意味性のない製品、サービスの例は？
21

現場ロイドの意味性は？
現場ロイド：http://www.gembaroid.jp/gembaroid/
22

利用状況

ユーザー、仕事、装置、
並びに製品が使用される
物理的及び社会的環境
ISO9241-11

利用状況
並びに製品が使用され
る物理的及び社会的環
境

なぜタオル掛けに
色が付いているのか？
一般的なタオル掛け色のついたタオル掛け
気仙沼プラザホテル
利用状況：タオル掛けの例
27

利用状況：タオル掛けの例
W h o （誰が）
W h e n （いつ）
Where（どこで）
W h a t （何を）
W h y （なぜ）
How（どのように）
宿泊客（複数人）
お風呂から戻った時
ホテルの部屋で
同じ柄のタオルを
乾かすため
半分に折って掛ける
顧客の要求：自分が使ったタオルを再度使いたい
28

実態を知る
フィールドワークデプスインタビュー
利用状況を把握するために
29

インタビュー対象者：日時：／／：
活動やっていること理由／目的感じていること
聞きたい活動どんなもので／どんなことをしているか
利用している理由や目的／
他のものを利用しない理由
意識していること
嫌なこと／不満なこと ←→ 嬉しいこと／好きなこと
例:音楽を聴く例：電車の中で、ハードロックの音楽を聴く満員電車の嫌な気分を紛らわす爽快な気分になりたい
現状把握シート

その時「チーズカレー鍋」の
下段に、見慣れたようで
ちょっと違う
鍋の素が目に飛び込んできた。
「キモチ鍋の素」
あれ、これなんだろう？？？
菜美子は思わず手にとって確
認した。
顧客の体験を記述する
シナリオスケッチカスタマージャーニーマップ
とある日、菜美子は夕食の食
材を買いにいつものスーパー
に出かけた。
そういえば最近鍋していない
し困ったときの鍋頼み、とい
うことでいつものチーズカ
レー鍋にしよう、自然と行き
慣れた陳列棚へ向かった。
※昔（独身時代）、鍋の定番
だったキムチ鍋の存在を菜
体験に合わせて適切なタイミングで提供する
機能・情報と操作デバイスを考える
利用状況を把握するために
31

32
サービスを通した体験
BackStageFrontStage
体験前体験中体験後後
Member
Staff
User
Action
Physical
Evidence
Stage
Line of Interaction
Work Flow
Activity
Think
Activity

デバイスエコシステムにおける6つのパターン
パターン1.一貫性の保持パターン2.状態の同期パターン3.画面共有
パターン4.デバイス間の移動パターン5.相互補完パターン6.同時発生
出典：モバイルIAシンキング,坂本貴史（2014）

まとめ
34

35
ユーザー
機能・情報
利用状況
UIに影響する要素
操作デバイス

取り巻く社会、文化、技術に関連し、
使った側の（おもに不愉快な）経験を通じて
変更が重ねられていくもの
利用状況意味性理解する上での
キーワード
向
こ
う
側
の
世
界
これらを理解した上で、
UIを設計することがポイント
ユーザーの生活に溶け込むUI設計に向けて
36

領域横断の事業設計パートナー
株式会社グラグリッド
www.glagrid.jp
尾形慎哉
ogata@glagrid.jp

札幌モバイル協議会 140729

Recommended

Recommended

More Related Content

Similar to 札幌モバイル協議会 140729

Similar to 札幌モバイル協議会 140729 (20)

札幌モバイル協議会 140729