いいUIわるいUI

非デザイナーの方やこれからUIデザインを勉強する方向けに、いいUIわるいUIの基本的な見分け方をまとめてみました。

Transcript

1. いいUIわるいUI
2. UIとは何の略？
3. User Interface
4. 010101010101010 101010101010101 010101010101010 101010101010101 010101010101010 ユーザー システム インターフェース
5. UIは大きく2種類あります
6. アナログUI デジタルUI
7. アナログUI デジタルUI
8. デジタルUIにも 大きく2種類あります
9. GUI Graphical User Interface CUI Character User Interface
10. GUI CUI
11. クイズ
12. これって いいUI？わるいUI?
16. いいUIかわるいUIかの基準は？
17. 使う人や環境など、 前提条件によって変わる いいUIかわるいUIかの基準は？
18. 使う人や環境など、 前提条件によって変わる いいUIかわるいUIかの基準は？ Who（だれが）
19. 使う人や環境など、 前提条件によって変わる いいUIかわるいUIかの基準は？ Who（だれが） How（どのような環境で）
20. 使う人や環境など、 前提条件によって変わる いいUIかわるいUIかの基準は？ Who（だれが） How（どのような環境で） What（なんのために）
21. UIの良し悪しを判断するときは 前提条件を明確にしましょう
22. UIデザイナーが 考えている 3つのこと
23. UIデザイナーが考えていること その1
24. UIデザイナーが考えていること その1 そもそも 人間が使いやすいか
25. UIデザイナーが考えていること その2
26. UIデザイナーが考えていること その2 実現性がどれだけあるか
27. UIデザイナーが考えていること その3
28. UIデザイナーが考えていること その3 ・まよわない ・おぼえやすい ・ここちいい
29. UIデザイナーが考えていること その3 ・まよわない ・おぼえやすい ・ここちいい 逆に… ・混乱させないか？ ・覚えてもらえるか？ ・傷つけないか？
30. UIデザイナーが考えている 3つのこと
31. UIデザイナーが考えている 3つのこと ・人間が使いやすいか ・実現性があるか ・まおこ ・人間が使いやすいか ・実現性があるか ・まおこ
32. その1 そもそも 人間が使いやすいか
33. 「人間が使いやすい」ってことは つまり？
34. 直観的
35. 直観的 思考・推理などによらず、 瞬間的・直接的・感覚的に物事の本質を 見てとるさま。
36. 直観的を実現するもの
37. 直観的を実現するもの ‑ 色の機能 ‑ レイアウトの機能 ‑ インタラクション ‑ アフォーダンス ‑ タイポグラフィ ‑ 非言語コミュニケーション ‑ 視覚、聴覚、触覚、錯覚 ‑ 学習能力、認知力、記憶力 ‑ 感情表現 ‑ メンタルモデル
38. その2 実現性がどれだけあるか
39. どんなすばらしそうなUIでも 実現できなきゃ価値がない
40. 実現性の種類
41. 実現性の種類 ・技術的実現性 ・経済的実現性 ・組織的実現性
42. 実現性の種類 OS 仕様、言語制約、メモリ、構造、開発環境 予算、投資対効果、持続可能性 人的リソース、時間リソース、事業判断 ・技術的実現性 ・経済的実現性 ・組織的実現性
43. その3 まおこ
44. その3 ・まよわない ・おぼえやすい ・ここちいい
45. おさらい
46. いいUIかわるいUIかの基準は？
47. いいUIかわるいUIかの基準は？ 使う人や環境など、 前提条件によって変わる Who（だれが） How（どのような環境で） What（なんのために）
48. UIデザイナーが考えている 3つのこと
49. UIデザイナーが考えている 3つのこと ・人間が使いやすいか ・実現性があるか ・まおこ ・人間が使いやすいか ・実現性があるか ・まおこ
50. UIデザインを 勉強するには？
51. UIを知って、
52. UIを知って、 UIを観察して、
53. UIを知って、 UIを観察して、 UIを作ってみる
54. UIを知って、 UIを観察して、 UIを作ってみる これを繰り返すのみ!!
55. Thanks!!