第一次做小程序?看这一篇就够了!(产品设计篇)uimaker(2)

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

第一次做小程序?看这一篇就够了!(产品设计篇)uimaker

2)页面简洁、重点突出

除了服务和流程精简外,我们在设计小程序时,每个页面也尽量清晰简洁、有明确的重点,让用户能够快速理解页面内容,顺畅地进入任务流程。

2、充分结合微信的特性

1)社交化,促进分享

社交,是我们很多开发者想尽各种办法想要赋予自己产品的能力,但却往往求而不得。而微信作为国内最大的社交平台,其生态下的小程序天生自带「社交属性」,拥有很强的社交基础和分享能力。

所以,ui,我们在设计小程序时,一定要好好利用小程序的分享能力和微信巨大的社交流量来为自己的产品赋能,在自己的产品中加入一些社交玩法,促进用户进行分享。比如星巴克的赠卡玩法、高铁管家的好友加速活动、墨迹天气的早起好友排名以及名片小程序的“递名片”等等,都是利用分享达到了很好的裂变传播效果,也给产品带来了新的活力。

第一次做小程序?看这一篇就够了!(产品设计篇)uimaker

2)找出产品中与微信生态最贴合的功能重新设计

小程序和原有产品并不是简单的替代和复制关系,他们可以各司其职,比如App可以用于沉淀用户、给用户提供更深入的服务,而小程序可以作为一个引流入口。

所以我们可以找出产品中与微信生态最贴合的功能重新设计,利用小程序来扩大产品的服务边界。比如知乎热榜,是将知乎中最适合小程序资讯阅读的热榜部分单独拎了出来。而腾讯相册和石墨文字识别则是将原有产品中的一个小功能结合小程序的特点和场景重新设计,让他们更加符合小程序用户用完即走的使用场景,也可以为自己的主服务引流。

第一次做小程序?看这一篇就够了!(产品设计篇)uimaker

3)结合微信特性做延伸服务

还有很多产品在布局小程序时,都是结合小程序的特点做了延伸服务,而不是将原有功能搬运到这里。比如礼物说、石墨任务清单和家乐福的扫码购等等,原本他们的产品中并没有这些服务,但是结合自己的产品能力和小程序的生态环境,他们开辟了这样一种新的服务能力。

比如礼物说,原有平台是主打精选礼物的移动电商;而在小程序里,礼物说没有将原有的玩法照搬过来,而是做了一个「像发红包一样送礼物」的服务,巧妙地将自己的业务和微信的生态结合了起来。

第一次做小程序?看这一篇就够了!(产品设计篇)uimaker

3、多利用小程序的开放能力

从第一章节我们可以看到,小程序目前已经拥有了非常多的「基础能力」,如客服通道、模板消息、物流助手、一物一码等等,与此同时,微信还在不断赋予它新的能力。建议大家在自己的产品中多利用这些开放能力来为自己的产品服务。

四、传送门——这些资源你一定用得到 1、原型资源

其中包含了2019微信最新版的原型资源

145+常用组件

40+典型页面

10+常用小程序流程

20+多行业完整小程序模板

下载链接:

2、必备官方小程序

以下4个小程序均是由微信官方出品,用于帮助设计者和开发者更方便地管理小程序。

第一次做小程序?看这一篇就够了!(产品设计篇)uimaker

3、官方文档

《微信官方文档·小程序》

4、设计师干货

以下两篇是对小程序视觉设计总结的很好的文章,如果你的设计师和你一样也是第一次做小程序,可以分享给他哟!~

《参与多个项目后,我总结了这份可能是网上最全的小程序设计规范》

《做小程序设计,不得不说的7个坑》

写在最后

小程序作为微信生态中的一个重要产品形态,它有着“连接一切”的使命,但也有着自己的优势和限制。我们只有充分了解它,才能更好地融入这个生态,ui设计教程,打造出与微信和自己的业务更加契合的好产品。

 收藏