都知道 - 都知道 - 知识图谱网站

微信小程序开发规范

微信小程序开发设计规范

原标题:微信小程序开发设计规范
微信(应用号)小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。
为了体现这一理念,微信官方拟出了“小程序”的设计规范。
1、友好引导用户操作
“小程序”设计应减少对用户体验的干扰,专注向用户展示程序提供服务。
首先“小程序”的页面要突出服务的重点内容,快速使用户了解程序服务事项,让用户一目了然。页面主题:明确页面主题,在目前提供的技术和页面操作允许前提下,尽量提供有助于用户服务目标的帮助性内容。
其次,操作界面要便捷,避免出现过多操作,混淆用户的选择,应分主次设计操作页面。
在开发小程序时,要让用户在使用过程中操作流畅,所以,要让小程序的服务流程很明确,避免过多的广告性信息出现,以确保产品的价值利用。
2.明确导航用户操作
导航栏直接继承客户端,颜色除外,但开发者要明确规定小程序操作的各个页面间的跳转。以合理的方式并存。导航栏的基本配色,在ios和android上的展示会有不同,注意区分。小程序的页面导航应尽量简单。标签栏中务必保持分页栏标签的实用性、可操作性和可观性。
3.信息反馈及时
页面加载除LOGO外其他元素由微信统一提供。页面下拉,在开发时注意头部文字、下拉标识与刷新图标的和谐统一。使用自定义加载样式要尽可能的简洁,使用动画告知用户加载过程,微信可提供。
加载反馈注意事项
若载入时间较长,应提供取消操作,并使用进度条显示载入的进度。
载入过程中,应保持动画效果;无动画效果的加载很容易让人产生该界面已经卡死的错觉。
不要在同一个页面同时使用超过1个加载动画。
4.异常场景,用户可退操作。弹窗和结果页面出错,提醒用户。再表单出错时,应明确指出出错项目,方便提醒用户修改。
5.操作便捷。开发小程序时,要充分考虑到手机与手指和谐操作的特性,让用户便捷流畅操作界面。减少输入操作,巧用摄像机等接口。
6.避免误操作。设计点击控件时,要考虑到热区面积,避免控件可点击区域过小或过于密集造成误操作。
7.巧用接口提升应用性能。微信设计中心已退出了一套网页标准控件库,后续还在不断完善和扩充微信小程序的接口。
8.页面之间应存在统一性和延续性。不同页面尽量使用一致的控件和交互方式,尽量形成一体链接,提升用户的交互体验。
9.视觉规范。微信提供一套可供Web设计和小程序使用的基础控件。
10.字体规范。字体使用与运行系统字体保持一致。字体颜色:黑色B为主内容;大段说明属主要内容为黑色S;灰色G为次要内容;灰色L为时间戳和表单显示为缺值;蓝色为链接,绿色为完成,红色为出错。
开发者在设计小程序之前要熟悉以上操作指南,避免因某一环节出错就功亏一篑,浪费人力的同时也在浪费时间,距离微信小程序全面开放的时间迫在眉睫,不应该把时间浪费在不必要的环节上,规避问题,提升效率!
微信小程序开发:www.daxiaochengxu.com返回搜狐,查看更多
责任编辑:
声明:该文观点仅代表作者本人,搜狐号系信息发布平台,搜狐仅提供信息存储空间服务。