最適な SharePoint エクスペリエンスのデザイン

このガイダンスは、アクセス可能な SharePoint サイト、ページ、およびカスタムコンポーネントを設計するために使用します。実際のホスト向けのガイダンスを選択する: SharePoint ページレイアウトは、Copilot 会話や Viva Connections カードのレイアウト契約ではありません。

コンポーネントのホスト向けの設計

Copilot UX コンポーネント:Copilot テーマとデザインガイダンス、表示モード、表示コンテキストガイダンスに従います。ホストは周囲の会話を制御します。コンポーネントは iframe UI を所有します。
SharePoint Web パーツおよび拡張機能: 以下のページデザインの原則と SPFx Fluent UI ガイダンスを使用します。すべてのサンプルを同じ Fluent UI バージョンにアップグレードするのではなく、ライブラリのバージョンをコンポーネント/テンプレートと一致させます。
Viva Connections: アダプティブカード拡張機能ガイダンスから始めます。

サポートされている各ホストで、キーボードアクセス、フォーカス、テーマ、サイズ変更、エラー状態をテストします。レスポンシブデザインやモバイルサイズのモックアップでは、クライアントサポートは確立されません。Copilot UX コンポーネントは GA 時点で iOS/Android をサポートしていません。

複数のデバイスでの SharePoint コミュニケーションサイト

SharePoint デザインの原則

SharePoint は、Office および Microsoft の製品ファミリの方向性を決めるデザインの原則に基づいて構築されています。これらの原則は、Microsoft 製品の目標とユーザーのニーズに沿ったデザインを維持するために役立っています。

前向きですばやく

必要なプラットフォームとサポートがあれば、SharePoint では、思いついたことを何でも実現できます。フィードバックとデータにフィットする製品エクスペリエンスを提供できるよう、Microsoft はスピードと行動力を大切にしています。

動的で活動的に

Microsoft は世界のダイナミズムによって成長し、変化によって人々の新しい可能性が開かれることを歓迎します。 Microsoft は自己改革を恐れずに、取り巻く世界を変え続ける人々や企業のニーズを満たすように改善を続けています。

真の便利さを

Microsoft は、30 年以上もの間、人々の目的達成を心から支援し続けています。 Microsoft は、これを独自の方法で手掛けています。 Microsoft は、お客様の大切さを理解し、信頼性と誠実さを忘れず、SharePoint が有意義で役立つものであり続けるよう努力しています。

未来志向で

Microsoft は、今日の目的達成方法を超えるものを常に探し求めています。人々の才能こそが Microsoft の活力であり、Microsoft のプラットフォームを通じて、人々の可能性を引き出すことに重点を置いています。今日の人々のニーズだけでなく、将来のニーズについても配慮しています。人々が何をどのように実現しようとしているかについて予測しています。そのため、誰に何ができるようになるかを中心にテクノロジを構築しています。

アクセシビリティと完成度を大切に

アクセシビリティにより、すべてのユーザーに平等で、各自の視覚、聴覚、運動機能、認知、音声のニーズに沿ったエクスペリエンスを提供します。 SharePoint は、すべての場面で、あらゆるユーザーにバリアフリーのエクスペリエンスを提供し、また、すべてのお客様のニーズを反映するエクスペリエンスを提供することが大切であると確信しています。

Figma の SharePoint Web UI キット

スクリーンショット 2024-10-02 134843

SharePoint Web UI Kit を使用すると、Figma でデスクトップ、タブレット、モバイル向けのコミュニケーションサイトとチームサイトをデザインできます。このキットは、一連の Web パーツ、スタイルオプション、テンプレート、詳細なガイダンスを提供するので、Figma で魅力的なサイトやページをすばやくデザインできます。 Figma は、Web デザインの業界標準ツールであるサブスクリプションベースのアプリケーションであり、SharePoint の外部でサイトやページをデザインする代替手段を提供します。

Figma コミュニティでキットにアクセスする

製品チームとのライブデモを YouTube で見る

組織の制限のない設計

この UI キットは、SharePoint ユーザーのツールボックス内の別のツールを提供します。 SharePoint でのページの構築は簡単ですが、サイトやページをモックアップする機能を提供したいと考えていました。これにより、管理者特権やテナント制限の制限を受けることなく、サイトのさまざまなデザインオプションを探索でき、organization データが公開されません。

Figmaモックアップは、ビジネス関係者が計画と意思決定に使用できるSharePoint更新のクイックスナップショットを提供します。適切な要件を提供し、デザインチームと協力してこの UI キットを使用して、organization のイントラネットのライフサイクルを繰り返すことができます。

この UI キットには、ページレイアウトと Web パーツの選択が用意されており、新しいアイデアをモックアップして組織や企業間で共有できます。 Figma を使用すると、SharePoint でデザインを作成するのに時間とリソースを費やすことなく、デザインをレビューして共有できる柔軟性が得られます。 Figma を使用すると、ドキュメントやプレゼンテーションで使用できる使いやすい形式にデザインをダウンロードすることもできます。詳細については、 https://www.figma.com/

Figma は SharePoint でページを作成しないため、Figma でデザインを完成したら、それを SharePoint で構築する必要があることに注意してください。 Figma が SharePoint のサイトやページをモックアップするための適切なソリューションであるかどうかを評価する必要があります。