スペースナビゲーションのカスタマイズ

グレースケールリリース中

​

1. はじめに

​

1.1 機能概要

ナビゲーションのカスタマイズにより、組織はさまざまな企業アプリに合わせてパーソナライズされたナビゲーション構造を構築できます。ユーザーは必要なアプリ、ページ、リンクをより迅速かつ簡単に見つけられます。

​

1.2 ユースケース

• カスタムレイアウト：アプリ管理者は業務ニーズに応じて、ナビゲーションメニューの階層、順序、コンテンツを自由に調整でき、最も頻繁に使用されるオプションを常に目立つ位置に配置できます。
• 満足度の向上：パーソナライズされたナビゲーションにより、ユーザーは必要な情報や機能を効率的に見つけられ、システムに対する満足度が向上します。

​

2. 手順

スペースナビゲーションのカスタマイズは現在、PC版ナビゲーション、モバイル版ナビゲーション、テーマ設定の構成に対応しています。

​

2.1 エントリ

4. ナビゲーション & テーマ を選択します。

​

2.2 PC版ナビゲーションの設定

PC版ナビゲーションの設定は、ナビゲーションメニュー、ナビゲーションロゴと名前、システムアクションの3つのエリアに分かれています。

​

1. ナビゲーションメニューエリア

1. 追加 をクリックし、コンテンツタイプを選択します。ナビゲーションメニューエリアは現在、6種類のコンテンツタイプ（ポータル、アプリ、ページ、システムページ、カスタムリンク、ページグループ）に対応しており、最大50タブまで作成できます。
2. 利用可能なコンテンツタイプと対応するオプションは以下のとおりです。

3. 確認 をクリックして、新しいナビゲーションメニュー項目を追加します。上部展開スタイルに対応しており、今後の階層拡張の余地を残しています。

グループを作成した場合、グループ内で サブレベルを追加 を使用する際に、上記5種類のコンテンツタイプのいずれかを選択できます。

4. 各行のボタンをクリックすると、

現在のレベルのメニュー配下にサブメニューを追加できます。以下のとおりです。 クリックすると、 ポータル、アプリ、ページ、システムページ、カスタムリンクなどを追加できます。追加後、対応するメインメニュー配下でサブメニューを確認できます。

5. モバイルへ同期 をクリックすると、まず現在のPC版ナビゲーションを保存してから同期します。

​

2. ナビゲーションロゴと名前エリア

このエリアは主に ナビゲーションロゴと名前 を設定するために使用します。例： 設定オプションの詳細は以下のとおりです。

イラスト	オプション名	説明
	スペースナビゲーションロゴを表示	オン／オフを切り替え可能
	スペースロゴ	1 MB以内のjpg／jpeg／gif／png／svgファイルをスペースロゴとしてアップロードします。高さ32ピクセルを推奨します。
	ロゴのリダイレクトURL	デフォルトあり
	スペース名を表示	オン／オフを切り替え可能
	スペース名クリック時のリダイレクトURL	デフォルトあり

​

3. システムアクションエリア

1. システムアクションエリアでは、右上のボタンの表示を設定できます。共有、タスク、プロフィール写真ボタンの表示と外観が含まれます。以下のとおりです。

コンテンツ設定：共有／タスク／プロフィール写真。 スタイル設定：アイコン+テキスト／アイコンのみ。

​

2.3 モバイル版ナビゲーションの設定

​

1. ナビゲーションメニューの設定

• 第1階層ナビゲーションスタイル：下部ナビゲーション または 上部ナビゲーション のいずれかを選択します。
• 下部ナビゲーションと上部ナビゲーションの両スタイルに対応し、最大2階層まで設定できます。
• 7種類のコンテンツタイプ（ポータル、アプリ、ページ、システムページ、カスタムリンク、スペースAIアシスタント、ページグループ）に対応し、最大50タブまで作成できます。
• タブが5つを超える場合、超過分は「その他」に折りたたまれます。

​

2. モバイル版で利用可能なコンテンツタイプ

​

2.4 テーマ設定

設定オプションの詳細は以下のとおりです。

オプション名	説明
テーマカラー
スペースナビゲーションカラーモード
ページ背景色	元のページ背景を維持 例：ポータルデザイナーで背景色を薄い青に設定した場合、左図のようになります。 スペース内のポータル背景はデザイナーの設定と一致します（右図参照）。 統一グレー 例：ポータルデザイナーで背景色を薄い青に設定した場合、左図のようになります。 スペース内のポータル背景はグレーに変わります（右図参照）。 統一透明 例：ポータルデザイナーで背景色を薄い青に設定した場合、左図のようになります。 スペース内のポータル背景は透明になり、スペース背景が表示されます（右図参照）。
ポータルテーマカラー	元のポータルテーマカラーを維持 例：ポータルデザイナーでアイコンやエントリなどのテーマカラーを設定した場合、左図のようになります。 スペース内で元のポータルカラースキームが保持されます（右図参照）。 スペーステーマカラーに従う 例：ポータルデザイナーでアイコンやエントリなどのテーマカラーを設定した場合、左図のようになります。 スペース内でスペーステーマカラーが統一的に適用されます（右図参照）。