〜ほぼ Daily UI vol.23〜 Onboarding
Hint: Design something onboarding related. Are you recruiting people for an organization? To sign up for a new website? A mobile app?
参考にしたサイト・アプリ
Pinterest
重要なアクションを強制的にさせるOnboardingはいいな。
何か
アニメーション付きだと見ちゃうからいいな
デザインを考える上でのポイント
基本の型
必ず踏襲する必要はないが、基本はこんな感じのスライド形式。
ユーザの邪魔にならないようすぐに要点が伝わるようにする
まずOnboardingは基本的にはユーザからすると鬱陶しいものだと思う。自分は真面目にみたこと一度もないと思う。
なのでワーディングに最初に丁寧に時間使って、そこから見た目の部分をブラッシュアップした方がいいデザインになるのでないかと思う。
可能なら動画を、もしくはスライドごとにアニメーション
こういうユーザのシナリオの本流ではないが、作り手の意思として見せたいようなものは、スライド形式で読ませるよりは動画とかで受動的にみられるようにした方が目的にはより即していると思う。
自分のデザイン
ちょっとアニメーションに挑戦するよりDailyUIを前に進めたいので静的なスライドとして作る。
某ゲームを意識して緑を基調に作ってみた。あとスライドする時つながりっているように見えるように背景にグニャングニャンしたものをつけてみた。
あとは型通り。
思ったこと
やっぱアニメーションないと微妙感あるわね。