map

SubLearnのナビゲーション

basics 3 min #navigation #menu #mobile

すべてのページの上部にあるメインナビゲーションバーには、SubLearnの主要セクションへのリンクがあります。

SubLearnのナビゲーション

トップナビゲーションバー

すべてのページの上部にあるメインナビゲーションバーには、SubLearnの主要セクションへのリンクがあります。

  • ロゴ — 左側のSubLearnロゴをクリックすると、どこからでもホームページに戻ります。
  • 学習ドロップダウン — 学習コンテンツにアクセスします。
    • 動画 — 字幕付きの学習動画を閲覧・視聴
    • コンテンツ — ラーニングパスとキュレーションコンテンツコレクションを探索
    • リーディング — 読み物やトランスクリプトにアクセス
  • レビュードロップダウン — 学んだことを練習します。
    • ボキャブラリー — ボキャブラリーワードのレビューとマスター
    • フラッシュカード — 作成したフラッシュカードデッキを学習
    • SRSレビュー — 間隔反復システムで最適な学習
  • 練習 — リアルタイムの言語チャレンジのボスバトルを開始します。
  • 進捗ドロップダウン — 学習の旅を追跡します。
    • 実績 — 獲得したバッジとマイルストーンを確認
    • リーダーボード — 他の学習者との比較
    • ラーニングパス — 構造化コースの進捗をモニター
    • 目標 — 個人の学習目標を設定・追跡

ユーザーメニュー

右上隅に学習プロフィールとクイックアクセスオプションが表示されます。

  • XP/レベルバッジ — 現在のレベルと経験値を一目で確認できます。
  • 通知ベル — アクティビティの更新、実績通知、学習リマインダーを表示します。バッジが未読通知を示します。
  • プロフィールドロップダウン — アバターまたは名前をクリックしてアクセスします。
    • プロフィール — 公開学習プロフィールの閲覧と編集
    • 設定 — 設定、言語、通知設定のカスタマイズ
    • 請求 — サブスクリプションと支払い方法の管理
    • ログアウト — アカウントからサインアウト

モバイルナビゲーション

モバイルデバイスでは、ボトムタブバーとハンバーガーメニューでナビゲーションが最適化されています。

  • ボトムタブバー — ホーム、レビュー、進捗、その他、プロフィールの5つのクイックアクセスタブ。
  • ハンバーガーメニュー — メニューアイコンをタップすると、学習、レビュー、練習、その他の機能を含むすべてのナビゲーションオプションが表示されます。

モバイルのサイドバー

モバイルメニューを開くと、整理されたナビゲーションセクションを持つフルスクリーンのサイドバーが表示されます。任意のアイテムをタップしてそのセクションに移動します。サイドバーの外側をタップするかスワイプして閉じることができます。サイドバーにはデスクトップのナビゲーションバーと同じすべてのオプションが、親指で簡単にアクセスできるよう垂直に配置されています。

パンくずリスト

動画、記事、ラーニングパスなどのページでは、上部付近に現在の位置を示すパンくずリストが表示されます。例:ホーム > 学習 > 動画 > フランス語の基本。パンくずをクリックすると、ブラウザの戻るボタンを使わずにそのセクションにジャンプできます。コンテンツ構造を階層的にナビゲートするのに役立ちます。

クイックアクション

SubLearn全体で、学習をスピードアップするクイックアクションショートカットが見つかります。

  • クイック練習ボタン — フローティングアクションボタン(通常は右下隅)から、どのページからでもクイック練習セッションを開始できます。
  • キーボードショートカット — キーボードショートカットでより速くナビゲートします。
    • ? — キーボードショートカットヘルプメニューを開く
    • H — ホームにジャンプ
    • P — 練習/ボスバトルを開く
    • S — 検索にフォーカス

検索

検索機能を使ってSubLearn全体のコンテンツを素早く見つけましょう。検索バーはトップナビゲーションからアクセスでき、動画、ラーニングパス、ボキャブラリー、記事、ヘルプガイドの検索に対応しています。入力を始めるとリアルタイムで結果が表示され、結果をクリックするとそこに移動します。検索フィルターでコンテンツタイプや言語で結果を絞り込めます。

このガイド役に立った?

ガイドをシェア