うさぎずかんの画面設計(2):戻るボタンの配置

うさぎずかんの画面遷移(画面の移り変わり)では、詳細画面から一覧画面へ戻るためのボタンが必要になります。他の画面でも前に戻る機能は必要になるので、共通のルールを定めておきたいと思います。

戻るボタンは前の画面・ひとつ上の階層に戻る機能をもち、画面の左上に配置するのが一般的です。お手元のスマホでもそうなっていますよね。

戻る機能は左上にあるのが一般的

『うさぎとぷーぷ』でもこの法則にならい、戻るボタンをひとまず画面領域の左上に置いてみます。

ここでは運よく収まりましたが、狭い画面において、この大きなボタンを必ず左上に置かなければならないというルールはけっこう厳しいものです。うまくいかない画面も今後出てくるでしょう。

それならば、閉じるボタンの隣に置くアイディアはどうでしょうか?ウィンドウの中に置かなくてよいぶん、スペースが有効活用できます。

この配置は他であまり見ないので、わかりやすさを若干損ねる可能性もありますが、許容範囲ではないかと予想します。それよりも、空きスペースが増えるメリットのほうが大きいと考えました。

さらに画面を整理すると…他の画面にも使えそうなルールが整ってきました。