如何做出超神的小程序！

据说下列小程序设计场景

90%的小伙伴都经历过

有APP的小伙伴设计小程序的时候

就一个字“搬”

不考虑小程序的承载量

结果超过最大容量限制

然后开始疯狂的“减、减、减”

到最后成了一个“鸡助”小程序

.....

 

 

而用第三方模板的小程序

也是一个字“套”

不管模板上的功能界面有没有用

这种现象最后都会出现一种结果

辣眼睛的小程序

 

 

 

究竟我们该如何设计出一款好看又实用的小程序呢？小编今天就来给你们支几招

 

因为小程序的入口都是与微信生态的各种玩法结合起来的，这也决定了小程序的设计一定要按照微信生态的套路来！所以千万要牢记微信官方给出四个关键点（注意，敲黑板记笔记啦！）

 

• 一个页面只有一个重点，不干扰用户的目标

• 一次只做一件事，不打断用户的操作流程

• 简单且一致的导航，让用户来去自如

• 注重异常状态，给用户留条后路

 

 

 

 

 

 

 

一个页面只有一个重点，不干扰用户的目标

 

 

 

 

 

 

小程序的每一个界面都必须要有一个明确的重点对象，比如“拼团”界面就应该重点强调拼团功能，以便用户每打开一个新的界面都能快速读懂界面内容。当然并不是每个界面确定好重点之后就要一成不变，在小程序不断更新迭代的过程中，有些功能就会逐渐被弱化，这时候我们就需要对这些功能的设计进行调整，在视觉上就要明确弱化这些次要功能。

 

 

 

 

 

 

 

 

 

 

一次只做一件事，不打断用户的操作流程

 

 

 

 

 

 

这个很好理解，就是我们在设计某个操作流程时，不要强行插入一个与该操作无关的内容，以避免分散用户的注意力，导致操作没能完成。例如用户选好东西进入支付页面时，却被突如其来的抽奖弹窗打断，要是感兴趣的用户可能直接离开支付页面去抽奖了，导致支付失败。而不感兴趣的用户就觉得这是种非常不友好的干扰。

 

 

 

所以在小程序设计的时候尽量避免弹窗的出现，以减少用户的选择难度和干扰。当然弹窗也不是完全不能出现，在用户刚进入小程序还没进行任何操作或者某个操作完成之后，再推送给用户其他的活动内容，就能起到很好的引导作用。

 

 

 

 

 

 

 

 

简单且一致的导航，让用户来去自如

 

 

 

 

 

 

一旦用户进入到我们的小程序，我们就应该保证让用户不“迷路”，即告诉用户他是谁、他在哪、他该干嘛、他该去哪里，让他不再懵逼。同时也要尽力减少用户在操作上的限制和等待时间。这样才能保证他们良好的用户体验。

 

 

 

针对这一点我们可以尽情利用微信官方给我们提供的全局导航栏，在顶部或者底部设立标签引导用户。当然每种样式至少需要两个标签，最多不能超过五个标签，而微信官方给出建议是最多不要超过四个。

 

 

 

 

 

 

 

 

注重异常状态，给用户留条后路

 

 

 

 

 

 

虽然小程序不需要安装，占用内存空间也可忽略不计，但是用户扫码进去的时候需要经过一段时间的加载，为了提升加载速度，我们也要尽量控制本地数据、精简界面控件，做减法设计。不然加载失败很有可能是空白页面，出现这种情况就很尴尬了。

 

 

 

加载反馈注意事项：

• 若载入时间较长,应提供取消操作,并使用进度条显示载入的进度

• 载入过程中,应保持动画效果

• 不要在同一个页面同时使用超过1个加载动画

 

 

说了这么多其实就是想说我们在进行小程序设计的时候要从用户的角度出发，解决他们在使用过程中可能会遇到的一系列问题，同时要凸显小程序本身的核心功能价值。