Markezine [マーケジン]
  • ホーム
  • 速報
    • MarkeZineニュース
    • プレスリリース
  • 実践記事
    • 記事一覧
    • 連載一覧
    • 執筆者一覧
  • 注目ブックマーク
  • マーケティングDB
    • レンタルサーバーサービス
    • アクセス解析会社
    • ネット系広告代理店
    • アフィリエイト事業者
    • 商用CMS
    • Web制作会社
  • SEM特集
  • 主催イベント
    • MarkeZine Day
    • MarkeZine Academy
  • 用語集
  • おすすめ特集
    • テレビ業界特集2012
    • 特集 - スペシャルインタビュー
    • 密着特集01 - Google
    • 密着特集02ーリクルート
    • EC特集2010
    • モバイル特集2010
  • SEO/SEM
  • アクセス解析
  • ネット広告
  • ROI向上
  • トレンド
  • 事例・ノウハウ
  • キーパーソン
  • ソーシャル
  • リサーチ

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

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

 2014/06/05 10:00
原田秀司  [著]
このエントリーをはてなブックマークに追加 Tweet
 
  • 印刷用を表示

新連載「UIウォッチング」が始まります。スマートフォンサイトやアプリの「スライドメニュー」は、決まって左側に設置されていましたが、最近右側におくアプリが増えてきました。いったい何が起きているのでしょうか。


1 2 3 →

スライドメニューの位置は文字の流れが決めてきた

 日本語のWebサイトでは、たいていサブナビゲーションやスライドメニューが左側におかれています。なぜかというと、それは文字が左から右に流れているからです。文字が左から右に流れるので、情報の順序は左から右に流れるのが自然な関係となります。

 つまり、左にあるメニューを選択したあと、右にその情報が表示されるほうが、より自然に感じられるということです。それは、逆に文字が右から左へと逆に流れるアラビア語などのWebサイトと比較するとわかります。英語や日本語とは異なり、アラビア語のWikipediaではサブナビゲーションが右側にあります。

Wikipedia 日本語
Wikipedia 日本語
Wikipedia アラビア語
Wikipedia アラビア語

スライドメニューを右におく意味とは?

 スライドメニューは左側におかれることが自然であるにもかかわらず、このところ特にiOSのアプリにおいて、右側に配置する例が見られるようになってきました。

 例えば、facebookのiOSアプリは、以前は画面の左右両方をスライドメニューとして使っていましたが、今は左側のスライドメニューがなくなってしまい、右側(と固定フッターのひとつ)だけを使っています。

以前のインターフェース
以前のインターフェース1以前のインターフェース2以前のインターフェース3
現在のインターフェース
現在のインターフェース1現在のインターフェース2

 FlipboardのiOSアプリもスライドメニューが右側にあります(メニュータイトルはなぜか「コンテンツ」)。

 もちろん、左側にスライドメニューを持つものが圧倒的に多いのが事実です。ただ、facebookやFlipboardに見られるこの現象は、一口にイレギュラーなケースと切り捨てられない理由がありそうです。


1 2 3
→
このエントリーをはてなブックマークに追加 Tweet
 
INDEX
スライドメニューが右側にあるアプリが存在する理由
1ページ
スライドメニューの位置は文字の流れが決めてきた

スライドメニューを右におく意味とは?

2ページ
「戻る」ボタンの位置はヘッダの左上にある

3ページ
左スライドによる「戻る」は便利だ

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



プロフィール
原田秀司 ( ハラダヒデシ )

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


Article copyright © 2014 Harada Hideshi, Shoeisha Co., Ltd.
この記事に登録されているタグ
UI コラム UX
おすすめ記事
女性をターゲットに大規模なチャンネル横断型タイアップを展開、「MSN相談箱」で商品知識の理解度が大幅にアップ
[新商品] Mobage・GREEのスマートフォンゲームユーザー行動分析調査レポート
マルエツ・カスミ・イオン・丸紅、「首都圏におけるスーパーマーケット連合」創設、首都圏の売上高1兆円を目指す
Beats Music:圧倒的な人気を誇る高級ヘッドフォンブランドが手がけた定額制音楽サービスはSpotifyを脅かす存在になれるのか?
絶対の正解は存在しない?ブランデッド・コンテンツの作り方の秘訣

おすすめツール&サービス
アクセス解析ツールをマーケティングに活用
「使える」を意識して開発されたツール。PPC広告、SEOの効果測定も
きれいなWebページをらくらく作成
拡張機能までオールインワン型のCMSプラットフォーム「writeWired CMS Platform」
劇的なCVR向上を実現する最先端LPOツール
コンバージョン改善案の発見から実行までをトータルサポートする「DLPO ACT」
検索連動型広告を極める!好評連載検索連動型広告を極める!好評連載
デバイスごとの検索傾向  用語解説/LTV(Life Time Value)  インタレストマッチの効果測定(2)  Yahoo!プロモーション広告 プロフェッショナル認定試験  スポンサードサーチの申込み手順  スポンサードサーチ Ver.3のお知らせ  キーワードの力を最大限に発揮  費用対効果の重要用語  スポンサードサーチ Ver.3運用のお悩み解決(1)  スマートフォン対策その2

>>Yahoo!プロモーション広告の特集ページ


powered by Yahoo! JAPAN

Special


ピックアップリンク











注目のマーケティング資料


Follow @markezine_jp
Facebookもチェック
スポンサーサイト スポンサーサイト

ページトップへ
MarkeZineについて
ネットマーケティングとコミュニケーションの最前線を探る実践Webマガジンです。

All contents copyright © 2006-2014 Shoeisha Co., Ltd. All rights reserved. ver.1.5
掲載記事、写真、イラストの無断転載を禁じます。
記載されているロゴ、システム名、製品名は各社及び商標権者の登録商標あるいは商標です。

  • ヘルプ・お問い合わせ
  • 広告掲載のご案内
  • 著作権・リンク
  • 免責事項
  • 会社概要
  • スタッフ募集!
  • メンバー情報管理
  • メールバックナンバー
  • プログラミング
  • エンタープライズ
  • マネー・投資
  • キャリアアップ
  • ネット通販
  • ホワイトペーパー
  • プロジェクトマネジメント
  • 書籍・ソフトを買う
  • 電験3種対策講座
  • 電験3種ネット
  • 第二種電気工事士
  • RSS 各種RSSを配信中
A190846_01_75.gif 翔泳社