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

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

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

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

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

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

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

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

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

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

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

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

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

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