やることいっぱいだね！👍

ビジョンマップ作成会

転職を考えるにあたり

• 最低限のツールは使えるようになりたい

• それらのツールを使っていろんなデザイン作成ができるようにならないと…

など、頭の中で「こういうことはしないとなあ…」と思っているだけで、言語化や具体化をせず頭の中で悶々としていたので、まさに私がまずやらなければいけないワークショップ…！と思い、参加させていただきました🙇‍♂️

仕事内容について、自分がやるべきことを言葉で列挙できて、頭の整理をすることができました。
ここから「じゃあそのツールを使えるようにするためには何をすればいい？」「それをいつまでに達成する？」「それを達成するためのスケジュールは？」とさらに具体化していきたいと思います✊
人間関係やその他は、仕事面以外の自分のことも言葉にする部分で「プライベートで自分のやりたいこと」を列挙するのは仕事（勉強）のことばかりでなく「自分の時間」も大切にすることに気づくことができました。

今年度はキャッチコピーをモットーにいろいろチャレンジしたいと思います！🔥

ヒデさんセッション

「画面が作れない」スランプから1か月…
ヒデさんからいただいたアドバイスのおかげで手を止めることなく画面を作成することができました！

ユーザーに憑依する

アプリに留まらず「ユーザーはどんなものが好きかな？」とユーザーに憑依をしていろいろ考えてみる。アプリ改善を行うにあたり当初作成したペルソナはこちら。

ザ・バイク乗りおじさんみたいな感じでしょうか。
さっそく、佐藤さんが好きそうなものを集めてみました。
ヒデさんから「アプリだけでなく他のコンテンツからも収集するのがよし」とのことで、雑誌やグッズなどを探してみました。

集めていって気づいたことは

• 少し古臭い感じ（ヴィンテージ感）

• メカニック

• アメリカン

• 原色ではなくヴィンテージを思わせるようなくすんで暗めの色

ここからデザインのイメージは「最近のデザインだが、どこか野暮ったさが抜けきれない昔臭さがほのかに残る」感じと自分の中で方向性を掴むことができました。
どんなデザインをすればいいかわからない状態だったので「こんな感じ」というようなニュアンスを掴むことができました。

ワイヤーフレーム

「よし！画面作るか！」
今までの私はいきなりこんな調子でした。ですがそうすると

• バイクの写真はどうする？

• 色は？

• どんなコンポーネントを使う？

と考える要素が多くなり、結局手が止まる…という事態に陥ってしまい、また同じことになってしまいます。
本課題ページの「ワイヤーフレームを作成する」過程、すっ飛ばしてんじゃん！（愚行）と気づき、まずはここから作成しました。

考えるのは「どんな形をどこに落とし込むか」だけだったので、サクサク進めることができました。

アプリ模写

「インプットが足りない」とご指摘をいただき、インプット方法の1つとしていただいたのが「アプリ模写」（左が既存画面、右が模写）。

ダッシュボード系の画面が作成したかったので、ヒデさんから共有いただいたダッシュボード系のアプリ画面を模写。
「こういう画面ならこういうレイアウト」というような用途ごとの画面レイアウト傾向を習得することができました（傾向を知らず、我流でいけばそりゃ手は止まりますよね…😭）

いざ作成！

まずはスランプ中の画面を…（酷すぎて見てられないレベルですが比較のために…）

左から右への心情変化

• 「作ったぜ！」と1つ作成して無駄に達成感が出てしまう

• 達成感が出てしまったため、他の案を作成するモチベが下がる

• 1つ作ったデザインベースのしがらみから逃れられず「他にどんなデザインがあるのかわからない…」状態

• 「とにかく手を動かそう…！」とクオリティは無視していろいろやってみる

→最初に作ったデザインから結局抜け出せることができずボロ雑巾みたいな画面しか出来なくなった

→スランプにぶち当たる／(^O^)＼

何も知らないくせに「自分のこれがいい！」みたいなものを詰め込んだ典型的なムーブでした。
「初心者ほど基礎を忠実に。」いつの間にか忘れてしまっていました。

ド素人が0から作成するなんてダメだ。模写したアプリをベースに作成してみようと手を動かしました。
また、当初画面に落とし込む情報が少なく画面のスペースが余ってしまったので、もう少し情報を追加してスペースが余らないように調整しました。

まだまだなのは重々承知ですが、スランプ時に作成していた時は「何をすればいいかわからない…とりあえず手動かそ…」とダラダラとゴールが見えないまま進めていましたが、今回は「ここにアイコンを置いたらどうなるかな？」「バイクの見せ方をマイページみたいに○でくり抜いたらどうなるかな？写真ごと全部見せるのは？」「カードにしないで表したらどうなるかな…？」
と頭の中でポンポン「これは？じゃあこれは？」と出てきて手を止めることなく楽しく作成することができました。

Stitchも使ってみた

いきなりAIを使うのは今回したくなかったので、まずは自分だけで画面を作成した後にStitchに画面案を作成してもらいました。

やっぱりAIすごい…Stitchさんが作成してくれた画面も参考にして画面を作成してみました。

色は寒色系…と思っていましたが、暖色ベースもいいかも…と思いました。

今度は「いろいろ作れたのはいいけどどれを採用すればいいかわからない」悩みが出てきました。

ヒデさんにさっそく相談しました。

「ユーザーにとって何が有益かを考える」
例えばバイクの表示方法。
ユーザーはバイクを趣味にする人たちだから自身のバイクは大きく見せたい。
そうするとバイクは大きく写っているものがよい。
運用目線で見ると写真の切り抜きは誰がやるのか？運営？ユーザーが行うなら大変。

作成した画面の改善点もいただきました🙏

• バイクの写真を最大限に活かすためにボトムシートを活用するのもよき

• 情報の配置にまとまり感がないので、まとまり感を出す（同じグループはもう少しまとめる）

• 画面に統一感を。例えばアイコンは線だけなのとベタ塗りが混在している。トップはカラフルな着色なのに、SOSの画面は青のみのアイコンになっている

• アイコンをもう少し小さく

• ボトムナビゲーションのアイコンについて、アクティブになっているアイコンより非アクティブのアイコンの方が目立ってしまっている。非アクティブアイコンの透明度を下げてみる

• ボトムナビゲーションはアイコンだけでなく文字を入れてあげるとユーザーに優しい

• 給油情報は直感的にわかるように（例えばタコメーターやオイル缶を使ってみたり）。

• SOS画面は「誰に連絡するのか」を明確にわかるようにする（「警察」の文字を左に配置、文字を大きく、余白をうまく使うなどで明確にする）。

次やること

ヒデさんと相談し、いろんな画面を作成する経験を増やすこと優先することにしました。
デザインが本業でない私にとっては仕様を詰めるより、いろんなデザインに触れるのがいいね！となりました🙏
圧倒的に経験と蓄えがない自分にとってはまさにそうだなと思いました🔥
作りたい画面をリストアップ、来週中にマイページを作成・提出します！

他に…
管理アプリなので、ユーザーに情報を入力させる必要がある。
→ユーザーにとっては手間。手間だけど入力させる設計を。
→最初の画面（オンボーディング画面）

ホーム画面から遷移する画面を作成すると関連性があるので作成しやすい。

色んなツールを使えるようになりたい件について

ビジョンマップにもあるとおり、デザインツールを使えるようになりたい相談もしました。
デイリーグラフィックに参加してみたいけど、どのように作成していいかわからない、Affinityを使えるようになりたいのでこれをきっかけにAffnityの勉強&デイリーグラフィックに参加したいと非常に漠然とした相談。

ヒデさんから

楽しむことを大事にする

そのためには
「学習は継続できないと意味がない」
「高いゴールを立てすぎない」

今までの私だと「Affinityできるようになる！」→「さっそくAffinityを使ってデイリーグラフィックに参加しよう」
まだ使ったこともないAffinityでデイリーグラフィックに早々参加しようとしていました。
だからこそ
「Affinity使ったことないからよくわかんないし、あとでちゃんと触ろう」と後回しになっていました。
「高いゴールを立てすぎない」
まずはAffinityを開いてみる。5分だけ開く。1ツールだけ触ってみる。ちょっとずつゴールを高くして慣れていこうと思います！

デイリーグラフィックも最初から100を目指さず、「最初はモノクロだけにする」など縛りを設けて考える要素を少なくして着手しやすいようにしていこうと思います！

今週はやるべきことが一気に明るくなったので、まずはこれらの整理をしていこうと思います！
来週も頑張ります！🔥