移动客户列表不是“通讯录”，而是销售与服务的行动队列。
面向北美客户的 CRM 移动端列表页，应把有限屏幕让给“当前该联系谁、为什么、能不能合规联系、下一步做什么”。 最佳实践不是把桌面表格压缩进手机，而是把列表做成可搜索、可筛选、可解释、可快速行动的工作流入口。
设计理念
客户列表页的核心判断标准是：销售是否能在三秒内决定下一个动作，并在一次点击内完成高频操作。
行动优先，而非字段优先
列表首屏只放姓名、公司、角色、评分、下一步、地点、合规状态。桌面表格里的长字段进入详情页或筛选面板。
默认视图必须有业务意图
默认不是 All Customers，而是 My priority accounts、Due today、At risk renewals 等可直接推动业务的保存视图。
触达前先暴露限制
电话、短信、邮件状态以 badge 显示在卡片上，避免销售在不知情情况下触发 TCPA、TSR、CASL 或隐私风险。
列表是可恢复的工作现场
支持刷新、离线缓存、最近视图、筛选记忆和草稿任务，减少用户在移动场景中切换应用后的上下文损失。
推荐页面结构
手机列表页应采用“标题与全局动作、搜索、保存视图、筛选 chips、摘要洞察、客户卡片、底部导航”的稳定层级。
| 区域 | 推荐内容 | 设计理由 | 注意事项 |
|---|---|---|---|
| 顶部标题区 | Customers、辖区说明、扫码名片、新建客户 | 北美销售常在会议、展会、拜访后录入客户，扫码和新建属于高频入口。 | 只保留 1-2 个主操作，避免顶部成为工具箱。 |
| 搜索区 | 姓名、公司、电话、城市、邮箱、客户 ID 的统一搜索 | 移动端用户经常只记得局部信息，例如公司简称、区号、城市或姓氏。 | 支持语音搜索，但必须保留文本入口。 |
| 保存视图 | My priority accounts、Renewals due、Open service cases | 保存视图比临时筛选更适合重复工作，也便于跨设备同步工作习惯。 | 限制默认公共视图数量，优先角色化和个人化。 |
| 筛选 chips | Next step due、州/省、行业、客户分层、合规状态 | chips 适合呈现当前过滤条件，用户能快速撤销或追加过滤。 | 不要把复杂筛选都塞进横向 chip，复杂条件进 filter sheet。 |
| 摘要洞察 | Open pipeline、Need follow-up、Privacy flags | 列表上方的 2-3 个数字帮助用户判断当前视图是否值得继续处理。 | 指标必须随筛选实时变化，否则会误导。 |
| 客户卡片 | 联系人、公司、职位、评分、下一步、地点、合规 badge、快捷动作 | 卡片比表格更适合 360-430px 宽度，可稳定容纳关键信息与操作。 | 每张卡片最多两行主信息，避免高度失控。 |
交互最佳实践
移动 CRM 列表的交互目标是减少返回、减少输入、减少误触，把“找人、判断、触达、记录”连成闭环。
筛选使用底部抽屉
常用条件作为 chips，复杂条件用 bottom sheet：Owner、Territory、State/Province、Industry、Consent、Last activity、Deal stage。
排序必须业务化
默认排序推荐 Next best action、Engagement score、Renewal date、Last activity，而不是单纯按姓名或创建时间。
长按进入批量模式
批量添加任务、转交 owner、加入 campaign 应放入明确的选择模式，避免在普通浏览状态误触批量操作。
快捷动作受合规状态约束
如果客户为 Do Not Call，电话按钮不应直接呼出；如果 SMS 未授权，短信动作应变为申请同意或查看原因。
详情预览优先于整页跳转
点击卡片可先打开半屏摘要，展示最近活动、机会、case、同意记录，再决定是否进入完整详情。
记录自动化
呼叫、邮件、会议后自动建议 activity log 和 next task，减少移动端打字成本，提高 CRM 数据质量。
北美客户适配要点
北美不是只把语言换成英文。CRM 列表页需要把美国与加拿大的地域、时区、合规、隐私和商务习惯放进默认信息架构。
- 地址与地域：列表卡片显示 City, State/Province，详情页使用 ZIP/Postal Code；筛选支持州、省、销售区域和经销商区域。
- 时区：对跨海岸销售特别重要，下一步动作显示“Call before 3 PM PT”这类本地化时间，而不是只显示系统时间。
- 语言偏好：加拿大客户需要记录 English/French 偏好；面向魁北克或双语团队时，营销素材状态也应暴露。
- 触达同意：在列表层显示 Email ok、SMS opted-in、Do not call、CASL consent、Unsubscribed 等高风险状态。
- 隐私权利：客户记录需能进入数据来源、同意历史、删除/更正/限制处理请求等隐私操作入口。
- 行业上下文：Healthcare、Financial Services、Education、Public Sector 等行业存在更严格的字段、审计和权限要求。
可访问性与触控规范
北美企业采购通常会审查 WCAG、移动端可访问性和键盘/读屏支持。列表页的密度不能以牺牲可点击性为代价。
触控目标
按钮、筛选、底部导航至少 44px；密集区优先 48px，并保持足够间距。
文字与截断
姓名、公司、职位允许单行截断；下一步动作和合规状态不应被截断到无法判断。
辅助技术
图标按钮应有可读名称；卡片点击、快捷动作、筛选状态需要能被读屏正确理解。
数据、性能与权限
CRM 列表页最容易失败的地方不是视觉，而是数据太慢、字段太乱、权限不清、筛选结果不可解释。
设计依据与参考
依据来自移动平台设计规范、Web 可访问性标准、成熟 CRM 移动列表模式，以及北美营销触达与隐私合规要求。
用于确定 iOS 触控目标、按钮可识别性和主次动作控制。
developer.apple.com/design/human-interface-guidelines/buttons用于校准 Android/Material 侧的 48dp 触控目标和目标间距。
support.google.com/accessibility/android/answer/7101858用于确定 Web 层最低指针目标尺寸与可访问性基线。
w3.org/WAI/WCAG22/Understanding/target-size-minimum.html用于参考移动 CRM 列表视图、筛选、刷新和移动限制的成熟产品模式。
help.salesforce.com/s/articleView?id=000387105用于“Do Not Call”和电话营销相关状态在 CRM 列表层前置展示的依据。
ftc.gov/business-guidance/resources/complying-telemarketing-sales-rule用于加拿大商业电子消息同意、识别信息和退订机制的产品约束。
crtc.gc.ca/eng/com500/guide.htm用于隐私权利、消费者数据控制、销售/共享个人信息退出等入口设计依据。
oag.ca.gov/privacy/ccpa用于验证现代移动 CRM 侧重实时数据、行动、移动优化视图和离线场景。
salesforce.com/products/mobile