微信小程序的原型设计尝鲜

"小程序”来了大世界要变了？微信小程序可能是近期业绩最火的话题之一了。

这个根植于微信流量巨无霸的应用将对应用市场、对微商、电商、对企业的开发成本、获客成本将产生深远影响？将制造出绕开Google Play和AppStore的另一大App体系？将实现“知人性”的PM张小龙先生的“用后即走”的轻量App之梦？将秒杀传统的App？

虽有海量追捧者趋之若鹜但也有冷静人士淡定的白眼。但无论如何腾讯这步棋子既然落在了棋盘上绝不能悔棋更不可能半途而废你我这样神经敏感的PM、UX不尝鲜是不可能的。

说动就动绿萝算法不尝鲜是不可能的。

干活儿首先得挑个工具我这里使用了Mockplus近期国内的一款比较流行的原型设计。比较顺手线框、交互都能胜任。

首先尝试做WeUI的界面元素吧。经过一会儿的折腾搞成了一套（好在WeUI的界面元素比不是太多）。有了这个之后就方便了。

在提示和上传页面中我使用了交互点击“成功提示”按钮弹出提示。点击“上传”按钮完成进度条的走动。

操作很简单：在Mockplus中选中按钮直接拖拽到准备弹出的提示框上设置“显示/隐藏”并在消失时做了延迟处理。提示框的默认显示状态设为“不可见”。

至于进度条的走动是设置每个进度轨道的“调整尺寸”的交互（设置宽度变化）多拖拽几次鼠标设置链接就好了如图：

好了让我们来看看效果。点这里看我的成果：

标签： 设置按钮这个提示