怎么做微信小程序

一、在卖产品方面，小程序和app的区别在于，用户不需要注册账号，登录平台，绑定付款，就能直接在小程序上购物，而在app设计这些都是必要的步骤，所以对用户来说，小程序使用起来就比较自然方便。

二、小程序设计完成后，用户只需在微信搜索栏搜索小程序名，然后点击直接进入即可。不需要通过繁琐的下载流程，就可以灵活地搜索小程序；设计app时，必须先注册一个帐号，才能享受app服务。

三、一般情况下，设计一个小程序的费用为10,000至50,000。有些app功能不多的话，几千块就可以完成，因为小程序设计不需要专门去单独去设计，不用花费研发费用，所以比app设计的成本更低，另外，大多数app设计公司设计app的价格都是最低价50000起，这不包括后续维护费用，还需要单独去推广，整体成本更高。但是，如果你选择一些免编程app平台，app设计可以节省90%的费用。

不管是设计小程序还是设计app，都是为了为大家提供更加便利的服务，因此，小程序设计比app设计更方便，但是在功能上，app设计占了上风。无论中小型企业还是大型企业，都要根据自己的发展需要，来决定是选择小程序设计还是app设计，除了充分考虑以上因素外，再决定，才能带来好的效果。

设计时减少无关的设计元素对用户的干扰，礼貌的向用户展示程序提供的服务，友好的引导用户进行操作。

每个页面设计时都有明确的重点，便于用户快速理解，避免出现其它与用户的决策和操作无关的干扰因素。

用户在进行某一操作流程时，应避免出现目标流程之外的内容打扰用户

明确告知用户身在何处，又可去哪儿，确保用户在页面中游刃有余的穿梭

微信在小程序内不提供统一的导航栏样式，开发者可自定义，建议，所以的次级页面在左上角提供返回上一级页面操作。另外，iOS可以右滑返回，安卓可以通过物理键返回

1 、小程序菜单 ：微信会在右上方放置官方的小程序菜单，固定位置，开发者不可对其内容自定义，但可以选择深浅两种配色，要预留出该区域空间

2、页面内导航

开发者添加标签分页Tab导航，标签分页栏可固定在页面顶部或底部。标签不得少于2个，不多于5个

小程序首页可选择微信提供的原声底部标签分页样式，仅供首页使用。可自定义图标样式，标签文案及文案颜色

顶部标签分页栏颜色可自定义，务必注意保持分页栏标签的可用性，可shi性和可操作性。

页面过长加载会引起用户不满，但是加载等待不可避免，要及时反馈以缓解用户等待的不良情绪

启动页将突出展示小程序的品牌特征和加载状态。除品牌标志展示外，页面上的其他元素如加载进度，均由微信统一提供，不能更改

微信小程序内，微信提供标志的页面下拉刷新及加载能力和样式，无需自行开发

用户可自定义页面内容的加载样式，不过应尽量简洁，并使用简单动画告知用户加载过程； 模态加载，除了在某些全局性操作下不要使用

局部加载反馈只在触发加载的页面局部进行反馈，这样的反馈机制是微信推荐的

全局加载反馈，可参考下图，使用标题栏提示加载小程序页面内容的过程。

注意：1、若载入时间较长,应提供取消操作,并使用进度条显示载入的进度。

     2、载入过程中,应保持动画效果 无动画效果的加载很容易让人产生该界面已经卡死的错觉。 

  3、不要在同一个页面同时使用超过1个加载动画。

除了在用户等待的过程中需给予反馈外，对操作结果页需要给予明确的反馈.

4.1 局部页面操作，可在操作区域直接反馈，如点击多选控件

4.2 页面全局操作， 图标型弹出提示 ，1.5s自动消失，并不打断流程，适用于不需要强调的操作提示； 文字型弹出提示 ：适用于轻量化用文字解释当前状态或提醒不严重的错误； 模态对话框 ：对于需要用户明确知晓的操作结果状态可通过模态对话框来提示

结果页：用于操作结果已经是当前流程的终结情况，最为强烈和明确告知用户操作已完成

在设计任何的任务和流程时，异常状态和流程往往容易被忽略，而这些异常场景往往是用户最为沮丧和需要帮助的时候，因此需要格外注意异常状态的设计，在出现异常时予以用户必要的状态提示，并告知解决方案，使其有路可退。

要杜绝异常状态下，用户莫名其妙又无处可去，停滞在某一个页面的情况。上文中所提到的模态对话框和结果页面都可作为异常状态的提醒方式。除此之外，在表单页面中尤其是表单项较多的页面中，还应明确指出出错项目，以便用户修改。

1、减少输入

手机键盘区域小，输入困难而且容易引起输入错误，应尽量减小用户输入，利用现有接口或其他一些易于操作的控件来改善用户输入体验。

如下图，在添加银行卡时，采用摄像头识别接口来帮助用户输入。可利用微信对外开放的例如地理位置等接口

让用户在不得不手动输入的情况下，尽量让用户做选择而不是键盘输入，如：在用户搜索时提供搜索历史课帮助用户快速进行搜索

2、避免误操作

考虑点击热区，避免可点击区域过小或密集而造成误操作

3、利用接口提示性能

方法一：编程入门自学

如果你对编程感兴趣，那么就可以自己学习技术知识，然后参考微信官方文档，写代码开发。

具体方法是先下载安装微信官方开发者工具，然后新建小程序项目，选择代码存放的硬盘路径，填入自己的小程序的AppID（没有的话你要先到微信公众平台注册一个小程序账号）。勾选“创建 QuickStart 项目”，就可以开发自己的小程序了。

但是，这种方法比较难，还是适合有点技术基础的人，普通小白就不建议尝试了。

方法二：用小程序模板

这是当前很流行的小程序制作方法，适合不懂技术的小白，以及没有太多资金和时间的普通中小企业。这种方法方式非常简单，我以微信开发商城为例，教你具体该怎么制作。

首先需要找个简单的小程序制作工具，选择一个电商小程序模板：

在后台“小程序设计”栏，可以设置小程序主题色、导航；在“页面设计”你可以添加各种版块（轮播图、拼接图、快捷按钮、视频、标题、商品列表等）。

一个小程序的主页就是由各种不同版块组成的。在“商店”栏你可以添加商品，设置商品分类；在“应用中心”你可以添加直播功能、流量主（广告位）、文章模块等。

方法三：程序开发外包

当你自己不懂技术，又想拥有属于自己的小程序时，就可以找程序开发外包企业，向他们提交需求，让这个外包团队给你做出一个合适的小程序。不过这种方法耗时较长，一般得几个星期；费用也高，几万到十几万都属正常，因此比较适合资金充裕的大型企业。

2、完成小程序注册后，进入【乔拓云】平台并注册登录账号直接进入到操作后台。

3、进入操作后台后，找到【轻应用小程序】模块，并点击其中的【去管理】进入小程序的设置页面。

4、进入到小程序的设置页面后，先点击右边的【授权小程序】模块，进行微信小程序的授权，然后再点击旁边的【设计小程序】模板中的【前往设计】进入小程序的装修设计页面。

5、进入到小程序的装修设计页面，需要先点击左上角的【更换模板】挑选中意的小程序模板，然后再根据自己的要求针对小程序模板进行修改，比如页面风格的修改、图文内容的修改、功能模块的增加与修改、增加页面等等。

6、修改玩小程序模板后，就可点击右上角的【预览】查看小程序的应用情况了，如果不用再修改的话，直接点击【审核发布】就可提交审核，等待审核通过发布上线了。

可能很多人会说，第一点这不是废话吗？作为小程序的开发者肯定需要读完官方文档再来设计啊，但笔者这里要强调的是熟读，根据笔者自己的经验，很多PM在开发之前只是把微信提供的官方文档粗略的过了一遍就去设计产品了，并没有Get到其中的精髓。笔者认为小程序官方文档里边的内容，不仅仅是为了让大家统一标准去设计小程序，更多的是为了拉新甚至增加用户的留存率，具体请大家熟读官方文档，这里就不详细说明啦！

第二：注重新用户引导，不要轻易打破用户已经养成的使用习惯

很多PM在设计的时候可能会忽略这一点，认为很多用户已经被市场教育的足够聪明了，但是忽略了，很多人接触我们的产品可能是首先是先接触到我们的小程序，然后感觉小程序好用，最后才下载的APP。这一前一后就足以说明新用户引导的重要性了，尤其是用户在第一次登录小程序的时候，引导的内容一定要足够醒目，这也是提升用户体验的关键因素，做小程序尽量要减少复杂或者特殊的交互模式的设计，笔者建议还是保留用户已经在APP上养成的习惯，除非必要否则不必要做轻易的创新。必要时可以进行足够的引导。

第三：小程序用户路径必须单一

为什说小程序的用户路径必须单一呢？因为很多中小型企业在企业发展初期，并没有足够的流量渠道支持，那么最好留存用户的方法是什么呢？就是把核心功能设计完美，让用户使用小程序能高效的解决问题，不要做大而全，要做小而精，把APP上一些功能模块该砍掉就砍掉，有些功能该弱化就弱化，一切以用户能高效快速解决问题为出发点设计，如果有必要甚至可以把APP上多个业务线上的功能模块拆分成多个小程序来设计(很多企业已经开始做小程序矩阵了)，功能简化足够专注，才能让用户有更优质的产品体验。

第四：尽量减少页面跳转

笔者认为这是做小程序很重要的一点，因为小程序本身的特点就是即用即走，很多用户使用小程序就是为了能快速解决问题，如果小程序内页面层级过多，会增加用户的学习和使用成本。能放到一个页面就放在一个页面，让用户始终清楚自己在小程序内的位置，增加用户使用产品的安全感。比如最近疫情期间大家使用的“北京健康宝”小程序，所有功能模块都集中在一个页面展现。用户打开“健康宝”就能快速定位自己需要的功能，从而做到快速配合防疫检查。

实际上，商城小程序的制作并没有我们大家想的那么难，我们想要制作自己的商城小程序，首先是需要一个小程序账号的。注册小程序账号是有两种方式：

1.百度搜索“微信公众平台”右上角立即注册—选择账号注册类型【小程序】；如果我们需要公众号的话，就选择注册类型为【服务号】然后等待服务号注册成功之后，登录服务号后台，复用公众号资质免费注册小程序账号。

2.登录SaaS小程序后台—点击平台—微信小程序—小程序绑定—点击创建小程序—快速注册认证小程序。

注册好小程序账号之后，我们就可以选择小程序的开发方式了，一般有三种：自己敲代码开发；定制开发；使用SaaS小程序平台制作。自己开发和定制开发的时间成本都是非常高的，相比下来SaaS平台可视化操作就更适合实体商家一些。

利用SaaS小程序平台制作商场小程序的步骤也是非常的简单，只需要登录SaaS小程序后台，点击设计—页面设置，就可以装修我们的小程序首页，后台设计出来什么样，小程序前台就展现什么样子，真正实现所见即所得，只需要几分钟制作完成，然后点击平台—微信小程序—小程序绑定—提交审核，等待审核通过之后，我们就可以在手机端看到我们的商城小程序了。

如果您有想创建商城小程序这个想法，可以联系Mall4j商城系统， Mall4j商城拥有完整的产业生态链以及专业的开发技术。 满意我的回答吗？如果满意请采纳下

1、小程序认证服务费 300元，腾讯官方收取，这个没什么好说的。

2、 购买或租用服务器费用（每年约1000-1万不等），主要取决于你的小程序注册会员数和日活数量，量越大，服务器要求越高，价格也就越贵。有日活用户要求的小程序，建议选择独立服务器，后期可以不断升级服务器配置。

3、https证书费用（每年1000元以上），不同的安全级别要求，价格不同。阿里云官网的最低报价是1256元/年。

做一个小程序或者网站，最主要的成本差异就在于：人力成本。除了以上费用之外，还需要一些硬成本，服务器、公众号认证费用。服务器数据传输流量越大，也就是用户请求服务器的并发越大，相应的高带宽才能支持小程序的运行。各种等级的费用在各服务器平台上都可以查得到。

公众号费用的话，就是进行认证的费用，需要一些特殊权限和微信支付的，就需要公证号认证，费用300元都是固定的。

这种是定制开发的。根据你的需求，确定设计开发方案、确定工期，推算出实际预算。这种开发方式，费用相对会高一些，因为它的开发成本、时间成本摆在那。这种开发方式就是为了解决真正问题、需求而存在的。也是在小程序上面实现你的想法的最优方式。前期定制，后期根据需求，再进行产品的更新迭代。根据需求估算后期预算。根据实际需求、功耗确定预算才是靠谱的。

参考资料来源：凤凰网-便利店小程序开发多少钱

小程序开发有以下两种方法：

1、使用第三方小程序制作工具。

这种制作方式非常简单，你需要选一个简单的小程序制作工具，尽量找知名度高、模板美观、业界口碑好的平台，比如上线了，然后注册账号后选择“创建小程序”。选一个你需要的模板，点击进入后台编辑页面。在这里你就可以制作你的小程序了。

这种方式以“展示”模板为例，在【通用风格】里你可以设计小程序主题色、产品布局，自定义导航栏；在【页面设计】里你可以添加各种功能版块，包括轮播图、拼接图、快捷按钮、标题、视频、产品列表等。

2、使用微信小程序开发者平台。

如果你懂技术知识，那么可以下载安装官方小程序开发者工具。安装好之后，就新建小程序项目，选择代码存放的硬盘路径，填入自己的小程序的 AppID（没有的话你要先到微信公众平台注册一个小程序账号，在“设置”里可以查看你的小程序的 AppID）。勾选“创建 QuickStart 项目”，就可以开发自己的小程序了。

用这种方式开发你需要参考微信官方开发文档，要遵循友好礼貌、清晰明确、便捷优雅、统一稳定的特点，以及相应的视觉规范（字体、列表、按钮、图标等）。