ブログ

SharePointのポータルサイトのデザインは「ダサい」?

サイトデザイン

「自社の社内ポータルサイトはデザインがダサい」と残念ながらよく耳にします。
なぜ、「ダサい」と言われてしまうのでしょうか?
ここではSharePointでの特徴や機能性などを交えながらデザイン性についてお話していきます。
貴社の社内ポータルサイトをオシャレにするヒントが見つかります。

SharePointのポータルサイトが「ダサい」と言われてしまう理由

「ダサい」と言われてしまう理由。それは、自社のサービスを外部に向けてアピールする「Webサイト」と違い、内部の社員に向けて「情報を共有する」という目的で構築されているためデザイン性については、あまり考慮されずに構築をしたことが推測されます。また、二種類の SharePointの存在も頭を悩ませる理由の一つです。

モダンUIとクラシックUIの違い

この二種類のSharePointの違いは、単純に新しいか古いかです。新しいものは「モダンUI」、古いものは「クラシックUI」と呼ばれています。
また、作成方法も異なります。「モダンUI」は、SharePointから「サイトの作成」から作成すると、初期表示から自動的にモダンUIを利用することになります。「クラシックUI」は、直接SharePointから作成するのではなく、Microsoft 365 管理センターのサイトからSharePoint管理センターで作成を行うと、トップページはモダンUIで作成されていますが、切り替え機能でクラシックUIが使用できるようになっています。

デザイン性について

SharePointのモダンUIは、従来のクラシックUIの機能に比べて大幅にデザイン性が向上しており、余白が大きく、かなり余裕のあるスタイリッシュなレイアウトになっています。

逆にクラシックUIではどうでしょう。「情報量を可能な限り多く入れる」が使用目的で、UIについてもHTML使って余白を消したりヘッダー狭くしたりと使いやすくカスタマイズを行うのが主流ですが、デザインのトレンドが変わる度に開発のカスタマイズを行うことは非効率でコストもかかってしまいます。

近年、Microsoftでは新しいモダンUIへの移行、機能拡張を進めています。
社内ポータルを構築する際は機能面のほか、社員がどれだけ利用しやすいものを作れるかという点や、業務との親和性も重要になってきており、更新のしやすさも不可欠となっております。社員が毎日アクセスしたくなるようなポータルサイトの構築は、生産性や仕事のクオリティ、モチベーションが上がる好循環を生み出すことが可能となります。

特徴

SharePointは「ファイルや情報の共有サービス」をコンセプトとして開発されています。
そのため、SharePoint単体では、ドキュメントやデータ、コンテンツの管理・共有というシンプルな機能しか持っておらず、最大の弱点がインターフェースの自由度の低さにあります。
標準インターフェースではデザイン性に乏しく、ユーザーの使いやすさにつながりづらい傾向にあるため、それ相応のカスタマイズが必要となります。

特に「社内ポータルサイト」や「Web社内報」といったメディアは、社内情報、コミュニケーションを効率的に行うために見やすくわかりやすく画面設計する必要がありますが、SharePointには目的に応じたパーツが豊富に揃っているという大きな利点があります。これらを組み合わせることによって、利便性に優れた「社内ポータルサイト」や「Web社内報」を構築することが可能となるのです。

標準機能(一部)

サイトの特徴

「社内ポータルを作りたいが、サービスが多すぎてどれを選んだらいいのかわからない!」「資料をたくさん取り寄せてはみたものの、情報が多すぎて逆に選べなくなった」、そんなお困りごとをお持ちではありませんか。社内ポータルを構築する際は機能面のほか、社員がどれだけ利用しやすいものを作れるかという点や、業務との親和性も重要になってきます。
ここでは、一部抜粋してモダンUIの機能を紹介していきます。

ニュース機能
– お知らせリストのように幅の狭い画面ではなく、広々とした画面に素早く見栄えよくコンテンツを掲載できる
– 記事を “後で読む” ための「しおり」の機能がある
– リンクを素早くメールで関係者に送信できる

フォルダー単位のアップロード
以下の Web ブラウザーを使っている場合に限りフォルダー単位でのアップロードが可能
– Microsoft Edge
– Google Chrome
※Internet Explorerはフォルダーのアップロードをサポートしていません。

プロパティ情報に応じた強調表示(リスト/ライブラリ)
都度ファイルを開いて内容を確認しなくても素早く見つけ出せる

ページの作成(複製/テンプレートから)
ポータルサイトやアプリ (リストやライブラリ) のテンプレートを作成し、コンテンツを移行することが可能

シームレスなドキュメント選択/表示
一覧と同じページに表示することが可能

ハブサイト
部門/地域/プロジェクトなどに基づいて作成された複数のSharePointモダンUIサイトを関連付けることが可能

ユニークな機能としては「ヒーロー」。一言で言ってしまえばリンクを強調表示し視覚的な効果を演出する「リンク集」です。また、「カウントダウンタイマー」「天気予報」「クイックグラフ」、SNSやブログのような「ページ毎のコメント/いいね」の機能もあり、社員同士の円滑なコミュニケーションに役立ちます。
もちろんクラシックUIにも同様の目的を持つWebパーツもありますが、上記で述べました通り「情報量」を重視しており機能性やデザイン性にあまり注目されていませんでした。クラシックUIでモダンUIのようなデザイン性の高いパーツを使用するには、開発によるパーツのカスタマイズをする必要があります。

※その他の機能・Webパーツを知りたい方は、Microsoftの下記サイトをご参考ください。
クラシックおよび最新のWebパーツエクスペリエンス(外部リンク)

メリットとデメリット

メリットとデメリット

ここでは、それぞれのメリットとデメリットをご紹介していきたいと思います。

モダンUI

<メリット>
– レスポンシブデザイン(モバイル端末からの操作性向上)
– 外部アプリとの連携強化
– 直感的なページ作成
– 速度向上
– Microsoftによる継続的な機能強化

特に最大のメリットはモバイルへの適応力です。
また、モダンUIはリリース当初に比べ格段に使いやすくなっており、現在も継続的に機能が追加されており、デジタル化された職場環境においては、企業内のコミュニケーションはいつでも、どこでも重要です。Microsoft 365のSharePoint Mobileアプリを利用すれば、サードパーティ製アプリを導入することなくチームサイトやポータルサイトへのアクセスが可能になります。遠隔地での社員同士の情報共有も可能になるでしょう。

<デメリット>
– ウィンドウサイズによってレイアウトが変わる
– クラシックUIの機能が一部削除されている
– HTML/CSS/JavaScriptが利用不可

一番のデメリットは「HTML/CSS/JavaScriptが利用不可」。
基本的にはWebパーツの拡張ができず、拡張したい場合は難易度の高い開発が必要となります。
また、デザインの制約が多く、細部まで凝ったデザインに変更しにくいといった点も挙げられます。
「ウィンドウサイズによってレイアウトが変わる」については、メリットであったレスポンシブ対応が故の残念なデメリットの一つ。HTML等でカスタマイズが利用不可のため、細かいウィンドウサイズの調整ができず制限ある中で表現の仕方を工夫する必要があるでしょう。

クラシックUI

<メリット>
– カスタマイズのハードルが低い
– よくある企業サイトのような見た目にすることが可能
– JavaScriptを用いて動的な処理も入れやすい

一昔前まで主流で採用されていたクラシックUIの全体的なメリットは、何と言っても「カスタマイズが容易」です。
モダンUIと打ってかわりHTML/CSS/JavaScript等の処理が入れやすいため、デザイン性について、ある程度こだわることが可能です。

<デメリット>
– Microsoftとしてはモダンの採用を推奨しており、クラシックの追加機能開発もほぼ終了している
– サポート自体は行ってはいるものの、いつまで対応するかも未定である
– デザインも一昔前で洗練されていない

上記の通り、今後のサポートや大幅な機能強化は見込めず、さらにモダンUI化が加速することは明らかになってきています。
とはいえ、まだクラシックを利用している企業が多々あるこちから、すぐに廃止されることはありません。現在のデザインのに合わせてカスタマイズすることは可能ですが、デザインのトレンドが変更する度にカスタマイズを行うことは非効率で、あまりおすすめしません。

まとめ

いかがでしたでしょうか?
過去にはフロント画面と管理画面の双方において操作が直感的ではないとの批判もありました。
SharePointを導入した企業は、その使用を社内で推進していくにあたって、この操作感が大きな懸念事項でした。

しかし、Microsoftは新しいSharePoint(モダンUI)のすべてにおいて使いやすさを重視しUIが大きく改善されていますので、社員、IT管理者どちらにとっても非常に使いやすいプラットフォームになっています。

では、導入、または検討されている企業様は実際どちらのUIを使うべきなのか。。。
社内の利用状況や担当者個人の見解にはなりますが、デザイン性を考慮するのであれば、UI・UXなどのデザイン知見を持った方を担当者の一人としてアサインし検討を行う方がよいでしょう。
個人的な意見となりますが、クラシックよりも将来性のあるモダンをおすすめいたします。

弊社ではクラシックUIやモダンUIによるポータルサイト構築やSharePointの技術サポートサービスを提供しております。
またモダンUIでカスタマイズをするときに必要なSharePoint Frameworkを用いた独自Webパーツの販売やお客様のご要望に合わせたWebパーツの開発が可能です。
デフォルトのWebパーツでは対応しきれない部分がございましたらお気軽にご相談ください。
※弊社SharePointの関連サービスはこちらをご覧ください。

また、SharePoint開発以外にもPower AppsやPower Automate等、Power Power platformを使ったアプリの開発も行っております。
どんな些細なことでも構いません、少しでも気になった方はぜひ弊社にお問い合わせください。

ez officeの関連サービス

ez officeでは、クラシックUIやモダンUIによるポータルサイト構築やSharePointの技術サポートサービスを提供しております。
またモダンUIでカスタマイズをするときに必要なSharePoint Frameworkを用いた独自Webパーツの販売や
お客様のご要望に合わせたWebパーツの開発が可能です。
デフォルトのWebパーツでは対応しきれない部分がございましたらお気軽にご相談ください。
また、SharePoint開発以外にもPower AppsやPower Automate等、
Power platformを使ったアプリの開発も行っております。

ポータルサイト構築サービス

「社員に情報を届ける」ことと「知りたい情報が見つかる」を実現。
ez office独自のテンプレートを活用して、短期間かつ安価にポータルサイトを構築します。

どんな些細なことでも、
お気軽にご質問・ご相談ください。

お問い合わせ

一覧に戻る

資料一覧
ez officeの各サービスについての資料をダウンロードいただけます。