保育士がデザイナーになって直面した壁とこれからの挑戦

by Sayaka Kubo

Slide 1

Slide 1 text

窪　彩花保育士がデザイナーになって直面した壁とこれからの挑戦

Slide 2

Slide 2 text

目次自己紹介直面した壁と乗り越えるために取り組んだこと ● 壁1：デザイン知識ゼロスタート ● 壁2：デザインツール使いこなせない ● 壁3：言語化って思ったより難しいこれから挑戦したいこと 2

Slide 3

Slide 3 text

3 自己紹介

Slide 4

Slide 4 text

プロフィール名前くぼ趣味キャンプ/釣り/ボードゲーム/Netflix 経歴保育士→フリーランス→クラメソ所属 CX事業本部Delivery部デザインチーム 4 役割アシスタントデザイナー (UIデザイナー) これまで経験したこと UI画面/バナー/ロゴ/アイコン/イラスト/ スライド/Tシャツ//印刷物よく使うツール Figma/Illustrator/Photoshop/Sketch

Slide 5

Slide 5 text

5 UIデザイナーを目指していた訳ではありませんでした

Slide 6

Slide 6 text

Slide 7

Slide 7 text

7 「デザイン」にずっと興味はあった

Slide 8

Slide 8 text

8 ダメ元で受けてみよう！！

Slide 9

Slide 9 text

9 クラメソに入社してガラっと人生変わりました！！

Slide 10

Slide 10 text

10 保育士からデザイナーになって直面した壁と乗り越えるため取り組んだこと

Slide 11

Slide 11 text

11 壁1 そもそものデザイン知識がない

Slide 12

Slide 12 text

デザイン知識がないことで発生する問題 1 日常発生する簡単な業務すら、1人ではこなせないデザイン知識がなさすぎることで、簡単な業務すら1人ではこなせません先輩がいないと私の仕事は進まない上に、最初は時間がとてもかかってしまっていました 12

Slide 13

Slide 13 text

デザイン知識がないことで発生する問題 2 初稿がとてつもなく遅い「こういうケースではこんなデザインテイストがいい」などの知識もないため、一体何をどこから作り始めたらいいのか最初はまったく分かりませんでした。「一旦好きに作ってごらん」が一番迷って時間かかりました！笑 13

Slide 14

Slide 14 text

デザイン知識がないことで発生する問題 3 何から勉強したらいいのかわからない基礎的な知識も何もないため、そもそもUIデザイナーとして今後働いていくために何を勉強したらいいのかも分かりませんでした「デザイン」と一言で言っても領域が広すぎるので、どう進むべきか先輩や上司に相談しながら進めました 14

Slide 15

Slide 15 text

15 壁を乗り越えるデザイン基礎知識の勉強からスタートとにかく勉強！経験！勉強！

Slide 16

Slide 16 text

これまでに取り組んだこと ● baigie webデザインドリル  ● デザインを学べるサイトのトレーニングをやる  ● 自分でアプリのUIを考えてみる  ● 実案件での業務で必要知識を学ぶ  16

Slide 17

Slide 17 text

baigie デザインドリル 17

Slide 18

Slide 18 text

デザインを学べるトレーニングを提供していた今はなき「Cocoda!」 18

Slide 19

Slide 19 text

デザインを学べるサービス「chot.design」 19

Slide 20

Slide 20 text

自分でUIデザインを考えてみる 20

Slide 21

Slide 21 text

Daily　UI 21 登録すると100日間毎日お題がメールで届きます！ターゲットや要件などの細かい指定などはないため、自分で深掘りして取り組むことも可能です世界的に取り組んでいる人がいるため #daily UIで検索すると様々なUIデザインをみることができて面白いです！

Slide 22

Slide 22 text

継続して取り組めていること ● クラスメソッド UIプログラム  ● ブログでアウトプットする  ● 業務上必要になった知識から順次学んでいく  ○ MUIを使ったUIデザイン  ○ 印刷物の対応(Tシャツとか)  22

Slide 23

Slide 23 text

UIプログラム 23 ● 知識：課題図書を読みレポートにする  ● 思考：内省、フィードバックの振り返り  ● コラボレーション：社内でのコミュニケーションと意図して増やす  ● 演習：既存アプリのUIトレース、分析  ● 演習：世の中で認められているデザインの分析、流行の把握  ● 知識：ガイドライン(MUI/HIG)の確認 

Slide 24

Slide 24 text

ブログでアウトプットするクラスメソッドはブログでアウトプットする文化があります  業務時間内を活用してブログを書くことも可能です(業務優先)    ブログでのアウトプットは自身の学びや評価にも繋がるので、今後積極的に取り組んでいきたいと考えています  24

Slide 25

Slide 25 text

25 壁2 デザインツールの使い方知らない！

Slide 26

Slide 26 text

デザインツールが使いこなせないことで発生する問題 1 やりたいことを実現できないラフで作成した作りたいものを形にすることができませんこれを作りたい！けど作り方がわからない！ 26

Slide 27

Slide 27 text

デザインツールが使いこなせないことで発生する問題 2 作業時間が想定よりもかかってしまう基本的に使えるだけでなく、ショートカットキーなどを駆使することで作業効率を上げなければ！！時間短縮のために、よく使う機能からショートカットを覚えました 27

Slide 28

Slide 28 text

28 壁を乗り越える焦っても仕方ない。毎日さわる。

Slide 29

Slide 29 text

主に使用するデザインツール 29

Slide 30

Slide 30 text

ツールの使い分け 30 →UIデザイン、アイキャッチ画像作成 →UIデザイン →ロゴ作成、素材作成 →アイキャッチ画像作成、写真加工

Slide 31

Slide 31 text

Figmaすごい便利-UI作成に加え変数管理もできる 31

Slide 32

Slide 32 text

Figmaすごい便利-Figmaプレイグラウンド 32

Slide 33

Slide 33 text

ツールの習得のためにやったこと ● ※毎日触る  ● 実業務を通して都度、調べて覚える  ● 公式Twitterなどフォローして最新情報チェック  ● 専門書を買って本の課題に取り組む  33

Slide 34

Slide 34 text

34 壁3 言語化が思ってたより難しい！

Slide 35

Slide 35 text

言語化を難しいと感じた理由 1 テキストコミュニケーションって難しい言語化は、口に出して話すだけでなく文字に起こすことも含まれますむしろこの自分の中にあるものを文字にすることがとても増えました言葉足らずだったり意図していない伝わり方になってしまったり… 35

Slide 36

Slide 36 text

言語化を難しいと感じた理由 2 考えてるつもりだった成果物を出した時に「なぜですか？」と聞かれた時に言葉に詰まるなんてことが多くありました考えているようで、意外と自分が考えていないことに気付かされました 36

Slide 37

Slide 37 text

37 壁を乗り越える言語化の習慣をつける

Slide 38

Slide 38 text

自問自答する「なぜ？」を繰り返し、自問自答続けるなぜが出なくなるまで繰り返しその物事について深掘りしますそもそもなぜその仕事をするのか？誰が嬉しいの？誰が儲かるの？など全てに興味を持って知ろうとするきっかけにもなりますこれを習慣付けたことで、成果物に対しての質問にパッと答えられることが増えました 38

Slide 39

Slide 39 text

毎日振り返るなんでもメモするふと気づいたことや感じたことは、なるべくメモするようになりました私はNotionで管理しています！カレンダーで日記のような管理の他、各案件ごとにページを作成してメモできる場所を作り、見返して振り返られるようにしています 39

Slide 40

Slide 40 text

チームで取り組むスクラムで周囲とタスクの共有をするクラメソのデザインチームはスクラムに取り組んでいます定期的に現状のタスクを振り返り、チーム間で共有していますその間、言語化してメモを残したり、共有するために話をしたりと直接とテキストのどちらも鍛えられていると感じています！ 40

Slide 41

Slide 41 text

スクラムでの取り組み 2週間ごとにスプリントを回していく ● プランニング：今スプリントで取り組むことを決める  ● リファインメント：１週間後のスプリントの調整  ● スプリントレビュー：スプリントでの成果物の報告  ● レトロスペクティブ：スプリントの振り返り 41

Slide 42

Slide 42 text

言語化を習慣化して得られたこと ● そもそもなんでその仕事をするのか？を考えることで目的を見失わずに動くことができる  ● 相手にどう伝えるのがベストなのかを、よくよく考えるようになった  ● 言語化したメモを見返して振り返ることで、同じミスを繰り返すことが減った  ● 頭の中を整理することができるので、次の素早く次の行動へ移ることができる  42

Slide 43

Slide 43 text

43 これから挑戦したいこと

Slide 44

Slide 44 text

主担当で案件に入りたい！モバイルアプリの開発に携わりたい iOSでリリース・運用していたアプリのAndroid版を開発する際の主担当経験があります。先輩方の参加するプリセのアシスタントなど。しかし一から画面を提案するという経験はまだないので、今後チャレンジしたいと強く思っている部分です！ 44

Slide 45

Slide 45 text

資格取りたい！デザイン系に活きる資格を持ってない…！「デザインだけできても今後お客さんと話すときに困るかもね？」とのご指摘をいただきました…！お客様と話す時の根拠や知識として提示できるものがあるとより信頼していただける、納得感のある話ができると考えています 45

Slide 46

Slide 46 text

46 おまけデザインの初稿からFIXまでの変化

Slide 47

Slide 47 text

Slide 48

Slide 48 text

Slide 49

Slide 49 text

49 ● 中途向けの背景は四角・リモートは角丸で一貫性がない ● なぜこのイラスト？IT感がなさすぎる ● 冬感は別の方法でも出せる初稿 FIX

Slide 50

Slide 50 text

Slide 51

Slide 51 text

Slide 52

Slide 52 text

52 ● 美しい素材(写真など)を使うことでクオリティが上がる ● タイトルと日付の振る舞いに緩急をつけたい ● 会場のロゴを入れてはどうか？(取り扱いは事前に調査する) 初稿 FIX