小程序开放平台

文档中心
易用
一致
清晰
简洁

清晰

设计
>
设计原则
>
清晰
>
更新时间:2024-12-16 14:31:13

1. 反馈明确

对于用户主动操作的行为,需给予用户清晰且及时的反馈,并根据不同场景提供不同强弱的反馈。若响应不及时时,需合理运用加载缓解用户的负面情绪。

加载

启动页加载:小程序启动页加载组件由小红书统一提供,其品牌标志可以强化品牌认知。 Description

下拉刷新加载:相当于提供用户可以主动获取更多信息的方式,用户下拉至一定高度时,会触发页面的内容刷新。 Description

模态加载:适用于一些关键且必须等待完成的操作,通过加载动画/进度指示告知用户加载状态及进度。 Description


结果反馈

Toast 轻提示:通常不干扰用户的主要操作,能够以一种轻量和高效的方式向用户反馈,短暂显示信息后会自动消失。 Description

模态对话框:针对用户需要详细知晓操作结果时,可以使用模态对话弹窗来提示,提供明确的操作指引,以便用户能够做出正确决策。 Description

页面局部操作结果反馈:针对页面局部的操作,可在操作区域予以直接反馈。 Description

全局结果反馈页:全局结果反馈必须清晰地展示操作结果,包括下一步操作的指引。并且对于用户主观原因、或网络等客观原因导致的操作失败,应提供明确的错误信息和解决方案。 Description


2. 避免重复

避免在 1 个页面内出现多个的组件堆叠、相同功能的重复露出等,需要清晰透出重点的引导,减少用户困扰或产生误操作的可能。 Description

该文档是否对您有帮助?