4点小技巧做一款“精致”的小程序

原创： Kevin改变世界的点滴 Kevin改变世界的点滴  昨天

大家好，我是Kevin。这是2019年第182篇原创

小程序因为开发成本低、传播高。成了许多中小互联网企业和个人开发者的发力点，可是只完成业务的承载还不够的，如何能够真的靠产品留住用户，小程序的用户体验意识必不可少，今天分享我们在PMTalk产品经理社区小程序设计中的4点技巧。

1.不要小看小程序的页面加载

小程序因为底层与H5仍然有相同的加载。所以在偏向于移动端的顶部、底部下拉滑动，需要做到边界处理

比如上图的boss直聘和太平洋咖啡。因为没有处理下拉就导致了断层，而boss直聘则将顶部拉伸给予用户刷新提示。

2.用户在button、内容的交互

这一点主要聚焦在浏览页面、操作页面的场景下，做状态调整。

比如微信读书在选中页面和切换tab下有交互提示

页面的操作得到反馈，会让产品的易用性提高。你看到市面上许多小程序，很难做到内容反馈。大多数还只是tab上。

3.善用小程序“客服”

小程序因为不能使用长按扫码。有的产品经理选择是跳转到微信图文、或者是保存图片方式。

这样的操作背景要求用户跳出小程序，选择微信扫码。路径是断的，用户的体验较差。

而小程序唯一可以使用扫码的方式，是在客服聊天窗口。只需要在公众号后台配置图片即可不用退出小程序实现转化。这里分别是PMTalk产品经理社区和零一换量助手进群的提示。可以快速引导用户从小程序进入到目标页面

4.注意小程序的UI还原问题

小程序要做精致，还有一个细节是：“UI”还原的问题。小程序的UI在设计上尽可能的依照app规范。同时又要考虑微信的布局和提示

小程序UI在字体上不能超过10M，所以如果在字体设计上要注意不能过于新颖、并且保持尺寸，否则只能用远程的方法调用字体导致速度太慢。

如上图可以看到三茅小程序有大量的页面空白，以及封面缺失状态下没有给出配图，而右边的来点小程序在扫码按钮下的阴影效果设计有渐变的突出。

这都需要UI还原来做，同时保证UI的品质不和app或市面上的互联网app差距太大。小程序正是因为开发快，所以注重了这方面反而会有点独树一帜。