Staffbaseプラットフォームのメニューは、ユーザーを主要な機能やコンテンツへつなぐメインのナビゲーションツールです。構造と整理を提供し、ユーザーがプラットフォームを簡単にナビゲートできるようにします。 メニューについて詳しくはこちら。 

Staffbaseでは、モバイルとデスクトップ環境で異なるメニュータイプを用意しています。モバイルメニューは小さな画面向けに設計されており、従業員アプリ内をすっきりと直感的に移動できるコンパクトな方法を提供します。最も重要で頻繁に使われる項目が含まれており、ユーザーが必要なものをすぐに見つけられるようにします。モバイルメニューは、スムーズで効率的、かつユーザーフレンドリーなモバイル体験を実現します。

この記事の内容：

• モバイルメニューの改善点
• モバイルメニューのレイアウト
• ボトムナビゲーションバー
• ベストプラクティス

モバイルメニューの改善点

2025年5月22日のQ2 2025リリースより、モバイルメニューの複数の改善がすべてのプラットフォームで段階的に展開されます。これは制御された段階的なロールアウトとなります。Staffbaseの機能展開戦略について詳しくはこちらをご覧ください。

プロダクトマネージャーHelen Rottluffによる詳細な説明をご覧ください

主な改善点は以下の通りです：

• 最新のデザイン
• ボトムナビゲーションバーにメニューアイコンを追加
• 発見性とアクセシビリティの向上
• プラットフォームのブランディングに基づいたモバイルメニューヘッダーの標準ブランディング
• iOSとAndroidで統一された体験
• 関連するニュースチャンネルがリスト表示される折りたたみ式ニュースページ

モバイルメニューのレイアウト

モバイルメニューは、ボトムナビゲーションバーのクイックリンクとして配置されています。ユーザーがメニューアイコンをタップすると、モバイルメニューページが開きます。メニュー項目リストの上部には、ユーザープロフィール、ブックマーク、グループ、個別設定、通知へ簡単にアクセスできます。 

スペースの制限があるため、モバイルメニューの項目はモバイルユーザーのニーズに合わせて慎重に選択する必要があります。そのため、各メニュー項目の表示をデバイスタイプごとに設定できます。詳しくはメニュー項目の表示設定をご覧ください。モバイルデバイスで表示がオフになっていても、コンテンツは検索や直接リンクからアクセス可能です。 

デバイスの表示設定に関わらず、ユーザーはデフォルトでアクセス権のあるコンテンツのみメニューで表示されます。プラグインでユーザーやグループごとにコンテンツの表示設定を行うと、例えばチャット、その設定が自動的にメニュー項目にも適用されます。 

ユーザーがボトムナビゲーションバーのメニューアイコンをタップすると、さまざまなメニュー項目を簡単にナビゲートできます。メニュー項目を開いた後も、戻るボタンやアプリ下部のメニューアイコンをタップすることで、いつでもメニューに戻ることができます。ニュースチャンネルは、対応するニュースページの下に折りたたみ形式で表示され、見やすさとアクセス性が向上します。 

ボトムナビゲーションバー

モバイルデバイスのボトムナビゲーションバーは、モバイル画面の下部に表示され、最大4つのクイックリンクを設定できます。これにより、ユーザーはメニューやアプリ内のよく使う機能にワンクリックでアクセスできます。ボトムナビゲーションバーについて詳しくはこちら。

ベストプラクティス

組織のモバイルユーザーにとって重要な機能を特定し、モバイルメニューで優先的に配置しましょう。モバイルデバイスの小さな画面では、シンプルで短いメニュー構成がコンテンツへの迅速なアクセスに役立ちます。より深い階層のコンテンツも、検索や直接リンクからアクセス可能です。 

モバイルユーザーが必要とする情報の種類を考えてみましょう。例えば：

• ユーザーはアプリでカフェテリアのメニューにアクセスする必要がありますか？ 
• 外出先で連絡先情報が必要ですか？
• チャットで同僚から素早いフィードバックを受け取る必要がありますか？

モバイルメニューは、デスクトップ専用アプリケーションへのアクセスを除外するように調整しましょう。たとえば、モバイルデバイスでサポートされていないプログラムや、モバイルでアクセスしにくいタスクやドキュメントへのリンクは削除し、ナビゲーションを簡単にしましょう。