Web関連

ナビゲーション設計に必要なユーザビリティとファインダビリティ

0

ナビゲーションとはウェブサイトにおいては、
ユーザーを目的の情報へとスムーズに導くための機能のことです。
膨大な情報の中から目的の情報を探すとなった場合に、
ナビゲーションはウェブサイトにおける必須の機能といえるでしょう。

今回はナビゲーションを設計する際、おさえるべきポイントについて考えてみたいと思います。

ユーザービリティとファインダビリティ

ナビゲーションの使い方としては、見るだけでなく、クリックするという行動も
必要となります。
そのためナビゲーションは「見る」、「使う(クリックする)」という
2つの行動を考慮した作りにする必要があるのです。

ナビゲーションには共通の考えとして、ユーザビリティ(使いやすさ)を
考慮した設計が大切だと言われますが、ファインダビリティ(見つけやすさ)も考慮する必要があるのです。

この2つのことはウェブサイト制作においても当てはまります。
どちらか一方を満たしていれば良いというわけではなく、
ユーザビリティ、ファインダビリティの両立が必要になるのです。

ハンバーガーメニューから見るナビゲーション

例えば、ナビゲーションを「見る」という行為に比重を置いたサイトにする場合、
画面中央に大きく表示することでそれは満たされるでしょう。

ナビゲーションを「使う」という行為に比重を置いたサイトにする場合、
ページを移動する際にナビゲーションをクリックしたときにはじめて表示することでそれは満たされます。

少しわかりやすく例を出すとモバイルサイトなどでよく用いられるハンバーガーメニューです。
ハンバーガーのように見える「三」のマークアイコンのことです。
画面幅が狭いスマートフォンでは、情報をできる限りコンパクトにする必要があるため、
ナビゲーションの集約という考えで設計した結果である一方で、
そこにナビゲーションがあるという規制概念が浸透してきたからこそ、成立した仕様と考えたほうが良いでしょう。

 

ナビゲーションのまとめ

先ほど例に挙げたハンバーガーメニューはモバイルサイトの画面内にコンパクトに表示することができ、
デザイン面でも優れています。
しかしクリックをしなければナビゲーションを見ることができないということは、
「ファインダビリティ」の考慮を考えると少しユーザーのリテラシーに頼っているところがあるのかもしれません。

たとえば、ハンバーガーメニューの「三」というアイコンだけではなく、「メニューという文字」を入れるだけで、
「ファインダビリティ」の問題は解消することができます。

このように、ユーザビリティ、ファインダビリティを両立させたナビゲーションこそが
ユーザーフレンドリーな設計であると言えるでしょう。

ホームページ制作でお困りの方はホームページ制作会社ティファナにご相談ください!

お問い合わせはこちらから

関連するサービス

ホームページ制作

0

スマートフォンサイトに適したUI設計とは(1)前のページ

数年後には常識!?開発を変える『APIエコノミー』とは次のページ

ピックアップ記事

  1. 新しい販売形態であるDtoCについて考えてみる
  2. AIに求められているものは、実は意外な物だった
  3. 大手企業も注目するMaaS(Mobility as a Service)とは何か…
  4. 新型コロナウイルスで日本の働き方改革が起こる

関連記事

  1. Web関連

    プリントケーキで思い出に残るお誕生日を!

    今回は、お誕生日や結婚記念日など特別な日にぴったりのユニークなプリント…

  2. Web関連

    リターゲティング広告の性質を逆に利用!新たなバナー広告活用法

    こんにちは!デザイナーの岡村です。ウェブ担当者の皆さん、「リターゲ…

  3. Web関連

    レスポンシブWebデザインの是非!

    花粉症の季節が終わり、ホッとしている須澤です!体重は現状維持で…

  4. Web関連

    たかがキャラクター。されどキャラクター。~町おこし編~

    前回のコラム(たかがキャラクター。されどキャラクター。)では各企業がキ…

  5. Web関連

    コミュニケーションの要!?「可愛げ」とは

    さて、そろそろ年度末ですね。新入社員の皆さんはあと少しで丸々1年が…

おすすめ記事

最近の記事

  1. 人間拡張×AIで非接触なデジタル化を推進する
  2. ヘルスケアはAI先生にみてもらう時代
  3. withコロナは非接触技術で生活しよう!
  4. デジタル接客+AIで非接触を推進する
  5. 遠隔診療や遠隔医療普及のポイントはAIと5G

アーカイブ

  1. SNS関連

    Web制作会社がアパレル業界のSNS戦略について調査してみた
  2. AI関連

    これからの農業に欠かせないドローン技術
  3. Web関連

    ちょっとした工夫で変わる?!webサイト制作でも役立つ室内撮影時のライティング方…
  4. Web関連

    WEB担当者必見!プライベートDMPとオープンDMPの違い
  5. AI関連

    AI(人工知能)がデータを分析して正確に在庫管理するサービス・システムが続々実用…
PAGE TOP