
文章插图
微信下拉标示错误使用案例
请避免以下错误使用情况,确保信息的可见性和页面的可用性

文章插图

文章插图
页面内加载反馈
开发者可在小程序里自定义页面内容的加载样式 。建议不管是使用在局部还是全体,自定义加载样式都应该尽可能简洁,并使用简单动画告知用户加载过程 。开发者也可以使用微信提供的,统一的页面加载样式,如图中例所示 。

文章插图
模态加载
模态的加载样式将覆盖整个页面的,由于无法明确告知具体加载的位置或内容将可能引起用户的焦虑感,因此应谨慎使用 。除了在某些全局性操作下不要使用模态的加载 。

文章插图
局部加载反馈
即只在触发加载的页面局部进行反馈,这样的反馈机制更加有针对性,页面改动小,是微信推荐的反馈方式 。例如:

文章插图
加载反馈注意事项
若载入时间较长,应提供取消操作,并使用进度条显示载入的进度 。
载入过程中,应保持动画效果 ; 无动画效果的加载很容易让人产生该界面已经卡死的错觉 。
不要在同一个页面同时使用超过1个加载动画 。
结果反馈
除了在用户等待的过程中需予以及时反馈外,对操作的结果也需要予以明确反馈 。根据实际情况,可选择不同的结果反馈样式 。对于页面局部的操作,可在操作区域予以直接反馈,对于页面级操作结果,可使用弹出式提示(Toast)、模态对话框或结果页面展示 。
页面局部操作结果反馈
对于页面局部的操作,可在操作区域予以直接反馈,例如点击多选控件前后如下图 。对于常用控件,微信设计中心将提供控件库,其中的控件将提供完整操作反馈 。

文章插图
页面全局操作结果——弹出式提示(Toast)
弹出式提示(Toast)适用于轻量级的成功提示,1.5秒后自动消失,并不打断流程,对用户影响较小,适用于不需要强调成功状态的操作提醒 。特别注意该形式不适用于错误提醒 。

文章插图
页面全局操作结果——模态对话框
对于需要用户明确知晓的操作结果状态可通过模态对话框来提示,并可附带下一步操作指引 。

文章插图
页面全局操作结果—结果页
对于操作结果已经是当前流程的终结的情况,可使用操作结果页来反馈 。这种方式最为强烈和明确的告知用户操作已经完成,并可根据实际情况给出下一步操作的指引 。

文章插图
异常可控,有路可退
在设计任何的任务和流程时,异常状态和流程往往容易被忽略,而这些异常场景往往是用户最为沮丧和需要帮助的时候,因此需要格外注意异常状态的设计,在出现异常时予以用户必要的状态提示,并告知解决方案,使其有路可退 。
要杜绝异常状态下,用户莫名其妙又无处可去,卡在某一个页面的情况 。2.2中所提到的弹窗和结果页面都可作为异常状态的提醒方式 。除此之外,在表单页面中尤其是表单项较多的页面中,还应明确指出出错项目,以便用户修改 。
- 《欢乐颂》里曲筱绡是如何看出樊小妹是“捞女”的?
- 十大评分9.5以上的玄幻小说 十大巅峰玄幻小说排行榜
- 《王者荣耀》四周年皮肤返场活动预热,10款皮肤进入投票池,小厨娘已经内定,你怎么看?
- 王者荣耀玩家分析周年庆皮肤返场!凤求凰必返,至尊宝可能性太小,你怎么看?
- 微信储值会员卡怎么申请 微信会员卡可以充值吗
- 王者荣耀周年庆返场时间确定,32款皮肤参与投票,小学生必投猴子至尊宝,你怎么看?
- 不要小米和华为,现在该选哪个品牌的手机好呢?
- 如何强开微信微粒贷?微信微粒贷介绍!
- 做自媒体,当要用插图或给小视频配乐,去那里找素材。不造成倾权?
- 如何用小投资赚更多的钱?
