モバイルデザインのベストプラクティスの確認

この単元を完了すると、次のことができるようになります。

• ベストプラクティスを考慮した、モバイルデザイン開発のアプローチを 2 つ挙げる。
• SFRA をモバイルデザインのベストプラクティスにマッピングする方法を説明する。
• モバイルの実装を計画することが重要な理由を説明する。
• レスポンシブデザインのベストプラクティスを 3 つ挙げる。
• モバイルユーザーインターフェースのベストプラクティスの重要性を説明する。

モバイルショッピングが爆発的に増えていることに疑問の余地はありません。これも、オンラインでのクレジットカードの利用に対する買い物客の不安が払拭されたことと、インテリジェントなモバイルデバイスが普及したことという 2 つの事実が重なったためです。実際、大半の買い物客が初めてオンラインブランドとやりとりするのはモバイルデバイスからです。

多くのマーチャントの主な目標は、高いコンバージョン率、つまり、ショッピング買い物カゴがその使命を果たして購入まで進むことです。このためには、モバイル重視のストアフロントデザインと、モバイルファーストのショッピング体験を推進する必要があります。つまり、ファンクショナルアーキテクトであるあなたには、一流のカスタマー体験を実現するために、確固たるモバイル戦略を使用するようチームを導くことが求められます。

ここでのベストプラクティスとはどのようなものなのでしょうか? そして、マーチャントの成功を実現させる適切な方法やテクノロジーを使用するモバイル実装を誘導するにはどうすればよいのでしょうか?

モバイルデザインには数通りの見方があります。では、デスクトップファーストの体験とモバイルファーストの体験を比較する一般的なアプローチから見ていきましょう。この一般的な見方から、主な開発アプローチが浮上します。

レスポンシブデザインを使用する実装では、他のベストプラクティスも検討する必要があります。まず、プロジェクトのドキュメントで、定義済みの画面サイズの各ブレークポイントで表示がどのように変わるのかを明確に定義する必要があります。

買い物客の体験を常に最優先に考えます。モバイルで買い物することが多くなるにつれ、極めて便利な機能に気付く買い物客が増えてきます。そして、どのサイトでもこうした体験を期待するようになります。期待外れのサイトは見捨てられます。

Salesforce B2C Commerce のストアフロントの実装を手伝う場合、次のベストプラクティスに注意を払うと、モバイルでの買い物客の体験を向上させることができます。

• 購入までに必要なタップの回数を減らします。ワンタッチ注文手続きによって手作業によるデータ入力が不要になるため、イライラが解消され、買い物カゴの放棄も減少します。
• サードパーティアプリケーションによる最先端の暗号化とクラス最高の詐欺防止を利用して決算処理を強化します。自分のお金が安全に処理されると買い物客に認識してもらう必要があります。
• 買い物客のために複数の支払方法を用意します。買い物客が取引しやすくします。
• メディアのインタラクションを最適化します。すべての UI 要素についてデバイス固有の基準に従い、買い物客がそのデバイスに期待する体験を得られるようにします。
• タップする UI は指先で操作しやすいようにします。たとえば、ボタンを指でタップできる大きさにします。
• ナビゲーションはできるだけシンプルに。不要な手順は排除します。
• たとえば、ワンページ買い物カゴを使用して簡単に購入できるようにします。
• ソーシャルメディアに接続します。友人に話したくなるようなショッピング体験にするのです。

通常こうした点は設計者の仕事ではありますが、それでも買い物客の体験を向上させることの重要性を理解しておく必要があります。これらの対策が、コンバージョン率を高め、マーチャントに満足してもらううえで大きな役割を果たします。

モバイルのデザインとユーザーインターフェースの両方のベストプラクティスについて学習しました。これらが重要であるのは、ショッピング体験を向上させ、売上を増大させるものであるためです。適切なアプローチを心得ていれば、実装チームを適切に誘導することができます。次はいよいよ、ファンクショナルアーキテクトが検討すべき国際化のベストプラクティスについて学習します。

Trailhead: Salesforce B2B Commerce for Developers (Salesforce B2B Commerce (デベロッパー向け))