微信小程序指南图
2017-01-13 18:00:40 0 举报
AI智能生成
微信小程序指南图
作者其他创作
大纲/内容
机会留给有准备的人
小程序开发
必备技能清单
微信标记语言WXML
微信样式表WXSS
JS
iOS/Android
区别于iOS Storyboard构建界面,需要学习WXML
Android开发从XML构建界面过渡到WXML
前端程序员
HTML书写习惯过渡到WXML
CSS的px过渡到WXSS的rpx
后端程序员
学好前端三件套
后端数据处理依然需要
开发流程
小程序管理账号注册
小程序信息完善及开发前准备
熟悉开发工具
小程序提交审核与发布
小程序申请微信认证
可使用微信支付和卡券等高级权限
身份
企业法人
媒体
政府及事业单位
基金会、外国政府机构祝华办事处
社会团体
民办非企业
其他组织
小程序申请微信支付
小程序绑定微信开放平台账号
开发文档
语言与文件
WXML
WXSS
JS
界面构建
基本逻辑
view视图构建页面元素
使用滚动视图构建列表
栅格系统使用Flex布局
绑定数据
条件渲染与列表/循环渲染
模板与引用
样式
WXSS、id与class
用户操作与事件响应
网络访问
HTTP
Socket
HTTPS 443
多媒体与存储
音频、音乐播放控制
照片、视频数据交换接口
存储接口
硬件相关
系统相关信息,网络状态/设备类型/窗口尺寸
重力感应数据
罗盘数据
推送服务
模板消息,仅限于通知提醒
用户信息与微信支付
用户授权登录,获取用户信息
使用微信支付
设计文档
基本规则
友好礼貌
清晰明确
便捷优雅
统一稳定
差异比较
网页设计师
屏幕尺寸与比例
输入设备
网络特性
移动UI设计师
不需要分别为iOS和Android设计界面
微信提供的控件有限
运营文档
禁止的小程序
非法、违反公序良俗
功能过于简单
以传播谣言为目的
测试/抽签
分级推销
微信已有功能,如漂流瓶
恐怖性质较强,会给用户带来恐惧感
要求用户越狱或ROOT
不在小程序服务范围之内,如游戏
设计注意事项
以解决问题为核心,进入核心功能点击不得超过二次
每个页面有唯一一个核心功能
广告严格限制
收集数据需要明确告知用户
分享内容需要明确告知用户
用户提交的数据进行明显的提示
获取持续性位置数据需要明显提示
禁止诱导用户关注公众号或其他小程序
必须具备用户应用内反馈机制
社区/UGC需要提供举报机制
开发注意事项
提供详尽的技术说明文档
提供测试账号
审核注意事项
小程序起名
合适的LOGO
合适的简介
运营注意事项
内容合规
保证用户数据安全
合理使用模板消息
服务器稳定,经常登录小程序后台维护
启动时间
2016年1月9日
公测时间
2017年1月9日
产品理念
提高效率,用完即走
子主题
合理性才是做产品最重要的因素
小程序定位
不需要下载、安装即可使用的应用,实现了触手可及的梦想
用户扫一扫或者搜一下就能打开应用
实现了用完即走的理念
用户不用安装太多应用,应用随处可用,但又无须安装卸载
小程序特性
无需安装
触手可及
用完即走
无需卸载
小程序的需求
PC互联网时代企业仍然缺乏服务上网的能力
用户需要更快捷地获取服务
普通用户限于手机内存安装打开APP的数量和频率有限
用户需要轻便的应用
减少安装APP的麻烦
释放手机内存
让手机桌面更简洁
微信公众号需要订阅,以及会被强制推送信息
用户不想被打扰
入口
线下扫码
微信客户端-搜索窗口
模糊搜索
品牌名
全匹配搜索
其他非品牌关键词
公众号-详情关联小程序
聊天转发
好友
群聊
发现-小程序-附近的店
玩法
切换
小程序2小程序
小程序2聊天界面
消息通知
模板消息
客服消息
附近的店
七大能力
线下扫码
用户可以在小程序中使用扫一扫
对话分享
用户可以分享小程序或其中的任何一个页面给好友或群聊
消息通知
商户可以发送模板消息给接受过服务的用户
用户可以在小程序内联系客服,支持文字和图片
小程序切换
用户可以在使用小程序的过程中快速返回聊天
历史列表
用户使用过的小程序会被放入列表,方便下次使用
公众号关联
微信小程序可与公众号关联
搜索查找
用户可直接根据名称或品牌搜索小程序
使用场景举例
公交站台 x 小程序
航空提醒 x 小程序
旅行预订 x 小程序
K歌互动 x 小程序
快递查询 x 小程序
天气查询 x 小程序
医院服务 x 小程序
驾车加油 x 小程序
交警服务 x 小程序
关于小程序的各种问题
官方解读
不会有流量红利
不会有小程序商店
小程序不需要订阅
有限地推送消息
小程序仅可以分享到聊天窗口
小程序暂不能做游戏
微信搜索小程序有所限制
小程序可以与公众号绑定
小程序-附近的店
小程序是无所不能的吗
小程序不能承载所有的用户需求
不能满足游戏娱乐需求
不能满足文档处理需求
不能满足营销传播需求
小程序体系依赖于微信
业务不能与微信设定的规则有冲突
主营业务应该在微信渗透力强的地区
小程序不能主动发信息
小程序与HTML5的区别
小程序是计算机程序,HTML5是网页
在微信中加载小程序比HTML5更流畅
小程序可以节省大量服务器资源
小程序具有调用更多硬件资源的能力
小程序与订阅号、服务号的区别
订阅号可以向用户推送图文和信息、管理订阅用户,媒体属性,聊天界面
服务号帮助机构向用户提供服务,与客户沟通,服务属性,聊天界面
小程序自定义界面,没有聊天界面,开发门槛低
微信小程序和百度轻应用有什么区别
轻应用仓促上线,小程序有备而来
轻应用依赖百度搜索框入口,小程序以二维码为主要入口
轻应用起步用户基数不到3亿,小应用起步用户基数8.5亿
轻应用非百度重点运营,小程序是微信重要战线
轻应用依靠百度代理商推广,小程序依靠商家自主推广
轻应用为网页体验,小程序接近流畅的APP体验
小程序带来的影响
对行业的影响
服务范围涵盖17个行业
线下门店
不容易开发公众号和网页,但容易开发小程序
如餐馆的二维码点餐、付款
互联网行业
用小程序进行新需求的低成本试错
低频刚需的行业
使用小程序降低用户体验服务的成本
对职业的影响
前端开发者
小程序语法与前端语言很像
从网页前端迁移至小程序开发成本低
小程序MINA框架可以让前端开发在同等时间开发更棒的网页
web原有的前端框架无法使用
各家企业对小程序的需求,会令前端程序员的需求出现持续增长
前端程序员需要学习其他开发框架
后端开发者
对后端的需求不减反增
尝试小程序开发,或许是全栈开发的起点
个人开发者
小程序有可能在未来面向个人
学习开发成本降低,更多的人可以尝试小程序
不需要考虑多平台分发,依赖微信就可以
外包工作更容易上手
对用户的影响
不用安装更多的使用频率低的APP
更加依赖微信
0 条评论
下一页