見出し画像

Daily UI #023 オンボーディングで外せない3つの要素

ファームノートでUXデザイナーをやっている秋山ウテです。

今回はオンボーディング画面です。

帯広の寮で取り入れている”洗濯ワークフロー”なるものをテーマにオンボーディング画面に挑戦しますー

↑これ↑

オンボーディングで外せない3つの要素

同じ課題作がDribbleにも上がっているんですが、見て思ったのはこんな感じ。

①全ステップ数がわかる
”スキップ”は左に、”次”は右に
③一画面一メッセージを徹底

それぞれ見ていきますー!

また、先日発売されたこの本の「Onboarding Illustration」も参考にしてまーす。

①全ステップ数がわかる

「一体いつになったら終わるんだ…」ってことにならないように、全ステップ数を表す必要があります。

また、今は何ステップ目かを表現する必要もあります。

そのため、緑の丸を現在地、丸の総数は全ステップ数として表現しています。

”スキップ”は左に、”次”は右に

指から最も近い位置に、次へを配置し、使い手の負担を減らしています。

また、ステップを飛ばしたい人に向けては、”スキップ”を用意しています。
この場合、”戻る”がこの位置に来ることもあります。

③一画面一メッセージを徹底

せっかくステップ数をわけてわかりやすくしても、一画面にさまざまな内容を盛り込むとかえって混乱します。

そのため、一画面一メッセージを徹底しています。

これは、資料やスライドを作るときにも同じことが言えますね。

明日は、航空券のチケットを作りまーす。

ではでは!

このnoteを気に入っていただけたら、
「♡スキ」を押していただけると非常に嬉しいです。
より良いコンテンツを作っていく原動力になるのでぜひ!
リクエストもお待ちしているので、お気軽にコメントくださーい!

この記事が気に入ったら、サポートをしてみませんか?気軽にクリエイターを支援できます。

どうも!ぜひ「ご感想」+「#ファームノート」でツイートを♪
4

秋山ウテ / ファームノート

デザイナーの秋山ウテ(本名)です。現在はカスタマーサクセスと編集をやってます。前職では立ち上げ期からいろいろやってました。 https://www.wantedly.com/users/299064

Farmnote Member's Notes

ファームノートで働く人々のマガジンです。 「世界の農業の頭脳を創る」ことを目指して日々奮闘している僕らの日常や学びなどを発信しています。
1つ のマガジンに含まれています
コメントを投稿するには、 ログイン または 会員登録 をする必要があります。