画面の見方ガイド
ヘッダー、検索、通知、マイページなど、使い始めに迷いやすい共通UIの見方を整理します。
ヘッダーで確認できること
ヘッダーには、主要な導線が集まっています。記事探し、ログイン状態の確認、通知、プロフィールや設定への入口をここから辿ります。
- 記事を探す起点を確認する
- ログイン状態で表示がどう変わるかを見る
- プロフィールや設定に進む入口を把握する
ここに「ヘッダー全体」部分が映るスクショを貼り付け
実スクリーンショット取得後、この仮枠を差し替える
ここに「ヘッダー右側の主要導線」部分が映るスクショを貼り付け
実スクリーンショット取得後、この仮枠を差し替える
検索導線の見方
検索は、すでに探したいテーマやキーワードがある時の最短ルートです。トップや一覧から広く探す導線との違いもここで整理します。
- 検索入力の位置を確認する
- キーワード探索と一覧探索の役割を分けて考える
- タグや執筆者導線へ広げる起点として使う
ここに「検索入力まわり」部分が映るスクショを貼り付け
実スクリーンショット取得後、この仮枠を差し替える
ここに「検索結果へつながる導線が分かる画面」部分が映るスクショを貼り付け
実スクリーンショット取得後、この仮枠を差し替える
通知の位置と役割
通知は、いいね、コメント、フォローなどの変化を受け取る入口です。毎回詳しく確認しなくても、どこで未読や更新に気づけるかを把握しておくと十分です。
- 通知への入口を確認する
- 未読や更新がどこで分かるかを見る
- 詳細確認は通知ページで行う流れを理解する
ここに「通知導線が分かるヘッダー部分」部分が映るスクショを貼り付け
実スクリーンショット取得後、この仮枠を差し替える
ここに「通知ページへの遷移イメージ」部分が映るスクショを貼り付け
実スクリーンショット取得後、この仮枠を差し替える
マイページ導線の見方
ログイン後は、マイページ配下に自分の記事、ライブラリ、設定などの導線がまとまります。使い方ページでは、細かな操作よりも「何をする時にどこへ行くか」を中心に見せます。
- ダッシュボードやマイページの入口を確認する
- 読む側と書く側で見る場所が変わることを理解する
- 設定、ライブラリ、自分の記事一覧への入口を把握する
ここに「マイページ入口が分かる画面」部分が映るスクショを貼り付け
実スクリーンショット取得後、この仮枠を差し替える
ここに「ダッシュボードまたはマイページ全体」部分が映るスクショを貼り付け
実スクリーンショット取得後、この仮枠を差し替える
