ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 ＷＥＢ生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/493/room ーーーーーーーーーーーーーーーーーーーーーーー

1. はじまるにゃ♪

2. はじめまして
美馬 直輝
プロデューサー／クリエイティブディレクター
ハイジ・インターフェイス株式会社 CEO
慶応義塾大学環境情報学部卒
熱海在住。東京まで毎日、新幹線通勤中

3. はじめまして
ハイジ・インターフェイス株式会社
http://hyge.co.jp
大学時代の友人と 3 人で 2010 年に起業、現在 10 名で活動中

4. ヱヴァンゲリヲン新劇場版 コラボレーションスマートフォン「 SH-06D NERV」

5. Xperia™ feat. HATSUNE MIKU

6. TOUCH WOOD SH-08C

7. 動画
SH-06D NERV
Xperia™ feat. HATSUNE MIKU
TOUCH WOOD SH-08C
https://www.youtube.com/watch?v=Ouf4LfIxuo8
https://www.youtube.com/watch?v=B_8FUMQE54c
http://vimeo.com/20315072

8. 文化庁メディア芸術祭 公式サイト（第 15 回、第 16 回）

9. mecenat-mark.org

10. nano•universe

11. ハイジ・インターフェイス株式会社
デザイナー募集中！！
recruit@hyge.co.jp
Web・アプリ・モバイル UI などの
インターフェイスをつくる会社

12. みなさんへの質問１
Q. いまどこで見てますか？
職場 自宅1.
外出先 移動中3.
2.
4.

13. みなさんへの質問２
Q. 仕事のときの立場を教えてください
主に 発注側 主に 受注側
その他（自由記入）
1.
両方3.
2.
4.

14. その他（自由記入）学生
みなさんへの質問 3
Q. 職種を教えてください
プロデューサー／ディレクター
プランナー／進行管理 etc.
デザイナー／プログラマー1.
3.
2.
4.

15. では本題に入ります。
はじまるにゃ♪

16. 本題
良いインターフェイスのつくり方
Q. インターフェイスというと
何を思い浮かべますか？

17. インターフェイスとは
インターフェイス＝仲介役
良いインターフェイス＝良い仲介役
提供者
製品つくったよ
サービスつくったよ
こんな会社だよ
面白いコンテンツあるよ
etc...
こういう面白いのが
あってね∼ へぇ、面白そう！！
使ってみる！
仲介役 ユーザー

18. インターフェイスのつくり方
インターフェイスづくりとは！

19. インターフェイスづくりとは
トライ＆エラー

20. トライ& エラー
作って出して、
フィードバックをもらって変更しての
繰り返し

21. トライ＆エラー
・インターフェイスづくりには終わりがない
・何もアップデートされないインターフェイスは飽きられる
・環境やユーザーの変化に合わせていかないと古くなる
UX を考えながら、過度にならないタイミングで
なるべく細やかにアップデートを繰り返していければベスト
試行錯誤してアップデートし続けるのが
インターフェイスづくりの基本

22. でも無限にアップデートを
繰り返すのは大変
できる限りの想定をして
ユーザーの満足度を上げておこう
トライ& エラー

23. ▼
▼
▼
▼
基本的なインターフェイスづくりの流れ
予期的 UX
一時的 UX
エピソード的 UX
累積的 UX
UX
参考：UX 白書、HCD（人間中心設計）etc.
調査
分析
企画
制作
評価
コンセプト作り
情報構成、仕様／設計、
ワイヤーフレーム、デザイン、
プロトタイプ、開発 etc.

24. 良いインターフェイスをつくる
たったひとつの手法
良いインターフェイスのつくり方

25. トレース & ゴー
良いインターフェイスのつくり方

26. トレース
良いインターフェイスのつくり方

27. トレースとは
相手が
いまどういう気持ちで、
どういうことを考えて、
どういう行動をとろうとしているかを
自分と置き換えて考える・感じること

28. まずは
使う人になったつもりで考えてみる
参考：楽しい BADUI の世界 http://badui.org/
良いインターフェイスのつくり方

29. × あっても困らないから入れておこう
× きっと誰かは使うだろう
→誰がどういう時にどれくらいの頻度で使うのか、
なかったら困るのか、きちんと考えて選んでいく。
良いインターフェイスのつくり方

30. 自己満足になっていないか？
使う人のためになっているか？
満足できる体験が得られるか？
困ってしまうようなことがないか？
良いインターフェイスのつくり方

31. ユーザーに対するトレース
チームに対するトレース
関係者に対するトレース
良いインターフェイスのつくり方
どうやってやるか？
一週間に１回でもいいので自分が持っている案件に関わっている人全員をトレースしてみる。
お風呂に入っているときや休日、一人で飲んでいるときなど、落ち着いた時間があるときの方がいい。
いまそのプロジェクトに対してどんなことを思っているか、なにか言いにくい事を抱えてないか
なにか間違った事を意識してないか、危険な事を考えてないかなどをその人になったつもりで感じてみる。

32. & ゴー
良いインターフェイスのつくり方

33. ゴーとは
♪ユーザークライアント制作会社

34. ゴーとは
トレースして分かった事を活用して方向性を共有する。ベクトルを合わせる。
ユーザー
クライアント
制作会社
♪

35. ゴーとは
★

36. まとめ
インターフェイスづくりは
トライ＆エラー

37. まとめ
良いインターフェイスづくりは
トレース＆ゴー
★

38. ありがとうございました
TRY&ERROR
TRACE&GO!

39. 質問タイム

40. □ インターフェイスづくりの NG 集
□ 熱海に移り住んでわかったこと- これからの働き方
□ もっと具体的な仕事の話 - 実践編
□ インターフェイスお悩み相談
などなど。よかったら感想も添えてもらえると嬉しいです。
次回もし授業をするとしたら
どんなお題がいいですか？
課題