深蓝互联专注深圳小程序开发、微网站、O2O系统、APP开发和深圳网站建设欢迎咨询邮箱:wisepu@szdbi.com   电话:13530005652   联系我们   |   网站地图   



微信小程序设计常见的6个需要注意的方面

来源:     发布:     点击:
小程序现在已经成为了一种趋势,越来越多的企业开始微信小程序设计和开发,那么在微信小程序设计的过程中,有哪些细节需要在开发之前就要注意到的呢?
一、导航栏不要自定义
小程序是轻量级的程序,同时也有很多限制。目前6.6.0版本以下的导航栏只能改变颜色,6.6.0版本以上的可以修改导航栏,但是页面会随着导航栏的下拉而变形,对小程序的维护不怎么友好。
二、弹窗不要覆盖导航跟标签
在开发小程序的过程中,很多企业想做弹窗,但是一定需要注意的是,不能把弹窗做的覆盖了小程序里面的导航栏和标签栏,否则对用户体验非常不友好,同时小程序框架也不允许这样操作。
三、设计稿最好使用二倍图
一般开发者都喜欢用用一倍图进行开发,虽然UI工程师们都喜欢做二倍图。因为开发工具支持一倍图,在开发时就不用进行数值换算了。但是微信小程序设计和开发时,最好使用二倍图。因为小程序开发工具不支持一倍图开发,支持二倍图开发。小程序的尺寸单位是rpx,在750*1334的设计稿中,1px=1rpx。
四、导航栏明确
微信小程序设计时要考虑到,一旦用户进入我们的小程序页面,我们就有责任和义务清晰明确地告知用户身在何处、又可以往何处去,确保用户在页面中游刃有余地穿梭而不迷路,这样才能为用户提供安全且愉悦的使用体验。导航是确保用户在网页中浏览跳转时不迷路的最关键因素。导航需要告诉用户,当前在哪,可以去哪,如何回去等问题。首先在微信系统内的所有小程序的全部页面,均会自带有微信提供的导航栏,统一解决当前在哪,如何回去的问题。
五、避免小程序被销毁
当小程序占用系统资源过高,可能会被系统销毁或被微信客户端主动回收。在 iOS 上,当微信客户端在一定时间间隔内(目前是 5 秒)连续收到两次及以上系统内存告警时,会主动进行小程序的销毁,并提示用户 「该小程序可能导致微信响应变慢被终止」。建议小程序在必要时使用 wx.onMemoryWarning 监听内存告警事件,进行必要的内存清理。
六、尽量减少小程序内的输入
微信小程序设计时要考虑到,由于手机键盘区域小且密集,输入困难的同时还易引起输入错误,因此在设计小程序页面时因尽量减少用户输入,利用现有接口或其他一些易于操作的选择控件来改善用户输入的体验。比如在添加银行卡时,采用摄像头识别接口来帮助用户输入。除此之外微信团队还对外开放例如地理位置接口等多种微信小程序接口 ,充分利用这些接口将大大提高用户输入的效率和准确性,进而优化体验。
以上就是微信小程序设计前要考虑到的6个方面,注意到这些问题才能有效的避免在小程序开发过程中走弯路。

相关文章

无相关信息


深圳市龙华新区龙观西路2号宝龙大厦A903(与布龙路交汇处)