"小程序”去了,大世界裂瓜了?微信小程序可能将就是近期业绩炙手可热的话题之一了。
这个植根于于微信流量巨无霸的应用领域,将对应用领域市场、对微商、电商、对企业的开发成本、线下成本将产生深远影响?将生产出来绕过Google Play和AppStore的另两大App体系?将同时实现“言人性”的PM张小龙先生的“用后即为跑”的轻量App之梦?将秒杀传统的App?
虽存有海量青睐者趋之若鹜,但也存有淡定人士淡定的白眼。但无论如何,腾讯这步棋子既然落到了棋盘上,决不能悔棋,更不可能将半途而废,你我这样神经脆弱的PM、UX,不尝鲜就是不可能将的。
说动就动,搜寻至微信小程序的设计规范后,使我们已经开始吧。造大梦的事儿还是使大佬们回去干活吧,咱们干活点真的的。
干活儿首先得放个工具,我这里采用了Mockplus,近期国内的一款比较盛行的原型设计。比较顺手,线框、可视化都能够胜任。
首先尝试搞WeUI的界面元素吧。经过一会儿的纠缠,弄成了一套(不好在WeUI的界面元素比不是太多)。存有了这个,之后就便利了。
在提示信息和上载页面中,我采用了可视化,页面“顺利提示信息”按钮,弹头出来提示信息。页面“上载”按钮,顺利完成进度条的站立。
操作方式很直观:在Mockplus中选上按钮,轻易拖拽至准备工作插入的提示框上,设置“表明/暗藏”,并在消失时搞了延后处置。提示框的预设表明状态,设立为“不可知”。
至于进度条的站立,就是设置每个进度轨道的“调整尺寸”的可视化(设置宽度变化),多拖拽几次鼠标,设置链接就不好了,例如图:
不好了,使我们去看一看效果。点这里看看我的成果:
http://run.mockplus.cn/Tnr9w9TyUKjXeDeR/index.html
这个尝试至此暂时完结,页面不多,称得上个半成品。但在制作时,我边搞边揣摩微信在设计中的一些理念:简约、精确、功能强大。这个了不起的产品之所以在国内能深入人心,还是有些道理的。