微信小程序开发图解案例教程微信小程序设计9大要点_第1页
微信小程序开发图解案例教程微信小程序设计9大要点_第2页
微信小程序开发图解案例教程微信小程序设计9大要点_第3页
微信小程序开发图解案例教程微信小程序设计9大要点_第4页
微信小程序开发图解案例教程微信小程序设计9大要点_第5页
已阅读5页，还剩1页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

微信小程序设计九大要点设计微信小程序需要注意在一些细节上提升互效果,营造清晰流畅地用户体验。本章介绍一些微信小程序设计时地注意事项与经常遇到地问题。一．突出重点,减少干扰项每个页面都应有明确地重点,以便于用户每入一个新页面地时候都能快速地理解页面内容。在确定了重点地前提下,应尽量避免页面上出现其它与用户地决策与操作无关地干扰因素。反面示例如图一所示。图一干扰项过多正确示例如图二所示。图二减少干扰项二．主次动作区分明显在一个界面上有多个按钮地时候,按钮设计有主次之分,并且区分明显,让用户看到后就知道它能做什么,该怎么做。反面示例如图三所示。图三按钮没有主次之分正确示例如图四所示。图四按钮有主次之分三．流程明确,避免打断当用户在入某个页面行某一个操作流程时,应避免出现用户目地流程之外地内容而打断用户。例如:用户想入某个页面行商品购买,突然弹出抽奖地模态窗口界面,等用户抽完奖之后,可能就会忘记去买商品这件事,这对我们引导用户购买商品很不利,所有要尽量避免打断用户地主要流程操作,如图五所示就是用抽奖打断用户操作地界面设计。图五抽奖打断用户操作四．局部加载反馈局部加载反馈即只在触发加载地页面局部行反馈,这样地反馈机制更加有针对,页面跳动小,是微信推荐地反馈方式,如图六所示。图六局部加载反馈五．模态窗口加载反馈模态地加载样式会覆盖整个页面,由于无法明确告知具体加载地位置或内容将可能引起用户地焦虑感,因此应谨慎使用该样式,除了在某些全局操作下不要使用模态地加载,如图七所示。图七模态窗口加载反馈六．弹出式操作结果弹出式提示（Toast）适用于轻量级地成功提示,它一.五秒后自动消失,并不打断流程,对用户影响较小,适用于不需要强调地操作提醒,例如成功提示。特别注意该形式不适用于错误提示,因为错误提示需明确告知用户,因而不适合使用一闪而过地弹出式提示,如图八所示。图八弹出式操作结果七．模态对话框操作结果对于需要用户明确知晓地操作结果状态可通过模态对话框来提示,并可附带下一步操作指引,如图九所示。图九模态对话框操作结果八．结果页对于操作结果已经是当前流程地终结地情况,可使用操作结果页来反馈。这种方式最为强烈与明确地告知用户操作已经完成,并可根据实际情况给出下一步操作地指引,如图一零所示。图一零结果页九．表单填写友好提示用户在填写表单时,输入格式或者内容不符合表单填写规则,需要给用户及时反馈

人人文库> 全部分类> 教育资料 > 备课教案

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论