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

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

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

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

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

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

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

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

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

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

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

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

3.善用小程序“客服”

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

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

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

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

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

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

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

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

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

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

业界动态

2020年SaaS、企业微信和产业互联网趋势解读

2019-12-17 22:40:46

业界动态

用户画像、产品模块、抢单派单、产品规划十步走

2019-12-18 0:35:09

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索