
目次
ナビゲーション
ナビゲーションとは
「ユーザーがウェブサイトやアプリ内で、目的のページに移動するための案内システム」だよ。
ナビゲーションのわかりやすい事例
事例1: ウェブサイトのメニューバー
多くのウェブサイトには、トップページにメニューバーがあります。
例えば、「ホーム」「サービス」「製品」「お問い合わせ」といった項目が並んでいる部分です。
これらのリンクをクリックすることで、ユーザーは簡単に目的のページに移動できます。
事例2: スマートフォンのアプリメニュー
スマートフォンのアプリで、画面の下部に配置されているアイコンメニューもナビゲーションの一例です。
例えば、Facebookアプリでは「ホーム」「検索」「通知」「メニュー」といったアイコンがあり、それぞれのアイコンをタップすることで、異なる画面に移動できます。
事例3: eコマースサイトのカテゴリーメニュー
オンラインショッピングサイトで、商品カテゴリが一覧表示されているサイドバーやトップメニューもナビゲーションの一部です。
例えば、Amazonでは「家電」「ファッション」「食品」などのカテゴリーメニューがあり、クリックすることで該当カテゴリの商品の一覧ページに移動できます。
事例4: ウィキペディアのリンク
ウィキペディアの記事内で、他の関連する記事へのリンクが多数貼られていることがあります。
これもナビゲーションの一例で、リンクをクリックすることで関連情報に簡単にアクセスできます。
事例5: ブレッドクラムナビゲーション
ウェブサイトの上部に表示される「ホーム > カテゴリ > サブカテゴリ > 商品名」といった形式のナビゲーションです。
ユーザーがどのページにいるかを確認しやすく、上位のページに戻る際にも便利です。
※これらの事例は、ナビゲーションがどのようにユーザーの利便性を向上させているかを示しています。
Copilot参照
会話で学ぼ
基礎知識編
ユーザーがどのページにアクセスするかを
案内するための仕組みのことだよ。
トップページにあるメニューバーや、
アプリの下部にあるアイコンメニューが
「ナビゲーション」だよ。
これらはユーザーがサイトやアプリの中で
簡単に移動できるように設計されているんだ。
ユーザーが迷わずに目的のページに
たどり着くことができるんだ。
例えば、オンラインショッピングサイトで
「ホーム」「カテゴリ」「カート」「アカウント」
などのリンクがあれば、
ユーザーは簡単にそれぞれのページに移動できるよ。
例えば、Amazonのサイトでは、
上部に「カテゴリ」や「おすすめ商品」への
リンクが並んでいるよね。
これらのリンクをクリックすることで、
簡単に目的のページに移動できる。
これがナビゲーションの一例なんだ。
SNSで発信
X(元Twitter)
YouTubeショート
未投稿
スタンドエフエム
【デジナンばあばチャンネル】
ばあばと、もに隊長のおもしろトークだよ(笑)
https://stand.fm/episodes/67ef4e95418068074c9e9efb
インスタグラム
未投稿
tiktok
未投稿
https://www.facebook.com/share/r/14rcDP6rZun/
スレッズ
あとがき
このサイトは
「デジタル難民のばあば」と「パソコンやスマホをあまり得意としない方々」が一緒になって
少しずつ、ヒントもしくは知識を共有していくサイトです。
知識を楽しく学びながら、棺桶に足を突っ込むその日まで、一緒に成長してまいりましょう。
最後まで読んでいただきありがとうございました♡