動画内で作ったFigmaの最終アウトプットやアイデア出しのファイルはこちらです。（ファイルの整理してません🙇

作成した後に参考になるかと思います。ぜひチャレンジしてみてください。

‍

追加お題も、本編と流れは同じです。まずはお題を達成するために何が必要なのか。要素を洗い出していきましょう。達成状態のユーザーの行動フローをもとに考えていきます。

お題を達成するアイデアを出すために、同じように既存フローを整理して考えてみます

今回"使えるようになるまで"を考えた時に起点になる画面があるので、その画面を"初めてみる→使えるようになる"までを考えていきます。

‍

1度ラフにUIを作ります。そのためにUIアイデアを収集します。

‍

今回は全体像を把握するために1度ラフにUIを作っていきます。作った後はセルフフィードバックしてさらにUIを改善していきます。

‍

前回同様、パターンを1度作り切ります。

‍

実機に近い形で自分の目で見て触るのが大事です。スマホで触れるように遷移をつけていきます。

自分で作ったUIを自分でフィードバックします。さらに自分で良くするためのアイデア、条件を満たしている部分を判断します。

‍

もう1度UIを作成するために、今度はしっかりパターンを出していきましょう

‍

ラフで出したパターンの1つ目を作っていきます。作りながらちょっと微妙な感覚に襲われます

‍

フェーズで訴求していく、もう1つの別パターンを作成していきます。最後に遷移を付けます。

新しく作ったUIパターンの2つを実機で確認していきます。

‍

完成する前に抜けていたポイントをUIで作っていきます。これも実機で触りながら気づいた点になります。

‍

今回最終的に出たアウトプットのまとめです。もし考えが抜けていた点があったり、逆に思いついたアイデアがあればUIに具体化していくとさらにスキルアップできると思います！

‍