Hi Im Sagwan Kim, CDO Another works Inc. About How "Design" is made. * This Slide Share is Lightning talk in 29 Oct 2021 s one.

1. Sagwan Kim CDO, Another works Inc.
｢デザイン」ができるまで
ロゴとUIデザインの製造プロセスを比較して
LIGHTNINGTALK PROGRAM

2. ロゴデザイン
｢デザイン」ができるまで
ロゴとUIデザインの製造プロセスを比較して
ABOUT LOGO DESGIN

3. ロゴデザインのプロセス
LOGO DESIGN | PROCESS
｢デザイン」ができるまで
ロゴとUIデザインの製造プロセスを比較して
要件定義
抽象化と像への落とし込み
ターゲットオブジェクトの抽出
ビジュアルのパターン出し
ディテールの詰め
展開例
完成

4. ロゴデザインの要件定義
LOGO DESIGN | DEFINITION
｢デザイン」ができるまで
ロゴとUIデザインの製造プロセスを比較して
なんのロゴ？使用用途は？どんな印象？どんな姿勢なの？
成し遂げたいことは？譲れないポイントは？
重要なのはとにかく情報を出し切ること
要件定義

5. 抽象化と像への落とし込み
LOGO DESIGN |STATEMENT
｢デザイン」ができるまで
ロゴとUIデザインの製造プロセスを比較して
ステートメントを書く
抽象化と像への落とし込み

6. 抽象化と像への落とし込み
LOGO DESIGN |STATEMENT
｢デザイン」ができるまで
ロゴとUIデザインの製造プロセスを比較して
の要件
1. ｢複業｣といえば我々、という印象をつけたい
2. テックカンパニーとしてのブランドを形作りたい
3. 採用サービス特有のドライさ、冷たさは避ける

7. 抽象化と像への落とし込み
LOGO DESIGN |STATEMENT
｢デザイン」ができるまで
ロゴとUIデザインの製造プロセスを比較して
STATEMENT

8. 抽象化と像への落とし込み
LOGO DESIGN |STATEMENT
｢デザイン」ができるまで
ロゴとUIデザインの製造プロセスを比較して
ターゲットオブジェクトの抽出
「乗り物」「パートナー」
「データ」

9. 抽象化と像への落とし込み
LOGO DESIGN |STATEMENT
｢デザイン」ができるまで
ロゴとUIデザインの製造プロセスを比較して
「乗り物」軸
「パートナー」軸
「データ」軸
船
車
動物
人
動物
ドットの連続
波形
雲
グルーヴ
Target object Motief

10. ビジュアルのパターン出し
LOGO DESIGN |VISUAL PATTERN
｢デザイン」ができるまで
ロゴとUIデザインの製造プロセスを比較して

11. ディテールの詰め∼完成
LOGO DESIGN |VISUAL PATTERN
｢デザイン」ができるまで
ロゴとUIデザインの製造プロセスを比較して

12. ディテールの詰め∼完成
LOGO DESIGN |VISUAL PATTERN
｢デザイン」ができるまで
ロゴとUIデザインの製造プロセスを比較して

13. UIデザイン
｢デザイン」ができるまで
ロゴとUIデザインの製造プロセスを比較して
ABOUT UI DESIGN

14. UIデザインのプロセス
UI DESIGN | PROCESS
｢デザイン」ができるまで
ロゴとUIデザインの製造プロセスを比較して
要件定義
課題の抽出と価値仮説の洗い出し
最高のUXフローの定義
ワイヤーフレームの作成
プロトタイピングとユーザーテスト
UIデザインの詰め・確定

15. ｢デザイン」ができるまで
ロゴとUIデザインの製造プロセスを比較して
UIデザインの要件定義
UI DESIGN | DEFINITION
要件定義
WHO? WHAT? HOW?
インタビューで集めることもよくあります
VALUE
Users voice = Problem
SOLUTION
課題解決に適切？
より大きな価値を提供できる？
本当にユーザーのとって価値になっている？

16. ｢デザイン」ができるまで
ロゴとUIデザインの製造プロセスを比較して
最高のUXの定義
UI DESIGN | UX DEFINITION
Customer Journey Mapがよく利用されます
大切なのは
「最高」のUXであること
最高のUXフローの定義

17. ｢デザイン」ができるまで
ロゴとUIデザインの製造プロセスを比較して
具体化のプロセス
UI DESIGN | PROCESS FOR GIVING SHAPE
出来上がった
最高のUXフロー
ワイヤーフレームの作成
ワイヤーはライティングもしっかりと
プロトタイピングと
ユーザーテスト

18. デザインの製造プロセスに見る共通項
｢デザイン」ができるまで
ロゴとUIデザインの製造プロセスを比較して
COMMON DENOMINATOR

19. 意図しないUXのダークパターンを
起こさないためのVOICE &TONEのススメ
共通項
発散と収束が2回ずつ発生する
ロゴデザイン
UIデザイン
要件定義 抽象化
ターゲット
オブジェクトの抽出
ビジュアルの
パターン出し
ディテールの詰め
像への
落とし込み
要件定義
課題の抽出と
価値仮説の洗
い出し
最高のUXの
定義
プロトタイピ
ングとユー
ザーテスト
ワイヤーと
UI作成
UIのデザイン
の確定
発散
発散
収束 収束

20. 意図しないUXのダークパターンを
起こさないためのVOICE &TONEのススメ
共通項
発散と収束が2回ずつ発生する
ロゴデザイン
UIデザイン
要件定義 抽象化
ターゲット
オブジェクトの抽出
ビジュアルの
パターン出し
ディテールの詰め
像への
落とし込み
要件定義
課題の抽出と
価値仮説の洗
い出し
最高のUXの
定義
プロトタイピ
ングとユー
ザーテスト
ワイヤーと
UI作成
UIデザインの
詰め・確定
発散
発散
収束 収束
定義 実行

21. 製品やサービスの品質を上げていくため
WHY DESIGN?
意図しないUXのダークパターンを
起こさないためのVOICE &TONEのススメ

22. 意図しないUXのダークパターンを
起こさないためのVOICE &TONEのススメ
ロゴデザイン
UIデザイン
要件定義 抽象化
ターゲット
オブジェクトの抽出
ビジュアルの
パターン出し
ディテールの詰め
像への
落とし込み
要件定義
課題の抽出と
価値仮説の洗
い出し
最高のUXの
定義
プロトタイピ
ングとユー
ザーテスト
ワイヤーと
UI作成
UIデザインの
詰め・確定
発散
発散
収束 収束
定義 実行
実は
実行フェーズがほとんど（80-90%）
80~90%

23. 意図しないUXのダークパターンを
起こさないためのVOICE &TONEのススメ
収束
定義
実行フェーズを繰り返し、定義づけにフィードバック
発散
フィードバック・再定義

24. 👋
ありがとうございました！
意図しないUXのダークパターンを
起こさないためのVOICE &TONEのススメ