1. about UX Design
What, Why, and How?
NCデザイン＆コンサルティング株式会社
Roy Kim / 金 成哲
@Roy_S_Kim

2. 自己紹介
金 成哲 / @Roy_S_Kim
kim@ncdc.co.jp
ソリューションディレクター
NCデザイン＆コンサルティング株式会社
http://ncdc.co.jp
K

3. 企業システム
コンサルティング
＆
ソリューション開発
やっていること
スマートフォン
＆
タブレットPC
UX Design
NCDC

4. やっていること (コンサルティングの他に)
スマートデバイスと
企業システムについて語った
有一の本

5. やっていること (コンサルティングの他に)
Enterprises Mobile BaaS
サーバー開発不要！
低コスト、短納期！
AppPot

6. ところが、私の職歴は、
グランスフィア（株）...................................エンジニア
デロイト・トーマツコンサルティング......コンサルタント
日本BEAシステムズ（株）............シニアコンサルタント
日本オラクル（株）............プリンシパルコンサルタント
EMCジャパン（株）..................................アーキテクト
エージェンテック（株）.............プロダクトマネージャー
NCDC（株）......................ソリューションディレクター

7. どちらかと言うと、
エンジニア
コンサルタント
シニアコンサルタント
プリンシパルコンサルタント
アーキテクト
プロダクトマネージャー
ソリューションディレクター
技術職が長い

8. ここで疑問、
なんでエンジニアが
デザインを語るのか？

9. Design is not just it looks like or feels like.
Design is how it works.
‘The’ Steve P. Jobs

10. Design is NOT a talent.
Design is a process of thinking.
Jared Sinclair
Author of @unread

11. Design is NOT a talent.
Design is a process of thinking.
デザインは学習できる。例え、私でも。
金 成哲

12. 今日のアジェンダ
‣ What is the UX Design?
‣ Why UX Design now?
‣ How to do?

13. What is UX Design?

14. UXデザインとは？
ユーザーの経験（User Experience）
をデザインすること。

15. UXデザインとは？
製品やサービスと関わる
ユーザーの経験（User Experience）
をデザインすること。

16. UXデザインとは？
製品やサービスと関わる
ユーザーの経験（User Experience）
をよりいいものにすること。

17. UXデザインとは？
製品やサービスと関わる
ユーザーの経験（User Experience）
をよりいいものにすること。
タッチポイント
(User Interface)

18. スズキ
K
企業活動における多様なタッチポイント

19. 企業が制御できるタッチポイント
企業がデザインできるUIは企業活動の各シーンで異なる
個々のシーンでいいUIを提供することがいいUXに繋がる
++ +
ストア
（購入時のUI）
パッケージ
(製品受領時のUI)
HW & SW
（ 使用中のUI）
ジーニアスバー
(トラブル時のUI)
直接的タッチポイント

20. 企業を取り巻く環境が提供するタッチポイント
企業はマーケティングやPRを通してUXの向上を目指す
++ +
雑誌など
（情報）
他のユーザー
（口コミ）
セレブとMac
（イメージ）
競争製品
（比較）
間接的タッチポイント
スズキ

21. UXは多様なタッチポイントにおける満足度の総和
+ =

22. UXは多様なタッチポイントにおける満足度の総和
+ =

23. より身近な例で言えば、
飲み屋でのUXを考えてみたら？
• ウェブサイトの画像、説明、口コミ
• 店員の挨拶
• インテリア、匂い
• メニュー
• 味
• トイレの掃除状態
• 会計時の態度等
!

24. あなたの考慮すべきタッチポイントは？
+ =

25. Unboxing!
この瞬間の匂いを
知っていますか？

26. UI = Touch Point
UIはUXのために存在する (UI = 手段、UX = 結果)
「なぜこのようなUIデザインをしたの？」
と言う問いに対する答えがUX
参考：UXとUIの関係

27. Why UX Design now?

28. 去年からUI/UXデザインの引き合いが多くなった
既存ソリューションのスマートデバイス対応をきっ
かけにUIデザインを見直すことが多い
来期の予算策定のための相談が多くなった。
多様な業界、例えばH/Wのメーカーからの相談も
増えてきた。
他社の状況

29. エンジニア向け実践的UI/
UXデザイン
（５０人募集のつもりが２００人に！）
他にもUXデザインのイベ
ントが盛りだくさん
UXデザインに対する業界の関心

30. その理由？顧客の目線が高くなった
SIer
スマートフォンが出てからさ、いきなりお客さんが
デザインにうるさくなってきたんだた。しかし、うち
は今までデザインを意識したことがない。困ったね。
どうすればいい？
※東京のあるSIerのマネージャーの３年前の話
ぜんぶアップル
のせいだ。

31. 良いものを見てしまうと差が分ってしまう
Windows application

32. 良いものを見てしまうと差が分ってしまう
vs
Windows application iPad app

33. 初期 成長期 成熟期 飽和状態
イノベーション
• 新製品発表
• 新しい機能だけ
で売れる
競争の激化
• 機能の強化
• 機能の多様化
• 高機能、多機能
な製品が売れる
コモディティ化
• 価格競争の激化
• 低価、デザイン
がいいもの売れ
る
細分化、専門化
• 特定機能の強化
• 特定顧客に集中
• 薄利多売
• 顧客に最適化さ
れたものが売れ
る
マーケットの成熟

34. 初期 成長期 成熟期 飽和状態
イノベーション
• 新製品発表
• 新しい機能だけ
で売れる
競争の激化
• 機能の強化
• 機能の多様化
• 高機能、多機能
な製品が売れる
コモディティ化
• 価格競争の激化
• 低価、デザイン
がいいもの売れ
る
細分化、専門化
• 特定機能の強化
• 特定顧客に集中
• 薄利多売
• 顧客に最適化さ
れたものが売れ
る
マーケットの成熟 今ここ？

35. 初期 成長期 成熟期 飽和状態
イノベーション
• 新製品発表
• 新しい機能だけ
で売れる
競争の激化
• 機能の強化
• 機能の多様化
• 高機能、多機能
な製品が売れる
コモディティ化
• 価格競争の激化
• 低価、デザイン
がいいもの売れ
る
細分化、専門化
• 特定機能の強化
• 特定顧客に集中
• 薄利多売
• 顧客に最適化さ
れたものが売れ
る
マーケットの成熟
御社は？

36. How to do UX Design?

37. もっとも簡単な方法

38. もっとも簡単な方法
NCDCに発注する！

39. UXデザインの導入手順
1.NCDCに任せる
2.UXデザインの基本知識を習得する
3.自社に必要なUXデザインの定義をする
4.UXデザインの資産を作る
5.実行し、改善を続ける

40. 自社に必要なUXデザインを定義する
+
1.自社とお客様とのタッチポイントをみつける

41. http://www.artificialindustry.com/inspiratie/81/human+centered+design
満足度の向上
（UXデザインで目指
すところ）
機能の提供
（最低限のUX）
機能する
信頼できる
使いやすい
思いのまま使える
楽しい・共有したい
価値がある
自社で目指すべきXデザインのレベルを決める
2. 各タッチポイントで求められる
UXを定義する

42. 自社で目指すべきUXデザインのレベルを決める
3. 自社の現状のUXを評価し、対応策を設ける

43. UXデザインの基本知識を習得する
怖がることはない
絵心は不要（あればもっといいけど）
論理的な思考だけで十分
プログラミングができればデザインもできる

44. UXデザインの基本知識を習得する

45. UXデザインの基本知識を習得する
実は、
既に慣れている領域
新しい領域
（ ソフトウェアのUX
デザイン）

46. UXデザインの基本知識を習得する
‣全ての部分に論理的思考が必要
‣美的センス／グラフィックデザ
インの専門スキルが必要がのは
ごく一部
美的センス
論理的思考

47. 別の表現
論理的思考
美的センス

48. UIデザインの基礎
（基本要素）
後で時間があれば・・・

49. 既存のITプロジェクトの開発プロセス
要件定義 設計と実装 テスト
Agile Process
要件定義 設計 実装 テスト
Waterfall Process
リリース
リリース
リリース
リリース

50. ITとUXデザインプロセスのマッピング
目指す
UX
結果としての
UX
実現手段
としてのUI
要件定義 設計 実装 機能テスト
UXデザイン UIデザイン
ユーザビリティ
テスト
リリース

51. 目指す
UX
結果としての
UX
実現手段
としてのUI
要件定義 設計 実装 機能テスト
UXデザイン UIデザイン
ユーザビリティ
テスト
リリース
目指す
UX
結果としての
UX
実現手段
としてのUI
要件定義 設計 実装 機能テスト
UXデザイン UIデザイン
ユーザビリティ
テスト
リリース
目指す
UX
結果としての
UX
実現手段
としてのUI
そして、これらの反復
要件定義 設計 実装 機能テスト
UXデザイン UIデザイン
ユーザビリティ
テスト
リリース

52. UXデザインのタスク
目指す
UX
結果としての
UX
実現手段
としてのUI
要件定義 設計 実装 機能テスト
UXデザイン UIデザイン
ユーザビリティ
テスト
リリース

53. UXデザインのタスク
ユーザー調査
コンテキスト調査
ペルソナ定義
ストーリーボード
作成
メンタルモデル作成
機能一覧作成
データ
モデリング
UIプロトタイプ作成
画面フロー作成
UXデザイン
ユーザと環境の調査
ユーザーのゴールと
対象範囲確定
機能とデータの定義 UI作成
UIスケッチ

54. 参考：弊社（NCDC）の方法論

55. 参考：弊社（NCDC）の方法論
DeeCorp版の作成

56. UXデザインの資産を作る
‣ 自社用デザインガイドラインを
作成する
‣ デザインのチェエクリストを作っ
て活用する
‣ 上記資産を業務プロセスに適用
する

57. 実行し、改善を続ける
‣ KPIの定義と測定
‣ 定期的なフィードバックと改善
‣ ビジネス環境、時代に合わせた
改善を行う

58. 推奨の本
誰にも易しい

59. 推奨の本

60. 最後に

61. デザインは相手に対する心遣い
UI/UXデザインは結局のところ、
ユーザーに対する「もてなし」をどうするか？
を考えること
意外と日本人には向いているかも？