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

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

この記事の内容：

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

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

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

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

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

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

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

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

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

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

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

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

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

ベストプラクティス

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

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

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

モバイルメニューは、デスクトップ専用アプリケーションへのアクセスを削除するなど、モバイル向けに最適化しましょう。モバイルデバイスでサポートされていないプログラムや、モバイルでの操作が難しいタスクやドキュメントへのリンクは削除し、ナビゲーションを簡単にしましょう。