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

深蓝互联成立于2013年,是一家物联网硬件开发及软件应用服务商,获得多次获得国家高新技术企业资质的企业。深蓝互联专注软硬件技术开发的专业性技术公司。我们从事软硬件开发十年,擅长SaaS 平台开发、APP小程序开发、软硬件结合开发,在视觉识别处理、数据架构、云计算、多线程高并发和集群、数据安全加密和防护方便有很深的技术积累。

 

我们拥有专业优秀的设计和技术团队,以极具创意的 UI 设计、精湛卓越的开发技术,专业的网络策划团队。公司多年来投入打造物联网SaaS平台,集成了公司研发的多款智能物联网终端(智能鲜米机、生鲜售货机、自助洗车机、小区电瓶车充电系统等)。

 

公司一直坚持以研发为导向,打造软硬件结合的物联网平台系统。将一直坚持提高开发的技术实力更好的为我们的客户服务!

 

文章来自深蓝互联http://www.szdbi.com/faq/484.html转载请注明出处!

关注深蓝互联公众号
Copyright © 2013-2024 深蓝互联 版权所有