SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

MarkeZine Day(マーケジンデイ)は、マーケティング専門メディア「MarkeZine」が主催するイベントです。 「マーケティングの今を網羅する」をコンセプトに、拡張・複雑化している広告・マーケティング領域の最新情報を効率的にキャッチできる場所として企画・運営しています。

直近開催のイベントはこちら!

MarkeZine Day 2025 Retail

UIウォッチング ~マルチデバイス時代のインターフェースを考察する~

スライドメニューが右側にあるアプリが存在する理由

左スライドによる「戻る」は便利だ

 考えられるもうひとつの理由は、スライド機能です。左スライドでも「戻る」ことができるようにしている例が、アプリではよく見られます。特にスマートフォンを片手で操作する場合では、画面の上の方にあるボタンは押しづらいものです。また、画面サイズの大型化が進んでいる現在、持ち方によっては、端末の下にある「戻る」ボタンが押しにくくなることもあります。そこで、左スライドに「戻る」機能を割り当てる例が多くなっているわけです。

 例えば、AndroidアプリのFlipboardは、左上の「戻る」ボタンには親指が届かず押しづらく、さらに、左下のハードウェアの「戻る」ボタン(白く発光している「<」印)も、右手の親指では、やや押しづらい位置にあります。

AndroidアプリのFlipboard(使用端末は「HTC One mini」)

 使ってみると、iOS、Androidを問わず、左スライドで戻れる機能は便利です。スライドで戻るという操作も直感的です。そのため、左スライドを戻る機能に割り振ってしまい、残った反対側の右スライドを「スライドメニュー」に割り振った方が、より自然で使いやすく感じられるということが起きているのです。

 例えば、iOSアプリのfacebookでは、左スライドで「戻る」を、右スライドで「スライドメニュー」を展開できます(画面上に右スライドのボタンは表示されていません)。

 また、iOSアプリのFlipboardでは、同じく、左スライドで「戻る」を、右スライドで「スライドメニュー」を展開できます(なお、左スライドで「戻る」ことができるのはAndroidアプリでも同様です)。

 実際、スライドメニューのボタンを左におきつつ、左スライドに「戻る」を割り当てているアプリも多くあります。そういったアプリは、空いている右スライドをもっと有効活用したほうがよいと感じさせます。

 例えば、iOSアプリのZiteでは、トップページで左側にあったスライドメニューが、下層では消えてなくなってしまいます。つまり、スライドメニューはトップだけでしか見ることができません。

 iOSアプリのIMDbでは、トップページから下層に進むと、メニューボタンの位置が微妙に変わってしまいます。左右スライドでメニューが展開されたりもしません。

「戻る」は「スライドメニュー」よりも優先される

 まとめると、スライドメニューが右側におかれる理由は、以下の2点から来ていると考えられます。

  • ヘッダにおく「戻る」ボタンとバッティングさせたくないため
  • 左スライドの操作でも「戻る」をできるようにしたいため

 面白いことに、どちらも理由もスライドメニューそのものは関係がなく、「戻る」機能がどうあるか、ということに立脚しています。そこから、インターフェースにおいて「戻る」という機能がいかに重要かということがわかります。

 スライドメニューだけのことを考えれば、素直に左側にある方が、これまでの習慣的にも自然であり、便利であるはずです。しかし、スライド機能を前提としたスマートフォンやタブレットにおいては、左スライドで「戻る」、右スライドでスライドメニューを出す、というほうが、より合理的であり、自然なインターフェースにもなりうるのです。

 このようにインターフェースは、個々の要素や機能がお互いに影響しあって成り立っています。そんなところに、デザインの妙味もあるのではないでしょうか。

著者紹介

原田秀司(はらだひでし):Webサイトやアプリの設計を行うインターフェースデザイナー、Webディレクター。また、TV画面で表示するインターフェースや、ゲームコントローラなどを使った設計なども行っている。自著『UIデザインの教科書』(翔泳社)

この記事は参考になりましたか?

  • Facebook
  • X
  • Pocket
  • note
UIウォッチング ~マルチデバイス時代のインターフェースを考察する~連載記事一覧

もっと読む

この記事の著者

原田 秀司(ハラダ ヒデシ)

Webサイトやアプリの設計を行うインターフェースデザイナー、Webディレクター。また、TV画面で表示するインターフェースや、ゲームコントローラなどを使った設計なども行っている。自著『UIデザインの教科書』(翔泳社)

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

MarkeZine(マーケジン)
2014/06/05 10:00 https://markezine.jp/article/detail/19979

Special Contents

PR

Job Board

PR

おすすめ

イベント

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング