微信小程序制作
当前位置:网站首页 > 小程序热文 > 西安微信小程序开发这些问题需要注意 返回列表

西安微信小程序开发这些问题需要注意

作者:admin 时间:2023-10-14 浏览量:53
西安小程序诞生的目的是为了更好地服务微信用户,所以每一款小程序必须有其存在的价值,而实用性正是它价值的体现。无论是一款工具类的小程序,还是一款连接线上、线下的小程序,它们的共同之处就是能够为用户提供一定的使用价值。微信对小程序有着严格的限制,每一款小程序代码包都在2MB以内,这给小程序开发者带来了一些限制。但是对于用户来说,最直接的作用就能够帮助节省内存,张小龙对小程序去中心化的追求也就变成了现实。用户想要使用某个应用时,不用烦恼下载安装等过程,也不用担心几十兆甚至上百兆的内存占据手机空间。直接在微信内部就可以使用小程序,而且使用的时候产生的内存也不会很多。有人曾经做过实验,在登录微信账号后,微信后台显示微信使用了195MB,在打开携程和滴滴两个小程序之后,微信占用的内存就变成了203MB,可见,两个小程序才占用了8MB的内存,这和原生APP相比,的确节省了很多内存。
当用户考虑到手机内存的问题,犹豫要不要下载APP的时候,就可以把目光放到小程序上,小程序能够为用户节省内存,对于有些用户来说的确解决了很大的难题,实用性很强。小程序的实用性更体现在它的功能上,西安小程序开发能够为用户提供便利的功能。在之前已经反复谈起过小程序的使用场景,工具类、电商类等其他低频场景都是比较适合的。最适宜的小程序是能够把线下服务带到线上来,用户在线上操作可以获得线下服务。可以说,无论是线上服务还是线下服务,小程序都能实现一定程度的满足。
但是从功能的便利性来说,是否所有的小程序都达到了这个要求,需要从两方面来看。首先要看小程序的功能是否完善,能够让用户在摆脱了APP之后,只凭借小程序就可以实现APP上的功能。再者就是看是否用户已经养成了这样的一个习惯,当有了一定的需求之后,会主动打开微信小程序,比如,看电影、吃饭会打开小程序的美团生活。
西安微信小程序功能的完善,在如今看来还是未知的,毕竟很多商家不会放弃之前的APP,而选择在小程序上搭建一个轻应用,这也就意味着很多品牌的小程序,上面不会有一些核心功能,而且那些高频和复杂的应用在小程序里也难以得到实现。
在小程序上线之后的两个月内,小程序的功能逐渐扩大,从不支持模糊搜索到支持模糊搜索,从不支持做游戏、直播,到支持做游戏和直播,小程序的入口方式也在不断扩大,而且微信对小程序的态度也从克制到开放,不断放大招,提升小程序各方面的能力。随着小程序各方面功能的不断扩大,小程序以后的发展充满了无限的可能。小程序具有服务性质,每一款小程序都应该呈现出不同的实用性,用以满足用户需求。因此,对小程序进行优化的时候,如何增强小程序的实用性,才是每一个小程序开发者需要注重考虑的问题。
界面更适配
西安小程序是一个跨系统的平台,虽然不用区分版本的不同,但是小程序在不同的设备上运行,会出现不同的分辨率,如何使小程序在不同的设备上保持正常的视觉元素,使界面更加的适配,是小程序进行优化时需要考虑的问题。小程序之所以能够在分辨率不同的设备上保证视觉元素的正常显示,是因为rpx(微信小程序中CSS的尺寸单位)的动态尺寸单位的作用。对于很多人来说,都会理解像素:“在显示屏上,每一个画面都是由无数的点阵形成的。这个点阵中,每一个点叫作像素,就是pixel(缩写为px)”。

但是随着视网膜屏的推出和高分屏的普及,px所能代表的实际长度就会发生改变。单纯地使用px并不能满足需求,小程序元素很难保证在不同设备上的正常显示。即使是同样的px尺寸的元素,在高分屏上的显示要比低分屏小很多。在这种情况下,小程序需要的是一个动态的长度单位,这个长度单位还能够对不同的屏幕的分辨率进行调整和适配,以保证所有元素在不同的屏幕上的展示都是一样的。在微信的官方文档中,有这样的一句话:在iPhone 6上,屏幕宽度为375px,共有750个物理像素,则750rpx=375px=750物理像素,1rpx=0.5px=1物理像素。也就是说,微信小程序的设计师可以把iPhone 6的界面作为视觉稿的标准。小程序设计师在设计小程序的时候,就可以直接利用iPhone 6(375×667)的屏幕尺寸作为视觉稿尺寸,然后以1px=2rpx的标准,将设计稿件设定为750×1334。当小程序的设计稿交给程序员之前,小程序设计师需要描述好稿尺寸和单位换算标准,从而能够帮助程序员快速实现界面正常的效果。其实,从小程序的界面适配上也可以看出,微信小程序放到电脑上运行,屏幕的宽度很可能会发生变化,以宽度为基准,最后很容易出现元素显示不全面的情况。另外,微信官方不希望小程序在除了手机以外的设备上运行,因此对于开发者来说,可以把全部的注意力集中在手机上,不需要担心手机屏幕的尺寸大小带来的界面适配问题。原来的小程序在安卓手机中某些屏幕分辨率下,出现了一些遮挡的漏洞,部分元素的大小也不能符合人的视觉习惯。在进行优化之后,小程序的界面进行了进一步的适配,漏洞被补充,元素的字体大小也得到调整。虽然说小程序已经基本适应不同的版本和不同的手机型号,但是从细节上来看,还会出现一些差别,这还是会带给用户一些不适体验,因此,要对界面进行优化,使小程序能够适配不同的屏幕。
操作体验更优化
小程序如果能够带给用户更好的操作体验,势必会使小程序的传播范围得到进一步扩大,对小程序进行优化的时候,能够带给用户最直观的感受就是操作体验的改善,因此,优化操作体验对于用户的留存来说非常重要。小程序即使能够做出一些操作上的优化,在用户看来这也是不明显的,只有当用户真正体验的时候,才能真正体会到优化后的小程序在操作上的良好体验。从小程序的主页面来看,如果能够在主界面中添加一个“立即体验”的按钮,用户通过单击这个按钮就可以进入到主程序中。这个功能在很多APP中都会有,用户在第一次使用APP的时候,往往会有一个导入过程。在最后一个页面中会有“立即体验”这一个按钮,之所以设置这个按钮是为了更好地引导用户,不至于用户在主界面感到迷茫。以一个电商类的小程序为例,当用户进行结账的时候,以往通常需要用户手动去聚焦,长时间进行这个操作难免会使用户烦躁。对这一操作进行优化,用户在输入金额的时候,输入框就会自动获取焦点,并且弹出数字键盘,用户只需要填写金额就可以了。微信支付在这一方面的体验就比较好,利用支付宝、余额宝或者是银行卡在线支付时,用户往往在输入一定的金额之后,再单击“确定”按钮,虽然这一做法可以减少用户的错误率,但是用户频繁地进行这种操作,也会觉得这项操作有些多余。微信支付有一个非常方便的地方就是在输入框中输入金额之后,不用单击其他按钮,就会自动进行确定支付,一个完整的支付过程就完成了。当用户交易完成之后,不会再停留在交易页面,而是会跳回到用户之前浏览商品的地方,以便于用户再次购买商品,同时还会根据用户的购买记录向用户推荐一些相关的商品类型。除此之外,一些搜索框的功能也会得到优化,很多APP、网页也都会有这样的情况。当用户单击搜索框进行搜索时,搜索框的下方就会出现许多关键词,如图9-6所示。这些关键词有些是历史记录或者是用户经常搜索的词,有些是热搜词。这一现象的优化可以加快用户完成自己的目标,从而能够给用户带来不错的操作体验。
搜索框的细节优化
对用户的操作体验进行优化,不一定需要对小程序的功能做出多大的改变,只要在一些小的细节上多加留意,找到用户的痒点所在,就能够对用户的操作体验进行优化。
用户需求更契合小程序在短时间内就可以得到互联网行业的认可,不仅仅是在于微信庞大的用户群使其备受关注,小程序的出现很有可能会改变用户在移动互联网时代获取服务的途径,小程序用完即走的理念能够带给用户更方便的服务,契合用户需求。
互联网专家洪波认为,微信推出小程序的根本目的就是给用户的需求提供更好的实现方式:“它更多的是给用户已经存在的需求提供一个更好的实现渠道。比如,进了餐厅,桌上有一个二维码,扫码之后就打开了一个餐厅的小程序,可以直接在这里面自主点菜、下单。让整个过程更加顺畅,而不是说我原来有一个产品、一个应用,现在我有另一个小程序版本,不是这样的,是你原有场景的需求有了一个更好的实现方式。”即使用户的手机里下载了很多的APP,但是有些可能一年内也不会使用几次。当前用户被各种数据淹没,信息也严重过载,小程序的出现可以说能够在一定程度上把大家从这些信息中解放出来。用户的身边肯定会有很多低频场景,在小程序出现之前,用户往往需要下载一个比较复杂的应用,才能满足需求,但是这个应用真正被用户使用起来却比较少。比如,以订票为例,对于大多数用户来说,乘坐航班并非是一个常态,很有可能只有一年几次的概率,专门为此下载一个应用是没有多大意义的,而小程序的出现刚好解决了这个问题。人们对低频场景的需求往往很单一,这样一个单一的需求恰好能够做成一款小程序,这不仅从开发者的角度来看很契合,从用户需求方面来说也十分契合。小程序是由场景驱动的,而不是由小程序自身驱动的,只有当场景与用户的需求相吻合,才有存在的价值。因此,对小程序进行优化,最显著的成效就是与用户的需求更加契合。也就是说小程序存在的意义就是能够满足用户一定的需求,从此也可以看出,并非所有的公司或者企业都适合推出小程序。在对小程序进行优化时,小程序应该进一步满足用户的场景需求。根据得到的小程序反馈数据,分析出用户需求存在的痛点,并及时对小程序进行改进,就能够使小程序更受用户的喜爱。
联系方式:18066528545   029-89298792

阅读过此文章的读者,还阅读过下面的文章

  • 小程序与原生APP那个好?下面我们就来一起了解一下小程序与原生APP那个好。以下是所整理的小程序与原生App的内容,希望对你有所帮助。

    小程序的优点:

    基于微信平台开发,享受微信自带的流量,这个优点最大
    无需安装,只要打开微信就能用,不占手机内存,体验好
    开发周期段,一般最多一个月就可以上线完成
    开发所需的资金少,所需资金是开发原生APP的一半不到
    小程序名称是唯一的,在微信的搜索里权重很高
    容易上手,只要之前有HTML+CSS+JS基础知识,写小程序基本没有大问题
    基本不需要考虑兼容性问题,只要微信可以正常运行的机器,就可以运行小程序
    发布,审核高效,基本上午发布审核,下午就审核通过,升级简单,支持灰度发布
    开发文档完善,社区活跃
    支持插件式开发,一些基本功能可以开发成插件,供多个小程序使用
    小程序的缺点:
    局限性很强(比如页面大小不能超过1M,不能打开超过5个层级的页面,样式单一,小程序的部分组件已经是成型的- 了,样式不能修改,比如幻灯片,导航)只能依赖于微信依托与微信,无法开发后台管理功能
    不利于推广,推广面窄,不能分享朋友圈,只能分享给朋友,附近小程序推广,其中附加小程序也收到微信限制
    后台调试麻烦,因为API接口必须https请求,且公网地址,也就是说后台代码必须发布到远程服务器上;当然我们可以修改host进行dns映射把远程服务器转到本地,或者开启tomcat远程调试;不管怎么说终归调试比较麻烦
    前台测试有诸多坑,最头疼莫过于模拟器与真机显示不一致
    js引用只能使用绝对路径,不能操作DOM
    原生App优点:
    原生的相应速度快
    对于有无网络操作时,譬如离线操作基本选用原生开发
    需要调用系统硬件的功能(摄像头,拨号,短信蓝牙…)
    在无网络或者弱网情况下体验好
    原生App缺点:
    开发周期长,开发成本高,需要下载
  • 小程序和Vue写法的区别?下面我们就来一起了解一下小程序和Vue写法的区别。以下是我所整理的小程序和Vue写法的区别,希望对你有所帮助。

    遍历的时候:

    • 小程序wx:for=“list”,
    • 而Vue是v-for=“item in list”

    调用data模型(赋值)的时候:

    • 小程序:this.data.item // 调用,

    • 小程序:this.setDate({item:1})//赋值

    • Vue:this.item //调用,

    • Vue:this.item=1 //赋值

  • 小程序调用后台接口遇到那些问题?下面我们就来一起了解一下小程序调用后台接口遇到那些问题。以下是所整理的小程序调用后台接口遇到的问题,希望对你有所帮助。

    数据的大小限制,超过范围会直接导致整个小程序崩溃,除非重启小程序

    小程序不可以直接渲染文章内容这类型的html文本,显示需要借助插件
    注:插件渲染会导致页面加载变慢,建议在后台对文章内容的html进行过滤,后台直接处理批量替换p标签div标签为view标签,然后其他的标签让插件来做
  • 分析微信小程序的优劣势?下面我们就来一起简单的了解一下微信小程序的优劣势。下面是所整理的微信小程序的优劣势,希望对你有所帮助。

    优势:

    容易上手,基础组件库比较全,基本不需要考虑兼容问题
    开发文档比较完善,开发社区比较活跃,支持插件式开发
    良好的用户体验,无需下载,通过搜索和扫一扫就可以打开,打开速度快,安卓上可以添加到桌面,与原生APP差不多
    开发成本比APP要低
    为用户提供良好的保障(小程序发布,严格是审查流程)

    劣势:
    限制较多,页面大小不能超过1M,不能打开超过5个层级的页面
    样式单一,部分组件已经是成型的,样式不可修改,例如:幻灯片,导航
    推广面窄,不能分享朋友圈,只能通过分享给朋友,附加小程序推广
    依托与微信,无法开发后台管理功能
    后台调试麻烦,因为api接口必须https请求且公网地址
    真机测试,个别安卓和苹果表现迥异,例如安卓的定位功能加载很慢

  • 简单描述下微信小程序的 相关文件类型。下面我们就来一起了解一下微信小程序的 相关文件类型。以下是所整理的微信小程序的 相关文件类型,希望对你有所帮助。

    wxml 模板文件,是框架设计的一套标签预言,结合基础组件,事件系统,可以构建出页面的结构

    wxss 样式文件,是一套样式语言,用于描述WXML的组件样式
    js脚本逻辑文件。逻辑处理网络请求
    json配置文件,小程序设置,如页面注册,页面标题及tabBar
    app.json 整个小程序的全局配置,包括:
    pages:\[所有页面路径]
    网络设置(网络超时事件)
    页面表现(页面注册)
    window:(背景色,导航样式,默认标题)
    底部tab等
    app.js 监听并处理小程序的生命周期函数,声明全局变量等
    app.wxss 全局配置的样式文件

  • 请谈谈原生开发小程序,wepy,mpvue的对比?下面我们就来一起了解一下原生开发小程序,wepy,mpvue的对比。个人认为,如果是新项目,且没有旧的 h5 项目迁移,则考虑用小程序原生开发,好处是相比于第三方框架,坑少。

    而如果有 老的 h5 项目是 vue 开发 或者 也有 h5 项目也需要小程序开发,则比较适合 wepy 或者 mpvue 来做迁移或者开发,近期看wepy几乎不更新了,所以推荐美团的mpvue。
    而如果如果团队前端强大,自己做一套框架也没问题。

029-86195145 180 6652 8545 西安嘉瑞德网络科技公司
工作时间:周一到周六 8:30-18:30
邮箱:2528823962@qq.com
QQ:2528823962
地址:陕西省西安市未央元朔路明丰伯马都A座10820室
  • 微信小程序制作微信二维码
    扫码咨询
Copyright © 2015 西安嘉瑞德网络科技有限公司 陕ICP备17015187号-1