微信小程序开发

工具下载


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、使用流程 - - 流程布局的合理性、操作使用的便捷性、操作高效性、支付安全性

图片发自简书App

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 最近小程序火了,是时候收藏一波了! 1:微信小程序官方工具:https://mp.weixin.qq.com/de...
    Sky109阅读 14,608评论 2 97
  • 为了方便大家了解并入门微信小程序,我将一些可能会需要的知识,列在这里,让大家方便的从零开始学习; 首先感谢几位给予...
    极乐叔阅读 8,727评论 2 16
  • 今天是2月18日,周日!天气多云转晴! 好开心啊!因为今天要从奶奶这边去姥姥家!这几天是天天盼呢!早上吃完饭,先去...
    忻谧阅读 1,930评论 0 0
  • 题目描述输入一棵二叉树,判断该二叉树是否是平衡二叉树。
    NoFacePeace阅读 1,820评论 0 0
  • 它,胜过千言万语,解开自己心上的一千个死结,却在别人胸口上插上了一把尖刀;它,裹挟爱恨情仇,穿越千年历史长河,...
    爱幻想的薄荷糖阅读 4,538评论 0 0