开发者社区
社区提问意见反馈
开发者钉组织
扫描二维码
加入支付宝开发者钉组织
设计 > 白皮书 > 支付宝小程序核心体验白皮书
收藏
订阅更新
我的文档
设置

为构建支付宝生态体系友好一致的用户体验,支付宝拟定了 支付宝小程序设计体验白皮书,帮助小程序凯发k8官方网娱乐官方的合作伙伴快速了解设计核心关注点。设计体验作为小程序质量的一个重要评估指标,后续会纳入小程序综合质量考核评分中,设计体验好的小程序有机会获得更多的权益奖励(包括但不仅限于流量等)。在阅读详细的规范前,请关注以下影响体验的 6 个核心要素。

1. logo 清晰可识别

logo 是小程序的品牌体现,每个小程序都有机会被添加放置到支付宝客户端凯发k8官方网娱乐官方首页,需要保证清晰好识别、完整统一。

查看 logo 设计规范

2. 功能 icon 要统一

功能 icon 可以帮助信息的表达,作为为用户提供直达服务的快捷入口,图标风格应简洁、辨识性强,且应该保证同一个服务主体下图标风格的一致性。

查看功能 icon 设计规范

3. 图片素材要清晰

图片比文字更吸引用户,能丰富页面内容。请使用清晰的图片,像素低的图片会降低页面的整体质感。图片的品质也是核心体验评估项之一。

查看图片素材规范

4. 弹窗使用要控制

控制同一页面非用户主动触发的弹窗数量,最多不超过1个。弹窗过多会非常影响用户体验,很容易触发用户的负面情绪造成用户流失。

查看弹窗规则

5. 导航使用要合理

选择符合小程序定位和内容展现的顶部导航栏,使用户体验更符合认知和操作习惯。支付宝小程序为开发者提供了深浅两套配色方案,开发者可根据自己的品牌风格选择适应的配色方案保证信息的可读性。

查看导航使用规则

6. 页面体验要保证

设计师在设计小程序时,通过文字、布局排版、色彩和适配,建立舒适的视觉体验,让用户可以快速辨认理解,获取所需内容,保证良好的用户体验。

色彩使用要合理:关注背景色、模块颜色、字体颜色等的搭配情况。

页面视觉元素要统一:单页面或者单应用内的整体相似元素(比如 icon、图片、字体样式大小等)的风格统一。

合理的动效使用:页面动效过多,一定程度上会影响用户的注意力;节奏纷乱,造成页面视觉低质量;同一屏幕内,不应出现大于 2 个动效。

页面缺省状态表达:如果模块有空白状态,要做好视觉内容补位。

合理的页面表达:避免由于页面信息内容过少,视觉排布不合理,造成页面有不完整感。

保持图片大小比例:图片在容器内是否等比拉伸(图片若没有按原图宽高比例显示,可能导致图片歪曲、不美观,甚至导致用户识别困难)。

不符合审核标准页面示例

以下示例均不符合支付宝小程序设计体验标准,请在小程序设计开发以及内容配置阶段仔细检查,不符合设计体验标准的页面将影响小程序体验评分,且小程序有下架风险。

凯发k8官方网娱乐官方 copyright © 2022 支付宝(杭州)信息技术有限公司  | icp证浙b2-20160559
该文档对你是否有帮助?
当前页面目录
网站地图