Experience Cloud サイトのデザイン、どうすれば良いですか？ ～part2
ご挨拶
こんにちは。株式会社SHIFT カスタマーサクセスグループ Salesforceチームのソンと申します。
2023年にSHIFTへ入社し、お客様の既存システムやサイトを改修するプロジェクトに携わり日々頑張っております。
前回のpart１ではSalesforce Experience Cloud サイトを構築する前に知っておかないといけないデザインの必要性についてご紹介いたしました。
今回は、本格的にSalesforce Experience Cloud サイト構築においてどのような思考で実現すべきかについてご紹介したいと思います！
Salesforce Experience Cloudサイトデザインの考え方
「デザイン」とは、表現を目的にするアートとは違く、問題解決を主な目的にします。
そのため、 ユーザーの立場から見て考える力が必要になりますし、下記のようなデザイン原則を考慮した上でExperience Cloudサイトへ適用する必要があります。
UI/UX原則
便利（Useful）
効果的（Effective）
学習しやすい（Learnable）
覚えやすい（Memorable）
効率的（Efficient）
魅力的（Desirable）
楽しい（Delightful）
UI/UX原則をExperience Cloud サイトに適用してみると
ではでは、上記7つのUI/UX原則を直接Experience Cloud サイトに適用するためにはどういう考え方が必要になるか見てましょうー！
便利（Useful）：必要なことができるようになっている
必要な機能が実装されている
例）必要な機能を実装できる標準コンポーネントを画面上に追加する
標準コンポーネントから機能を実装できない場合、カスタムコンポーネントを作成して画面に配置するなど
効果的（Effective）：期待された目的が達成出来る
問題解決が早く出来る、お得な情報が得られる、業務が早く完了できるなど
例）お問い合わせバナーをいつでもクリックできるように画面にフィックスするなど
学習しやすい（Learnable）：使い方が分かりやすい
見ただけで何なのか分かる
例）上部のロゴマークをクリックするとトップページに戻るように設定するなど
覚えやすい（Memorable）：一度使い方を覚えれば忘れない
何をすれば良いのかすぐ分かる
例）もうすでに慣れている普遍的なデザインを採用するなど
効率的（Efficient）：エフォートレスで出来る
画面がすっきりしている、どこをクリックできるのかすぐ分かる
例）ユーザーが良く使用する機能に素早くアクセスできるようにナビゲーションメニューの中に配置する
本当に必要な要素だけ画面に配置するなど
魅力的（Desirable）：期待以上なことを提供している
Wow!がある
例）Einsteinでの予測など
楽しい（Delightful）：楽しんで出来る
デモ映えする
例）CMSコンポーネントの表示エフェクト、カンバンビュー、Tableau CRMダッシュボードなど
【参考資料】
⇒ Don't make me think (https://www.amazon.co.jp/Dont-Make-Think-Revisited-Usability-ebook/dp/B00HJUBRPG)
⇒ Experience Cloud デザインEnablement(DXP Specialistチーム)
まとめ
UI/UX原則をもとにExperience Cloud サイトではどう適用すれば良いかについて覚えてみましたが、ここまでいかがでしょうか？少しでもピンと来ていらっしゃいますか？
今回、学習内容をまとめながらいくらデザイン知識と経験、デザイン原則を良く分かっていてもSalesforce Experience Cloudにどう適用するか工夫しないと良いサイトは作られないと気づきました。その理由は、良いサイトというのは、ユーザーが使用するプラットフォームやサイト構築の目的・ガイドラインなどによって基準が決まるためです。
それでは、part３で画面を直接弄ってみながらもっと具体的にデザイン指向のサイトを構築する方法についてご一緒に学習してみましょうー！
執筆者プロフィール：宋 寅慧（ソン インへ）
入社月：2023年4月
出身：韓国
Salesforce歴：3年
Trailblazerランク：Ranger
認定資格：認定アドミニストレーター／認定Experience Cloud コンサルタント／認定 Sales Cloud コンサルタント／認定 Platform デベロッパーI
趣味：旅行、料理、ピアノ、読書など
＊最近、バレエも始めました！趣味が本当に多くて一人でいる時間も一瞬で終わってしまう場合が多いです＾＾
お問合せはお気軽に
SHIFTについて（コーポレートサイト）
https://www.shiftinc.jp/
SHIFTのサービスについて（サービスサイト）
https://service.shiftinc.jp/
SHIFTの導入事例
https://service.shiftinc.jp/case/
お役立ち資料はこちら
https://service.shiftinc.jp/resources/
SHIFTの採用情報はこちら