窪 彩花保育士がデザイナーになって直面した壁とこれからの挑戦
View Slide
目次自己紹介直面した壁と乗り越えるために取り組んだこと● 壁1:デザイン知識ゼロスタート● 壁2:デザインツール使いこなせない● 壁3:言語化って思ったより難しいこれから挑戦したいこと2
3自己紹介
プロフィール名前くぼ趣味キャンプ/釣り/ボードゲーム/Netflix経歴保育士→フリーランス→クラメソ所属CX事業本部Delivery部デザインチーム4役割アシスタントデザイナー (UIデザイナー)これまで経験したことUI画面/バナー/ロゴ/アイコン/イラスト/スライド/Tシャツ//印刷物よく使うツールFigma/Illustrator/Photoshop/Sketch
5UIデザイナーを目指していた訳ではありませんでした
6
7「デザイン」にずっと興味はあった
8ダメ元で受けてみよう!!
9クラメソに入社してガラっと人生変わりました!!
10保育士からデザイナーになって直面した壁と乗り越えるため取り組んだこと
11壁1そもそものデザイン知識がない
デザイン知識がないことで発生する問題 1日常発生する簡単な業務すら、1人ではこなせないデザイン知識がなさすぎることで、簡単な業務すら1人ではこなせません先輩がいないと私の仕事は進まない上に、最初は時間がとてもかかってしまっていました12
デザイン知識がないことで発生する問題 2初稿がとてつもなく遅い「こういうケースではこんなデザインテイストがいい」などの知識もないため、一体何をどこから作り始めたらいいのか最初はまったく分かりませんでした。「一旦好きに作ってごらん」が一番迷って時間かかりました!笑13
デザイン知識がないことで発生する問題 3何から勉強したらいいのかわからない基礎的な知識も何もないため、そもそもUIデザイナーとして今後働いていくために何を勉強したらいいのかも分かりませんでした「デザイン」と一言で言っても領域が広すぎるので、どう進むべきか先輩や上司に相談しながら進めました14
15壁を乗り越えるデザイン基礎知識の勉強からスタートとにかく勉強!経験!勉強!
これまでに取り組んだこと● baigie webデザインドリル ● デザインを学べるサイトのトレーニングをやる ● 自分でアプリのUIを考えてみる ● 実案件での業務で必要知識を学ぶ 16
baigie デザインドリル17
デザインを学べるトレーニングを提供していた今はなき「Cocoda!」18
デザインを学べるサービス 「chot.design」19
自分でUIデザインを考えてみる20
Daily UI21登録すると100日間毎日お題がメールで届きます!ターゲットや要件などの細かい指定などはないため、自分で深掘りして取り組むことも可能です世界的に取り組んでいる人がいるため#daily UIで検索すると様々なUIデザインをみることができて面白いです!
継続して取り組めていること● クラスメソッド UIプログラム ● ブログでアウトプットする ● 業務上必要になった知識から順次学んでいく ○ MUIを使ったUIデザイン ○ 印刷物の対応(Tシャツとか) 22
UIプログラム23● 知識:課題図書を読みレポートにする ● 思考:内省、フィードバックの振り返り ● コラボレーション:社内でのコミュニケーションと意図して増やす ● 演習:既存アプリのUIトレース、分析 ● 演習:世の中で認められているデザインの分析、流行の把握 ● 知識:ガイドライン(MUI/HIG)の確認
ブログでアウトプットするクラスメソッドはブログでアウトプットする文化があります 業務時間内を活用してブログを書くことも可能です(業務優先) ブログでのアウトプットは自身の学びや評価にも繋がるので、今後積極的に取り組んでいきたいと考えています 24
25壁2デザインツールの使い方知らない!
デザインツールが使いこなせないことで発生する問題 1やりたいことを実現できないラフで作成した作りたいものを形にすることができませんこれを作りたい!けど作り方がわからない!26
デザインツールが使いこなせないことで発生する問題 2作業時間が想定よりもかかってしまう基本的に使えるだけでなく、ショートカットキーなどを駆使することで作業効率を上げなければ!!時間短縮のために、よく使う機能からショートカットを覚えました27
28壁を乗り越える焦っても仕方ない。毎日さわる。
主に使用するデザインツール29
ツールの使い分け30→UIデザイン、アイキャッチ画像作成→UIデザイン→ロゴ作成、素材作成→アイキャッチ画像作成、写真加工
Figmaすごい便利-UI作成に加え変数管理もできる31
Figmaすごい便利-Figmaプレイグラウンド32
ツールの習得のためにやったこと● ※毎日触る ● 実業務を通して都度、調べて覚える ● 公式Twitterなどフォローして最新情報チェック ● 専門書を買って本の課題に取り組む 33
34壁3言語化が思ってたより難しい!
言語化を難しいと感じた理由 1テキストコミュニケーションって難しい言語化は、口に出して話すだけでなく文字に起こすことも含まれますむしろこの自分の中にあるものを文字にすることがとても増えました言葉足らずだったり意図していない伝わり方になってしまったり…35
言語化を難しいと感じた理由 2考えてるつもりだった成果物を出した時に「なぜですか?」と聞かれた時に言葉に詰まるなんてことが多くありました考えているようで、意外と自分が考えていないことに気付かされました36
37壁を乗り越える言語化の習慣をつける
自問自答する「なぜ?」を繰り返し、自問自答続けるなぜが出なくなるまで繰り返しその物事について深掘りしますそもそもなぜその仕事をするのか?誰が嬉しいの?誰が儲かるの?など全てに興味を持って知ろうとするきっかけにもなりますこれを習慣付けたことで、成果物に対しての質問にパッと答えられることが増えました38
毎日振り返るなんでもメモするふと気づいたことや感じたことは、なるべくメモするようになりました私はNotionで管理しています!カレンダーで日記のような管理の他、各案件ごとにページを作成してメモできる場所を作り、見返して振り返られるようにしています39
チームで取り組むスクラムで周囲とタスクの共有をするクラメソのデザインチームはスクラムに取り組んでいます定期的に現状のタスクを振り返り、チーム間で共有していますその間、言語化してメモを残したり、共有するために話をしたりと直接とテキストのどちらも鍛えられていると感じています!40
スクラムでの取り組み2週間ごとにスプリントを回していく● プランニング:今スプリントで取り組むことを決める ● リファインメント:1週間後のスプリントの調整 ● スプリントレビュー:スプリントでの成果物の報告 ● レトロスペクティブ:スプリントの振り返り41
言語化を習慣化して得られたこと● そもそもなんでその仕事をするのか?を考えることで目的を見失わずに動くことができる ● 相手にどう伝えるのがベストなのかを、よくよく考えるようになった ● 言語化したメモを見返して振り返ることで、同じミスを繰り返すことが減った ● 頭の中を整理することができるので、次の素早く次の行動へ移ることができる 42
43これから挑戦したいこと
主担当で案件に入りたい!モバイルアプリの開発に携わりたいiOSでリリース・運用していたアプリのAndroid版を開発する際の主担当経験があります。先輩方の参加するプリセのアシスタントなど。しかし一から画面を提案するという経験はまだないので、今後チャレンジしたいと強く思っている部分です!44
資格取りたい!デザイン系に活きる資格を持ってない…!「デザインだけできても今後お客さんと話すときに困るかもね?」とのご指摘をいただきました…!お客様と話す時の根拠や知識として提示できるものがあるとより信頼していただける、納得感のある話ができると考えています45
46おまけデザインの初稿からFIXまでの変化
47
48
49● 中途向けの背景は四角・リモートは角丸で一貫性がない● なぜこのイラスト?IT感がなさすぎる● 冬感は別の方法でも出せる初稿 FIX
50
51
52● 美しい素材(写真など)を使うことでクオリティが上がる● タイトルと日付の振る舞いに緩急をつけたい● 会場のロゴを入れてはどうか?(取り扱いは事前に調査する)初稿 FIX
53最近の成果物
54
55
56
57プロのデザイナーになるべく引き続きがんばります!
58最後まで聞いていただきありがとうございました!
59