web-dev-qa-db-ja.com

モバイルデバイスで過度に深い階層ナビゲーションを解決する方法は?

Jakobs Nielsensの新しいモバイルユーザビリティの本を読んでいます。非常に深い階層(合計5レベル)に苦しんでいるモバイルサイトの例があります。この例では、ユーザーは次のページの階層をナビゲートする必要があります。

 (A) Products 
  + (B) Computer & Tablets 
     + (C) iPad & tablets 
        + (D) Ipad Accessories 
           + (E) iPad Cases, Covers & Sleeves 
              + (F) Actual page listing the iPad covers.

Jakobはソリューションを提供していません。これは興味深い議論になると思いました。

Mobile device navigation structure

モバイルデバイスの過度に深い階層ナビゲーションを解決する方法

8

ノートパソコンと比較して、モバイルデバイスにはいくつかの問題があります。画面が小さいため、ユーザーに「必要なものすべて」を同時に表示することが難しくなっています。また、ナビゲーションは扱いにくく、ラップトップのユーザーよりも誤って誤ってナビゲートすることがよくあります。そのため、ユーザーは[戻る]ボタンを使用してもう一度進む必要があります。これにより、モバイルデバイスでのナビゲーションプロセスがデリケートな問題になります。

まず、ユーザーがモバイルデバイスの制限のために作成されたWebサイトのモバイルビューを期待していることを理解する必要があります。つまり、モバイルデバイスに適さないものや、モバイルビューに適さないコンテンツは省略できます。除外できる数が多いほど良いです。もちろん、これにはすべてコストがかかります。オンラインストアがあると、売りたいものを省略するのが難しくなりますが、一方で、Webアナリティクスを介して、モバイルデバイスで実際に販売、表示、検索されているアイテムを確認するためのデータを用意できます。これにより、除外するアイテムと上位にランクするアイテムをより簡単に選択できます。

また、モバイルユーザーは、Webブラウザーを介してフルサイトへのリンクを期待しています。彼らがおそらく知っているサイトで、ログイン、ナビゲーション、カートボタンへの追加を見つけるためのサイトの場所を知っている。

次に、サイト全体の構造を 狭くて深く、広くて浅い にすることができます。そうすることで、ユーザーはナビゲーションをさらにスクロールしなければならない場合がありますが、深い階層をクリックするよりもはるかに簡単です。

broad and shallow

4
Benny Skogberg

あまりに忙しく、表示されているデータは非常に冗長で、さらに悪いことに、整理されていません。 「ipad」をクリックしてデバイスのカバーにアクセスできると思うのはなぜですか。解決策は再編成であり、設計自体は許容可能ですが、もちろん不完全です。たとえば、メインページでは、一般的なユーザーがアプリを使用する目的を強調したり、指標を示したりしていません。たとえば、デバイスアクセサリ(スリーブなど)のアイテムを作成します。また、上部の検索をライブフィルターに置き換えて、長いリストに関連する問題を軽減できるようにします。

1
VoronoiPotato

ヤコブが言っていたと私が信じているのは、そのような魂は存在しないということです。私は本を​​読みませんでしたが、 [彼の記事のいくつか ]を調べてきました。彼からの引用:

デスクトップ情報アーキテクチャ(IA)は、過度に深い階層を回避する単純なナビゲーションスペースを常に備えている必要があります。しかし、モバイルの場合、スペースが限られているため、ユーザーの見当識障害を防ぐことがさらに重要になります。したがって、すべての画面に完全なコンテキスト情報を表示できないため、ナビゲーションオプションを制限する必要があります。

これからわか​​ることは、深い階層をどのように示すかではなく、そのような階層を避けることがポイントであるということです。モニールサイトのユーザーナビゲーションはこれまでになくシンプルにする必要があります。焦点を当てるのは、提供したい詳細を減らして、シンプルなナビゲーションエクスペリエンスを提供することです。ユーザーができる限り少ないレベルに下がるように、カテゴリを再設計します。

複数のフォームファクターにわたるモバイルコマースのユーザビリティ]のように、モバイルUXに関しては、研究者がフラット階層を推奨するのはスマートフォン時代の前からです。 。もちろん論文は非常に古くなっていますが、そこで議論されているポイントのいくつかはイブグリーンです。

1
Nicola Miotto