NTT Tech conference #2 https://ntt-developers.github.io/ntt-tech-conference/02/

1. © 2017 NTT Group
NTT Tech Conference #2
401ホール 16:10-
ハッシュタグ
#NTTtech
#NTTtech401
UXデザインのすゝめ

2. © 2017 NTT Group
UXデザインのすゝめ
いわた・くさの・ごとう
2
ソフトウェアを設計することは大事だけど
ユーザ体験(User eXperience=UX)も設計すると
開発に良いことがあるよ, というおはなし

3. © 2017 NTT Group
みなさんこんにちは！
•祝 Tech Conference #2 開催！！
•祝 UXデザイン初上陸！！！！
•本日はいわた・くさのでお送りいたします

4. © 2017 NTT Group
発表者紹介 - 草野 こうき
•2010年 NTT研究所入社
•大企業から魅力的なサービスが生み出さ
れる仕組みをつくるべく，デザイン研究
に従事する研究者＆大学教員＠慶應義塾
•研究で必要ならエンジニアリングだろう
が何でもやる
•ツッコミ役

5. © 2017 NTT Group
発表者紹介 - 岩田 ゆうへい
•2013年 NTTコミュニケーションズ入社
- HCD-Net認定 人間中心設計専門家
•大企業が顧客志向をできるように体質改善を
すべく，RIZAPのごとく頑張っているサービ
スデザイナ＆iOSエンジニア
•3月までは機械学習系のR&Dをしていた
らしい
•プレゼン役

6. © 2017 NTT Group
発表者紹介 - 後藤 たくや（本日無念の欠席！）
•2010年 NTTドコモ入社.
•使いにくい大企業の社内システムを駆逐すべ
く，デザイナ不在の組織で奮闘するエンター
プライズサービスデザイナ＆UIデザイナ（元
フロントエンドエンジニア）

7. © 2017 NTT Group
なぜTech ConferenceでUX？

8. © 2017 NTT Group
なぜTech ConferenceでUX？
ソフトウェアエンジニアも
意識すると良い領域だから（確信）

9. © 2017 NTT Group
なぜソフトウェアエンジニアも
UXを意識すると良いのか？

10. © 2017 NTT Group
なぜソフトウェアエンジニアも
UXを意識すると良いのか？
開発プロセスに密接に関係しているから
（ユーザが人間 👪 の場合）

11. © 2017 NTT Group
今回お話ししたいこと
•UXデザインは，UIデザインに比べて
設計対象の領域が明らかに広いこと
•UXデザインの検討は，開発チーム全員で
ユーザ中心に考えることが大事であること
•そのために我々は…
- UXデザインの概要を説明
- 弊社での取り組み事例を交えて説明
- エンジニア目線を忘れず説明

12. © 2017 NTT Group
軽く一緒に考えてみましょう

13. © 2017 NTT Group
火をつける
いま，あなたはおしゃれなバーにいます．そこでとても魅力的な
異性が横に座ってお酒を飲んでいることに気づきました．
そんな異性が，タバコを吸いたいのに火がなくてがっかりしてい
ます．そのとき，異性にお近づきになるために，あなたはどのよ
うな道具で火をつけたいと思いますか？

14. © 2017 NTT Group
火をつける
いま，あなたはおしゃれなバーにいます．そこでとても魅力的な
異性が横に座ってお酒を飲んでいることに気づきました．
そんな異性が，タバコを吸いたいのに火がなくてがっかりしてい
ます．そのとき，異性にお近づきになるために，あなたはどのよ
うな道具で火をつけたいと思いますか？
100円ライター 広告入のマッチ ジッポ その他

15. © 2017 NTT Group
火をつける - UI と UX
その選んだ気持ちや文脈が，UXの一部
機能的には同じものでも，状況によって価値は異なる
答えは人や状況によって異なる
あなたがユーザだったら状況によって
欲しいものが変わりませんか？

16. © 2017 NTT Group
もう少し考えてみよう
・2〜3人一組になってください
・まずは1人で以下の問いにアイデアを出してみよう
花を飾る花瓶を作る

17. © 2017 NTT Group
もう少し考えてみよう
・2〜3人一組になってください
・まずは1人で以下の問いにアイデアを出してみよう
花を飾る花瓶を作る
食事を楽しむための花の飾り方を考える

18. © 2017 NTT Group
もう少し皆で考えてみよう
・2〜3人一組で思考の違いを共有してみましょう
花を飾る花瓶を作る
食事を楽しむための花の飾り方を考える

19. © 2017 NTT Group
もう少し皆で考えてみよう
・2〜3人一組で思考の違いを共有してみましょう
花を飾る花瓶を作る ← UI寄り(モノ)
食事を楽しむための花の飾り方を考える ← UX寄り(コト)

20. © 2017 NTT Group
ここから理論的な話

21. © 2017 NTT Group
はじめに
•UXには明確な，一つの定義はありません
- 使い手の都合よく使われているので混乱します
•今回話すのも，あくまでメジャーな捉え方の一つです

22. © 2017 NTT Group
UXとUIのデザインで考える対象範囲
大まかにいうと
これら全部以上の
範囲を考えるのが
UXデザイン
UIデザインは
この辺が中心
http://www.jjg.net/elements/translations/elements_jp.pdf
この図を描いたのはAjaxと
いう言葉の生みの親
＠Adaptive path
ビジュアル
インタフェース ナビゲーション
情報
インタラクション
情報アーキテクチャ
機能仕様 コンテンツ要件
ユーザの需要
サイトの目的（戦略）
具体
抽象

23. © 2017 NTT Group
UXの段階いろいろ
予期的UX 一時的UX エピソード的UX 累積的UX
時間軸
UX白書：http://site.hcdvalue.org/docs

24. © 2017 NTT Group
UXの段階いろいろ
予期的UX 一時的UX エピソード的UX 累積的UX
広告とか
支配的
UIが
支配的
「通信会社って
固そう」
みたいなブランド
時間軸
UX白書：http://site.hcdvalue.org/docs
1つの体験
ストーリー

25. © 2017 NTT Group
UXデザインの流れ
•反復的に進めるので基本はアジャイル型と同じ
•ユーザを見て, ユーザの価値を最大化する
調査・分析 コンセプト設計 プロトタイプ 評価 提供
ここを少し
詳しく
参考：安藤 昌也 - UXデザインの教科書

26. © 2017 NTT Group
もう少し具体的にUXからUIを考える方法
（シナリオ）
•バリューシナリオ
- ユーザに提供する価値を端的に表す
•アクティビティシナリオ
- ユーザが価値をどのように体感するのか具体的に表す
•インタラクションシナリオ（UI）
- 活動するかをシステムがどのように実現するかを表す
- （UIの表現が含まれる）
参考：ビジョン提案型デザイン手法

27. © 2017 NTT Group
シナリオ例
•バリューシナリオ
- 家計簿作成初心者が，少ない入力の手間で収支を正確に管理する．
•アクティビティシナリオ
- タクヤはこの仕組みを，残金を管理するために利用する．彼はこの
仕組みで小遣いの残金を知る．また，収入額を記録したり，使った
金額を記録したりする．・・・（以下省略）
•インタラクションシナリオ
- タクヤはスマートフォンを取り出し，家計簿アイコンをタップして
アプリを起動する．記録内容一覧が項目別にグラフと数値で表示さ
れ，現在の残金が¥22,700と表示される．・・・
http://uxxinspiration.com/2014/11/structured-scenario/

28. © 2017 NTT Group
UXデザインで捉える必要のある3要素
•UXを追求する = 価値に対価をもらえる = 価値を持続できる
- 技術視点でどのように実現できるのかを考えることも必要
- ビジネス視点（どのように持続可能にするか）の設計も必要
- お客様の良い体験のために無償で尽くすわけではない！！
Business
Customer Technology

29. © 2017 NTT Group
211%

30. © 2017 NTT Group
UXデザインとビジネス
•10年以上デザイン主導の会社はS&P500に比べて高い株価
211%
http://www.dmi.org/?DesignValue @2015
Business
Customer Technology

31. © 2017 NTT Group
UXデザインと開発
•正しくつくる
- 要求を満たすために品質の高い実装をする
- 数多くの開発手法がある（Agile, Scrum, DevOps, …）
•正しいコト・モノ
- ユーザにとって価値ある要求を的確に捉えたコト・モノ
- UXデザインがある
Customer Technology
Business

32. © 2017 NTT Group
ここまでの簡単なまとめ
•UXデザインは，UIデザインに比べて
設計対象の領域が明らかに広い
•UXデザインの検討は，開発チーム全員(それぞれの立場)で
ユーザ中心に考えることが大事であること

33. © 2017 NTT Group
質問タイム🙋

34. © 2017 NTT Group
弊社での取り組み事例の紹介
https://inforium.nttdata.com/foresight/service-designing.html

35. © 2017 NTT Group
背景：社会的要請の高まり😤
•サービスが飽きるほどある
- ニーズにマッチしてないとすぐ他サービスへ（買い手市場）
- 使いにくいとすぐ捨てられる
•なのでユーザ理解が大事
- 文脈やニーズを捉えてサービスをつくる必要性が増している
•そのための方法としてUXデザインがある

36. © 2017 NTT Group
背景：デザイナがいないという歴史😤
•デザイナという職種がいない会社
•そもそも狭義のデザインもできる人がいない
- デザインの価値を体感している人が少ない
•そもそもUXデザインの価値を体感するところから必要
- 相手選びや，コラボができる基礎知識が必要
↓メーカーのプロダクトデザイナ的な

37. © 2017 NTT Group
そのための研究開発😉
•R&Dでは，ユーザを中心とした考え方に基づいて「ユーザ
に喜んでもらえるサービスをつくる方法論」を研究中
•専門家が暗黙的なノウハウを活用しながらサービスづくり
をしていたところを，初心者でも取り組めるようにノウハ
ウの形式知化を目指している

38. © 2017 NTT Group
例：Co-Creation Method（コクリ）😁
•ヒトから学ぶサービスづくりの入門書
•1時間から始められる実践と学習のガイド
•ユーザ中心の考え方を実践形式で体験
https://inforium.nttdata.com/foresight/service-designing.html

39. © 2017 NTT Group
とりあえず気軽にやる気になってもらう
•業務に溶け込むシンプルな見た目
•手に取りやすい冊子の薄さ
- 83ページ
•実施時間が60分以内構成
- サービス企画の悩みに絞ることで，
冊子の薄さと60分以内に実践可能な
ワーク構成
•UXデザインの有用性を世の中の
動向と事例とともに記載

40. © 2017 NTT Group
始めやすくするために業務とつなげる
•業務中の悩み解決に特化
- 悩み判断シートで迷わず行ける
•即・実践的に試せる
- 有用性を実感しやすい
•ワーク後にオススメ
- 次何をすれば良いかわかる
- 自然と反復的に作業できる

41. © 2017 NTT Group
わかりやすいやり方を見せる
•未経験者でも理解しやすい説明文
•ワークの内容を細かいステップで
区切る
- 未経験者でも進めやすい
•考え方や参考となるノウハウは
Tips化
- 作業を阻害しない

42. © 2017 NTT Group
活用中
•NTTグループに展開中（じわじわ）
•デザイン活用の推進者から入門編として高評価
•研修用ツールやコンサルツールとして活用中
•現場で活用いただくことで，次期研究の知見も収集中

43. © 2017 NTT Group
質問タイム🙋

44. © 2017 NTT Group
具体的な例でUXを考えてみよう

45. © 2017 NTT Group
メッセージ・ファイル共有することのUX
•例えば誤送信を防ぐのに？
- メール送信のために，何回も確認クリックを強制
- 添付ファイルを送るために必ず暗号化（上長確認）
•一方で・・・
- 宛先の決まったグループチャットで対話
- ファイルは共有者の決まったクラウドの暗号化共有フォルダで管理

46. © 2017 NTT Group
皆で考えてみよう
・2〜3人一組で次の要求について話し合いましょう
メッセージとファイルの誤送信を防いでください

47. © 2017 NTT Group
皆で考えてみよう
・2〜3人一組で次の要求について話し合いましょう
メッセージとファイルの誤送信を防いでください
ミスが起きにくいオンライン情報共有の仕方を考える

48. © 2017 NTT Group
皆で考えてみよう
・2〜3人一組で次の要求について話し合いましょう
メッセージとファイルの誤送信を防いでください
ミスが起きにくいオンライン情報共有の仕方を考える

49. © 2017 NTT Group
現場でもうまく使うために
•エンジニアがすぐに取り入れられるアクション
•UXをやるときのマインドの持ち方

50. © 2017 NTT Group
エンジニアがUXデザインを取り入れるための
アクション
•自分が作ったソフトウェアを使っている人を見よう
- UIをテストするときは，使っている人の顔を見る
- 楽しそうにやっているか，行動・表情も大事
- 「良いと思います」は信じない
•GUI以外もユーザ中心に考えてみよう
- APIはApplication Programing Interface
・開発者中心に，UXを考えてみよう
- APIが使いやすいと，良いものが生まれる機会が増える

51. © 2017 NTT Group
•本当に必要なものを，みんなで，反復的に考えよう
UXデザインをやるときのマインド
参考：https://hajipion.com/2321.html
Business
Customer Technology

52. © 2017 NTT Group
•本当に必要なものを，みんなで，反復的に考えよう
UXデザインをやるときのマインド
Business
Customer Technology
Designer Engineer
Marketer
参考：https://hajipion.com/2321.html

53. © 2017 NTT Group
おわりに

54. © 2017 NTT Group
今回お話ししたこと
•UXデザインは，UIデザインに比べて
設計対象の領域が明らかに広いこと
•UXデザインの検討は，開発チーム全員で
ユーザ中心に考えることが大事であること
UXデザインは正しいものを正しく作るための一方法です
みなさん良い感じに，活用していきましょう！

55. © 2017 NTT Group
「天は人の上に人を造らず人の下に人を造らず」

56. © 2017 NTT Group
参考資料
https://www.amazon.co.jp/dp/4621300377/
https://www.amazon.co.jp/dp/4844374214/