学习目标
完成本单元后，您将能够：
- 列出被认为是最佳实践的两种移动设计开发方法。
- 说明SFRA如何映射到移动设计最佳实践。
- 解释为什么计划移动实施很重要。
- 列出三种响应式设计最佳实践。
- 解释移动用户界面最佳实践的重要性。
移动设计最佳实践
毫无疑问，移动购物已经爆炸式增长。两种融合的现实-购物者通过在线信用卡交易获得了信心以及智能移动设备的普及-使得这种情况得以实现。实际上，大多数购物者都是首次通过移动设备与在线品牌互动。
当购物车实现其命运并成为购买商品时，高转化率是大多数商家的主要目标。为了做到这一点，他们必须接受以移动设备为中心的店面设计和移动设备优先的购物体验。这意味着作为职能架构师，您必须指导您的团队使用可靠的移动策略来确保一流的客户体验。
那么，这里有哪些最佳实践？以及如何领导使用正确方法和技术的移动实施以确保商人的成功？
设计方法
您可以通过多种方式查看移动设计。让我们从比较桌面优先和移动优先的一般方法开始。通过这种通用方法，出现了关键的开发方法。
桌面驱动
大多数店面设计都是由台式机驱动的，因为这是在线零售开始时可用的。该方法的结果是三个关键的开发方法：响应式，移动式和自适应式。了解这些方法可以帮助您为商人提供建议并指导您的团队。
| 设计 | 加号 | 缺点 |
| 反应灵敏 |
|
|
| 移动 |
|
|
| 自适应（应用程序） |
|
|
移动优先
如今，移动零售已成为不断增长的市场，并且正在改变格局。重点是移动优先，这种设计始于最小的设备，然后逐步发展。响应方法和自适应方法都可以建立在该技术之上。在台式机上购物时，可以使用桌面样式的功能；在智能手机或平板电脑上购物时，可以使用移动功能。基础代码会自动切换到适当的功能集。
使用响应式或自适应技术进行移动优先是移动店面设计的最佳实践！
Commerce Cloud店面参考体系结构（SFRA）通过提供基本的移动优先盒式磁带来满足此标准，在该盒式磁带上可以加载其他盒式磁带，例如响应式，自适应或LINK技术。
响应式设计
对于使用响应式设计的实现，您需要考虑其他最佳实践。首先，项目文档应明确定义在每个定义的屏幕尺寸断点处如何更改显示。
在设计中包括断点
断点是定义的店面窗口大小，会导致响应模板发生更改。常见断点包括但不限于：1280px，1024px，768px，320px。每个响应断点都应成为设计的一部分。想想智能手机与平板电脑。
最小化页面重量
通过响应式设计，尽管信息在各个断点处的显示方式有所不同，但其内容几乎相同。这包括媒体，例如图像。您需要确保图像经过Web优化并尽可能轻巧，以便它们可以通过网络快速渲染。请记住，即使图像未在移动断点处显示，也可能仍已从服务器请求了该图像。
避免交互模型
台式机上的交互模型并不总是能很好地转化为移动设备。因此，重要的是要避免在移动断点处使用弹出窗口，模态和悬停状态。
移动用户界面
购物者的经验应始终放在首位。随着在移动设备上完成更多购物，更多的购物者开始意识到最好和最聪明的功能。他们开始期望到处都是这样的经历。不足的站点落在了后面。
当您帮助实施Salesforce B2C Commerce店面时，关注这些最佳实践可以帮助改善购物者在移动设备上的体验。
- 减少购买的水龙头数量。一键式结帐消除了手动输入数据，减轻烦恼并减少了购物车遗弃的情况。
- 通过第三方应用程序使用最先进的加密技术和一流的防欺诈功能进行增值支付处理。购物者需要知道自己的钱是安全的。
- 为购物者提供多种付款方式。使购物者轻松与您开展业务。
- 优化与媒体的互动。遵循针对所有UI元素的特定于设备的标准，以便购物者的体验正是他们对该设备的期望。
- 包括手指友好的点击目标。确保按钮，例如，足够大的手指。
- 简化导航。消除不必要的步骤。
- 使其易于购买，例如通过一页购物车。
- 与社交媒体联系。让购物成为客户可以与朋友分享的另一种体验。
这些做法通常由设计者来决定，但您需要了解它们对于增强购物者体验的重要性。它们在提高转换率方面也还有很长的路要走，也使商人感到高兴。
下一步是什么
我们了解了移动设计和移动用户界面的最佳实践。这些很重要，因为它们可以增强购物体验并促进销售。了解正确的方法可以帮助您更好地领导实施团队。现在是时候了解您应该考虑的国际化最佳实践。