微信小程序(Mini Program)技术栈与框架简介

关键字：微信小程序、Mini Program、技术栈、框架、WePy、MPVue

整体小程序开发类似Web App开发，尤其是使用了Vue或React框架的Web App开发。

小程序原生技术栈与框架WePY、MPVue之间的比较，参考 博客

以下内容均为产品练习题本人练手用，欢迎来提供意见。

题目：

2017年1月9日微信小程序正式上线，小程序是一种不需要安装即可以使用的应用，它使用了应用“触手可及”的梦想，也实现了“用完即走”的理念。用户不关心是否安装太多应用的问题。而对于开发者而言，小程序开发门槛相对较低，难度不及APP，能够满足简单的基础应用。如果让你设计一个小程序，你会怎样做？请说明小程序的核心功能、解决的用户痛点和使用场景。

一小程序设计方案：（以商业画布形式作答）

1价值主张（描述出核心功能、定位等）

2用户痛点（描述出用户在此场景下遇到的问题）

3用户细分（描述出用户地域、行为等）

4使用场景（适合小程序使用的场景）

5客户关系（描述出小程序可以提供的细分功能等）

6渠道通路（描述出新小程序的推广途径等）

背景：公司年会需要大家进行评价打分，但是传统的打分方式过程麻烦，且数据统计还需要后期自行处理。想到查找类似的小程序解决问题，但是目前并没有一款实用的评分小程序。基于以上需求我设想了下面的小程序。

小程序名字：评选小助手

直接以功能命名，方便用户根据需求进行搜索。

设计方案：

1价值主张：

评选小助手小程序是作为线下的比赛的评分工具，目的是为用户提供便捷的服务，以推广和提升公司品牌目标，给公司提供流量导入。积累一定流量后，考虑小量推送广告。

2用户痛点：

在大型民选比赛中，传统的打分方式过程麻烦，通常需要准备笔和纸张，而且数据不能自动进行整理分析，导致活动流程缓慢，活动成本增加。

3用户细分（客户细分）：本产品的用户分为两类，一是主动用户即比赛活动的举办方，用户主要分布在学校、公司、商圈。学校评选比赛的举办方，公司团建或者年会等的组织者。二是被动用户即参与比赛的群众，包括学生、公司职工等。

4使用场景：

学校经常会举行中小型比赛，评分功能在这些比赛中必不可少。

公司的使用场景多为团建或者年会等活动，这些活动几乎在所有公司每年都会举行。

商圈等举办得线下选秀活动需要观众进行评选打分。

5客户关系：

小程序的接口让用户无需安装，注册，投票者打开微信扫码就能进入，投票完成后系统为主办方提供，去掉最高最低分、去掉无效评分（为保证公平性会公布无效分）的数据处理方式，减少了投票环节的时间以及流程。

强大服务器支持，最多可承载一千人的打分活动。

可同时为多个项目打分，更加符合现实评分场景。

参照传统投票模式，开放记名和不记名两种打分模式，保护用户隐私。

提供数据分析，结果可以展示打分详情（记名打分）、总分、平均分、人数、参与投票者性别比例、投票时间和总分的关系曲线。便于组织者进行后期分析，以及准确消除无效的评分。

开放设置投票区域限制、减少无效打分。

6渠道通路

本产品会与一些大型项目和做合作，免费推广我们的产品，针对目标用户的公众号中做广告推送。

百度中进行推广，对于评选打分小程序等关键字占领前排。

基于工具型产品的特性，推广到一定程度后线下传播将会成为主要途径。

小程序的 UI 设计指南在小程序官方文档中均有介绍，以微信官方设计文档为参照：

1、 小程序布局：小程序的布局主要采用块状结构进行布局，优先采用卡片、列表或网格等布局方式；

2、 小程序 UI 调色：小程序的 UI 调色使用典型的灰色调子，较亮的颜色基调使用明度较浅的颜色；

3、小程序 UI 尺寸：采用 1080px 宽，720px 高的界面设计尺寸，控件尺寸以 8px 为基准单位，即每个控件的间距需以 8px 设计；

4、 小程序 UI 字号：字体最大尺寸 36px，最小尺寸 24px，中等字体尺寸使用 30px。

以上就是关于微信小程序(Mini Program)技术栈与框架简介全部的内容，包括:微信小程序(Mini Program)技术栈与框架简介、“评选小助手” 小程序产品设计框架、小程序的ui框架尺寸等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！