追加お題も、本編と流れは同じです。まずはお題を達成するために何が必要なのか。要素を洗い出していきましょう。達成状態のユーザーの行動フローをもとに考えていきます。
お題を達成するアイデアを出すために、同じように既存フローを整理して考えてみます
今回"使えるようになるまで"を考えた時に起点になる画面があるので、その画面を"初めてみる→使えるようになる"までを考えていきます。
1度ラフにUIを作ります。そのためにUIアイデアを収集します。
今回は全体像を把握するために1度ラフにUIを作っていきます。作った後はセルフフィードバックしてさらにUIを改善していきます。
前回同様、パターンを1度作り切ります。
実機に近い形で自分の目で見て触るのが大事です。スマホで触れるように遷移をつけていきます。
自分で作ったUIを自分でフィードバックします。さらに自分で良くするためのアイデア、条件を満たしている部分を判断します。
もう1度UIを作成するために、今度はしっかりパターンを出していきましょう
ラフで出したパターンの1つ目を作っていきます。作りながらちょっと微妙な感覚に襲われます
フェーズで訴求していく、もう1つの別パターンを作成していきます。最後に遷移を付けます。
新しく作ったUIパターンの2つを実機で確認していきます。
完成する前に抜けていたポイントをUIで作っていきます。これも実機で触りながら気づいた点になります。
今回最終的に出たアウトプットのまとめです。もし考えが抜けていた点があったり、逆に思いついたアイデアがあればUIに具体化していくとさらにスキルアップできると思います!