工具下载

---

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

参考资料

---

w3cSchool 学习(Swift模式, JS, CSS, HTML等)

https://www.w3cschool.cn

CSS布局介绍

https://segmentfault.com/a/1190000011358507

flex布局介绍

https://github.com/laizimo/zimo-article/issues/13

在线调试网页

https://jsfiddle.net/s6xzvk3f/1/

微信小程序官方源码

https://developers.weixin.qq.com/miniprogram/dev/demo/demo.zip

https://github.com/Tencent/weui-wxss.git

小程序的初衷

---

将线下和线上的场景服务相连接，侧重于更轻量化的使用体验。

用户体验分析

---

五要素：表现层、框架层、结构层、范围层、战略层

其中战略层是了解产品目标及需求的基础，范围层、结构层和框架层是内容的架构、布局及整合，表现层是产品最终的呈现模式。

CUBI用户体验模型

1、视觉设计 - - 清晰、合理且简洁：字体、色彩、排版、功能点分布

2、交互设计 - - 优先性、一致性、满意度：用户优先、功能设置（聚焦核心功能）、信息框架、逻辑一致

3、使用流程 - - 流程布局的合理性、操作使用的便捷性、操作高效性、支付安全性

微信小程序开发

e.g.,加快识别关键信息识别 - - 稍大字号、对比度高的色彩

轻量化购买体验？？传统app七个环节：注册-登陆-选购-下订单-支付-订单查询-货物签收