<br />ナビゲーションについて話すときは、ほとんどの場合、ナビゲーションがコンテンツと構造をどのように表現するかについて話しています。つまり、ナビゲーションについて議論するときは、ナビゲーションとどのように対話するか、そしてそれが視覚的にどのように見えるかに重点を置きます。しかし、ナビゲーションはインタラクティブな方法や視覚的な形式に限定されません。 狭義のナビゲーション ナビゲーションの設計方法を振り返ってみませんか?コンテンツの内容や構造を踏まえて設計されているのではないでしょうか?結局のところ、ナビゲーションはおそらく、インタラクション デザイン、ビジュアル デザイン、そして忘れてはならない情報アーキテクチャという 3 つの側面から構成される取り組みです。ナビゲーションのデザインを決定するのは情報アーキテクチャです。 情報アーキテクチャは、使用する分類レベルの数や、アイテムが 2 つ以上のカテゴリに属することができるかどうかなどを決定します。情報アーキテクチャにおける作業の大部分は分類です。分類とは、既知の共通属性に基づいて既存の項目とコンテンツをグループ化および分類するプロセスです。コンピュータや情報システムが発明される前は、人々は常に分類作業を行っていました。日常生活から科学研究まで、分類はあらゆる場所で行われています。なぜ動物と植物を分類する必要があるのでしょうか?ああ、それは科学的な知識体系を形成することです。もちろん、最初に動物、植物、微生物が存在し、その後、界、門、綱、目、科、属、種などの生物学的分類体系が生まれました。なぜこんなに多くのレベルに分かれているのでしょうか?これは、生物界の複雑さにより、このような詳細な区分が必要になるためです。 したがって、私が常に支持してきた考え方は、コンテンツと情報アーキテクチャに従って分類することです。したがって、定量的かつ定性的な分析であるカードソートの使用も強くお勧めします。条件が許せば、試してみることをお勧めします。 冒頭の話題に戻りますが、ナビゲーションを考える際にインタラクティブで視覚的な形式だけを考慮すると、情報アーキテクチャに反する可能性が非常に高くなります。たとえば次の例。タブ ナビゲーションの例 タブ ナビゲーションを使用するのはなぜですか?これは、分類と分類の構造 (通常は 2 つのレベル) をより適切に表現できるためです。人々がカテゴリを 2 つのレベルに分割するのは、タブ ナビゲーションのせいではありません。当初、デザイナーが独創的なタブ形式のナビゲーションを設計したのは、2 レベルの分類のためだったに違いありません。タブ ナビゲーションの大規模な使用は、ほとんどの情報アーキテクチャの設計にも悪影響を及ぼします。いくつかのシンプルな項目はプライマリ ロジックで表示することもできましたが、タブ スタイルのナビゲーションの方が見栄えが良かったため、2 つのレベルに分類されました。人々がナビゲーションのコピーとして常に 4 つの漢字を使用することに慣れているのと同じです。たとえば、「ニュース」という言葉を使っても問題ありませんが、「ホットニュース」を使用する必要があります。原理は同じです。 ナビゲーションのインタラクションと視覚的なデザインは、情報アーキテクチャのデザインに影響を与えてはなりません。魚眼メニューは本当に便利なのでしょうか?ドロップダウン メニューに元々 10 個のメニュー項目がある場合、魚眼メニューを使用することを選択しますか?あるいは単にかっこいいからかもしれません。 依然として同じ質問です。どのようなコンテンツがどのようなナビゲーションを決定するのか。ここで私が話していることには、テキスト資料の分類だけでなく、機能的な Web サイトのユーザー タスクと目標も含まれることに注意することが重要です。 ナビゲーションはタブだけではありません Office 2007 シリーズの製品では、元のメニューがレンガのようなボタンに置き換えられていることがわかります。リボンまたはコンテキスト ナビゲーションと呼ばれるこれらのタイルは、類似した対話型操作の分類です。明らかに、コンテキストナビゲーションはコンテンツの単純な分類を超えています。 検索ボックスはナビゲーションの一形態ですか?これはちょっと無理があるように思えます。ただし、情報検索システムでは、検索ボックスやフィルターなどがナビゲーションの役割を果たします。あるいは、アシストナビゲーションと呼ぶこともできます。 原点に戻って、ナビゲーションはなぜ存在するのでしょうか?すべてのシステムとアプリケーションにおいて、目的はユーザーがタスクを完了し、効率的に目標を達成できるようにすることです。このように、大まかに言えば、ユーザーがタスクを迅速に完了できるようにガイドするリンクやボタンは、より大きなナビゲーション システムの一部と考えることができます。 多くの友人が次のような疑問を抱いているかもしれません: ナビゲーション デザインではビジネス目標を考慮する必要がありますか?これは上記と矛盾しないと思います。詳細については議論に委ねることができます。 まとめると、ナビゲーションのためにナビゲーションをするのはやめましょう。最初のナビゲーションはプレゼンテーションの形式を指し、2 番目のナビゲーションは実際のナビゲーション システムを指します。 ナビゲーション デザインでは、インタラクション方法や視覚的な形式よりも情報アーキテクチャが重要です。 ナビゲーションはコンテンツの分類だけではなく、類似したインタラクティブ操作の分類でもあります。ナビゲーションの目的は、ユーザーがタスクを完了し、目標を効率的に達成できるようにすることです。 コンテキスト ナビゲーションは、ナビゲーション デザインの開発トレンドになる可能性があります。 |
概要前の章では、クエリのフィルター条件について学習しました。MySQL では、like % ワイルド...
目次初期ビューVue開発環境の構築Vueインスタンスの作成Vue テンプレート構文Vue データバイ...
序文決まり文句です。ここでは、フロントエンドとバックエンドの分離についての私の理解についてお話ししま...
1. ファイルを現在のディレクトリに解凍しますコマンド: tar -zxvf mysql....ta...
1) 適用範囲:読み取り専用:input[type="text"],input[...
適切に機能するテーブル プロパティ設定:コードをコピーコードは次のとおりです。 <テーブル セ...
背景何が起こったかというと、Luzhu は偶然、宇宙で最高の外部スピーカーを備えた携帯電話について知...
他の人のウェブページを保存して見たことがあると思いますが、特にdwで開くと、多くのウェブページに&l...
この記事では、ネイティブ JS で実装された本をめくる効果の図を紹介します。効果は次のとおりです。 ...
目次序文: 1. 役割の紹介2. 役割に関連する操作要約:序文:前回の記事では、MySQLの権限管理...
目次1. インデックスの役割2. インデックスの作成と削除(1)ALTER TABLE文を使用して、...
実際、XHTML 1.0 は、Transitional DOCTYPE と Strict DOCTY...
<frameset></frameset>は皆さんもよくご存知のものです。こ...
ソフトウェア開発者は、ネットワーク アプリケーションがどのように動作するかを階層的に完全に理解してい...
準備1. 環境の説明:オペレーティング システム: Windows Server 2019 PHP ...