Usage Guide

画面の見方ガイド

ヘッダー、検索、通知、マイページなど、使い始めに迷いやすい共通UIの見方を整理します。

共通UIの役割が分かる
どこに何の入口があるか把握できる
マイページや通知への移動で迷いにくくなる

このページで分かること

各セクションの見出しから直接ジャンプできます。

SECTION 1

ヘッダーで確認できること

ヘッダーには、主要な導線が集まっています。記事探し、ログイン状態の確認、通知、プロフィールや設定への入口をここから辿ります。

  • 記事を探す起点を確認する
  • ログイン状態で表示がどう変わるかを見る
  • プロフィールや設定に進む入口を把握する

ここに「ヘッダー全体」部分が映るスクショを貼り付け

実スクリーンショット取得後、この仮枠を差し替える

ここに「ヘッダー右側の主要導線」部分が映るスクショを貼り付け

実スクリーンショット取得後、この仮枠を差し替える

SECTION 2

検索導線の見方

検索は、すでに探したいテーマやキーワードがある時の最短ルートです。トップや一覧から広く探す導線との違いもここで整理します。

  • 検索入力の位置を確認する
  • キーワード探索と一覧探索の役割を分けて考える
  • タグや執筆者導線へ広げる起点として使う

ここに「検索入力まわり」部分が映るスクショを貼り付け

実スクリーンショット取得後、この仮枠を差し替える

ここに「検索結果へつながる導線が分かる画面」部分が映るスクショを貼り付け

実スクリーンショット取得後、この仮枠を差し替える

SECTION 3

通知の位置と役割

通知は、いいね、コメント、フォローなどの変化を受け取る入口です。毎回詳しく確認しなくても、どこで未読や更新に気づけるかを把握しておくと十分です。

  • 通知への入口を確認する
  • 未読や更新がどこで分かるかを見る
  • 詳細確認は通知ページで行う流れを理解する

ここに「通知導線が分かるヘッダー部分」部分が映るスクショを貼り付け

実スクリーンショット取得後、この仮枠を差し替える

ここに「通知ページへの遷移イメージ」部分が映るスクショを貼り付け

実スクリーンショット取得後、この仮枠を差し替える

SECTION 4

マイページ導線の見方

ログイン後は、マイページ配下に自分の記事、ライブラリ、設定などの導線がまとまります。使い方ページでは、細かな操作よりも「何をする時にどこへ行くか」を中心に見せます。

  • ダッシュボードやマイページの入口を確認する
  • 読む側と書く側で見る場所が変わることを理解する
  • 設定、ライブラリ、自分の記事一覧への入口を把握する

ここに「マイページ入口が分かる画面」部分が映るスクショを貼り付け

実スクリーンショット取得後、この仮枠を差し替える

ここに「ダッシュボードまたはマイページ全体」部分が映るスクショを貼り付け

実スクリーンショット取得後、この仮枠を差し替える