微信小程序样式,别把小程序做成压缩版APP,用户真的会跑

admin

先说个真事,前段时间,楼下水果店老板老陈找我,说他刚上线的小程序“看着挺高级”,但下单的人不多,我点进去一看,首页轮播图三屏、优惠券弹窗、签到浮窗、直播入口、会员卡横幅全挤在一起,按钮小得像指甲盖,颜色从橙到紫再到荧光绿,底部导航还塞了五个栏目,老陈挺委屈:“我花了不少钱做的,样式多丰富啊。”我说,问题恰恰就在这儿:这不是微信小程序样式,这是把APP硬压缩进了微信里。

微信小程序样式,很多人第一反应是“好不好看”,但在我看来,小程序样式首先要回答的是“用户能不能两秒内知道自己该点哪儿”,微信里的使用场景太特殊了:用户可能在地铁上、饭桌上、电梯里,单手拿手机,耐心只有几秒钟,他不是来欣赏设计的,他是来点奶茶、挂号、找车位、交停车费的,样式一旦让人犹豫,他就退出去了,连“再试一次”的耐心都不给。

我后来帮老陈改了一版,第一步不是换配色,而是做减法:首页只留“今日水果”“到店自提”“满减券”三个入口;按钮从原来的小圆角改成大块可点区域;弹窗只保留首次进入的一张新人券,而且可以一键关掉;底部导航从五个减到三个;加载时不再放旋转小圈圈,而是写“正在给你挑新鲜水果”,改完第二周,老陈跟我说,线上下单的人明显多了,最意外的是店里几位五十多岁的阿姨也会用了,她们的原话是:“以前那个花里胡哨的,我不敢点,怕点错。”

这就是我想说的第一个观点:微信小程序样式不是装饰,是降低使用门槛的服务。 它不是把品牌色铺满屏幕,也不是把功能入口堆成货架,真正好的小程序样式,应该像便利店货架:灯亮、分类清楚、伸手就能拿到,用户不需要学习,也不需要被教育。

再说一个生活实例,我妈前阵子用某医院小程序挂号,进去先弹“是否允许获取位置”,点完又弹“是否订阅通知”,接着首页一堆科室推荐、医生直播、健康测评,她只是想挂个普通内科,结果翻了半天,最后打电话问我:“那个‘预约挂号’到底藏哪儿了?”我点开一看,它被放在一个浅灰色的小字里,旁边还挨着两个颜色更亮的广告位,你说样式“丰富”吗?丰富,好用吗?不好用。

所以第二个观点是:小程序样式要尊重微信生态,别把APP的野心塞进来。 APP可以是商场,小程序更像家门口的工具箱,微信顶部有胶囊按钮,用户习惯右上角关闭或返回;底部有tabBar,栏目超过五个就容易挤;授权弹窗出现得太早,用户第一反应不是“同意”,而是“你是不是要偷我信息”,样式设计里最重要的不是“我有什么”,而是“用户此刻只需要什么”,挂号场景里,“预约挂号”就该是最大、最稳、最显眼的按钮;点奶茶场景里,“选规格、加购物车、结算”就该一路顺滑,别中途弹会员卡。

我个人还有个比较鲜明的观点:小程序的“丑”有时候比“花”更可靠。 不是说不要美感,而是说美感要服从秩序,字体大小、行距、按钮高度、留白、颜色数量、加载反馈、空状态提示,这些看起来琐碎,才是用户真正能感知的“样式”,比如空状态别只写“暂无数据”,可以写“今天还没下单,去挑点水果吧”;加载失败别只丢一个红叹号,可以写“网络打了个盹,点这里重试”;按钮别用浅灰字配白底,用户真的找不到,样式的人性化,很多时候不是加动效,而是把话说清楚。

品牌感也重要,小程序样式可以有自己的颜色、圆角、插画和语气,但要有克制,一个页面主色不要超过两三种,重点按钮只留一个,弹窗别超过两层,动效别让用户等,老陈后来问我:“那我品牌感怎么体现?”我说,把水果的新鲜感放在图片和文案里,把靠谱感放在按钮和流程里,别让用户一边找入口一边看你表演设计。

最后总结一下我的个人观点:微信小程序样式,第一目标是“顺手”,第二目标才是“好看”;它应该像微信里的一个轻工具,而不是一个迷你APP;它的高级感来自克制、清晰和反馈,不来自堆料,你要是正在做小程序,不妨找一位不太懂互联网的长辈试用三分钟,看他能不能独立完成一次下单或预约,如果他能,你的样式就成功了一大半。

别急着把小程序做成“压缩版APP”,用户进来是办事的,不是来参观的,样式少一点,路就短一点;路短一点,用户就愿意多来一次。

目录[+]