複雑なウェブサイトのナビゲーションを簡素化

<br />ナビゲーション設計は構造設計における主要なタスクの 1 つです。ソフトウェアでは、ナビゲーション設計の品質はユーザーがスムーズに使用できるかどうかに直接関係します。より複雑なナビゲーションに直面したとき、私たちの最初の反応はそれを単純化することです。そのため、一部の複雑なエンタープライズレベルの管理ソフトウェア（SAP、Kingdee ERP、Inspur ERP など）では、ユーザーが特定の場所への迅速なエントリを提供しています。一部のソフトウェアではお気に入りが提供され、ユーザーが頻繁に使用するアドレスを収集できます。また、ナビゲーションインタラクションの観点からソリューションを求めるソフトウェアもあります。
1. パスレベルで補助ナビゲーションを提供する<br />補助ナビゲーションといえば、検索ボックス、クイックエントリポイント、お気に入りなどがすぐに思い浮かびます。これらをすぐに思い浮かべる理由は、これらのフォームを使用すると使い勝手がよくなるからです。

図1-1 SAPインターフェースのクイックエントリ
SAP は、財務管理、人事管理、生産管理などを含む非常に複雑な企業管理ソフトウェアであり、企業内のさまざまな業界をカバーしていますが、通常、1 人のユーザーはそのうちの 1 つだけを使用します。そのため、SAP のクイックエントリは、経験豊富なユーザーに便利なエントリを提供します。たとえば、会計士の場合、通常は財務管理モジュールのみを使用します。このとき、ソフトウェアを開いたときに財務モジュールを入力するだけです。クイックエントリは、ナビゲーションツリーを使用する煩わしさから間違いなく解放されます。

図 1-2 Joyo.com (電子商取引モール) の検索ボックス電子商取引モールのウェブサイトは、コンテンツが多いタイプのウェブサイトです。ナビゲーションを使用して商品を探すだけでは、多くの時間がかかります。検索ボックスを使用すると、キーワードで便利に検索できます。誰もがその便利さを経験したことがあると思います。
上記の例から、初心者は「カテゴリページ、ナビゲーションツリー、検索」のフォームを通じて必要なものを見つけることができることがわかります。ただし、「地形」に慣れていないため、迅速なニーズを満たすことは不可能です。ほとんどのユーザーは依然として「シンプルなナビゲーションとお気に入り」などのフォームを使用して、必要なものを選択できるようにしています。ある程度の自主性がある場合は、「検索ボックスとクイックエントリ」を直接使用して、必要な場所に直接ジャンプできます。非常に急いでいるので、これ以上時間を無駄にしたくありません。
2. 組織形式もまた、私たちに良い経験をもたらします。ナビゲーションには多くの組織形式があります。ソフトウェアでは、Vista システムのパスバーがかつて私に明るい気持ちを与えました。私たちは通常、システムの従来の慣習に縛られています。Vista システムはこの考え方を打ち破り、組織形式だけでなく考え方においても私たちの参考になります。下の写真は私が撮影した例です。

図1-3 Vistaシステムパスバー
3. 魚眼メニューを見て思ったこと<br />辞書で調べる場合、通常は検索し、その検索結果に基づいて単語の意味を調べます。しかし、最初の1、2文字しか覚えておらず、単語そのものをまったく覚えていない場合、辞書をめくる場合でも電子辞書をめくる場合でも、検索は非常に面倒です。 Kingsoft PowerWord による次のプレゼンテーションに示されているように、検索ベースのナビゲーションは数多くあります。

図 1-4 Kingsoft PowerWord インターフェイスのスクロールバーをドラッグしたり、ページをめくると、多くの時間が無駄になります。魚眼メニューは、UMIACS の下部組織である HCIL (Human-Computer Interaction Laboratory) の研究成果の 1 つで、視聴者がより多くのコンテンツを含むメニューをより簡単かつ迅速に利用できるようにするために提案されたソリューションです。しかし、ある程度までは、辞書ナビゲーション設計の参考として役立ちます。下の写真は Fisheye メニューを示しています。

図 1-5 魚眼メニューはマウスのクリックで大規模なナビゲーションを可能にし、三角形は微調整のためのツールです。このようなデザインにより、使いにくくなったスクロールバーをドラッグする必要がなくなり、よりスムーズに使用できると思います。より多くのコンテンツを備えた検索ナビゲーションから何かが得られると信じています。
電子辞書にこのような検索フォームを設計すると、小さな領域で単語を簡単に検索でき、検索ボックスと組み合わせて使用することもできます。シンプルなアイデアがユーザーの苦痛な体験を変えると信じています。
4. 要約: 認知の限界とナビゲーション設計<br />人間の認知能力は極めて限られており、簡単な問題しか簡単に解決できません。ナビゲーションを設計する際には、人間の認知の法則に従い、ユーザーが一目で理解できるように努めます。設計したナビゲーションがユーザーにとってわかりにくかったり、理解するのに時間がかかったりする場合、それは間違いなく失敗した体験です (それが設計目的でない限り)。
それは正しい！「ユーザーに集中してください。」ナビゲーションを設計する際には、対応するユーザーの意識に適合させる必要があります。

<<: パーティクルダイナミックボタン効果を実現するCSS

>>: MySQL InnoDB アーキテクチャの概要