札幌モバイル協議会 140729

Copyright © 2014 Glagrid Inc. All Rights Reserved.

ユーザーの活動に溶け込む UIを設計するための考え方

株式会社グラグリッド

尾形慎哉

2014.7.29

北海道モバイルコンテンツ・ビジネス協議会勉強会

Copyright © 2014 Glagrid Inc. All Rights Reserved. 1

尾形慎哉

自己紹介

株式会社グラグリッド代表取締役サービスプロデューサー/HCD-Net認定人間中心設計専門家

・事業戦略立案の支援・プロジェクトファシリテーション・ユーザエクスペリエンスデザインコンサルティング・コミュニティによるサービスプロデュース

【対象】

モバイルアプリ、事務機器、旅行、学習塾、家電、

イベント企画、農業、など


活動事例

ユーザー起点のサービス開発への移行プロセス ―株式会社エムティーアイの事例―

尾形慎哉堀口麻奈松尾睦

（神戸大学大学院ディスカッション・ペーパー）

http://www.b.kobe-u.ac.jp/paper/2013_06.html

ユーザー起点での開発を、組織的に、より強化するための仕組みづくり

2


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

3


ユーザインタフェースの概念

【ユーザインタフェース】

ユーザーが機器システムを使用するときに、ユーザーと

機器システムが接する接面のことユーザビリティハンドブック,共立出版（2007）

ユーザーシステム

4


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


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


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


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

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


サービスを通した体験 Back S

tage

Fro

nt

Sta

ge

体験前体験中体験後後

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


ユーザー

機能・情報

利用状況

UIに影響する要素

操作デバイス


取り巻く社会、文化、技術に関連し、

使った側の（おもに不愉快な）経験を通じて

変更が重ねられていくもの

利用状況意味性理解する上でのキーワード

向こう側の世界

これらを理解した上で、 UIを設計することがポイント

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

36


領域横断の事業設計パートナー

株式会社グラグリッド

www.glagrid.jp

尾形慎哉 [email protected]

札幌モバイル協議会 140729

Design