等等

上一篇《小程序专场(上)》,通过对小程序业态分析及结合相关案例分享,详细介绍了小程序裂变的相关内容。而本篇文章,主要介绍的是:告诉大家如何搭建一个完整且优秀的小程序产品,以及你在开发小程序之前,必须知道的那些 “坑”。

 

本地服务之微信小程序生态(徐环宇)

徐环宇同学通过以“建设商场”的例子,形象地向大家介绍“本地服务”微信小程序的内容。我们在建设商场的大致流程是:市政府(相当于我们的主站资源)——建商场(相当于B端管理)——店铺规划(相当于C 端展示)——广告传播(相当于获客系统)。

 

 市政府(主站资源)

市政府主要负责批条子、批地皮,相当于主站提供人力、财力、BC 商家用户等资源。

 

 建商城(B端管理系统)

B端管理系统主要包括:PC建站后台+商家助手小程序、小程序店铺编辑器+商家通小程序。

“PC 建站后台+商家助手小程序”相当于为楼体施工,也就是所谓的基础建设,主要功能为:商家信息注册、店铺信息审核、商品维护等一系列店铺基础设置操作。

“小程序店铺编辑器”相当于装修公司,为店铺设计店铺形象。“商家通小程序”相当于商场里的广播系统,通知你有客人来了。完成以上操作后,商场的楼层也就基本搭建起来了,接下来就是对商场内部的规划。

 

 店铺规划(C 端展示)

店铺规划,顾名思义:商场对店铺以什么样的门面展示给消费者,而进行设计安排。目前支持展示品牌店(企业版小程序)和超市大排档(58同城优选小程序)。

其中企业版微信小程序是微信官方来审核,入驻门槛偏高,比如审核周期较长及上线速度比较慢,但顺利上线后,可以直接在微信中搜索展示,曝光率相对较高; 而同城优选小程序虽然展示位置相对不那么明显,但门槛也比较低,如在资料上传完成后,由我们平台来审核资质,上线比较快。

商场建设完成后(即打通了B 端和C 端),接下来就要开门迎客了。首先得先做广告传播,告诉大家商城开始营业了。

 

 广告传播(获客系统)

我们主要以微信云控和智能客服的结合使用来获取用户。云控就是我们利用很多部手机+微信号+机器人运作,把用户攒起来。

云控是怎么运作的呢?通过统一对微信号进行调度,可以在朋友圈发广告、收集用户需求。当你看到广告之后又符合自身的需求时,你就会向我们进行咨询。这就相当于我们在微信里架起了我们的一个广告系统,如果多人同时咨询我们怎么办呢?这个时候智能客服就出场了。

以上就是最初的微信小程序生态。所谓生态有一个特征就是具有潜在或能完成“新物种孵化”的能力。达到生态的条件之后,自然而然地孵化出流量运营产品——58合伙人

 

 58合伙人

基于商家有宣传自身微信小程序店铺和产品的需求,以及商家本身就具备微信生态的社交属性,我们搭建了58合伙人流量运营体系。

利用每个商家(或用户)自己的微信号、微信好友关系、微信朋友圈,对这些用户进行运营维护,保持这个生态的活跃度。 例如:商家把宣传的商品内容发到合伙人的任务推广大厅里,利用转发获得奖励的模式,刺激不同领域的商家及个人为其转发商品内容。

用户可根据自身需求寻找符合的商家得到服务;合伙人可通过分享推广内容获得一定的收益;而商家则扩展了自己的推广范围,提高了自己获取订单的机会。

 

58顺风车小程序(温正远)

 为什么要做顺风车?

以原有的拼车业务为项目背景,通过多次线上线下调研并分析得出:网约车行业的整体城市渗透率接近七成,在广大的县级和村镇地区,有大概两百万的兼职司机,县级和村镇约车市场发展空间巨大,依托58同镇在乡镇市场的渗透,为乡镇司机提供一个规范的平台,于是我们做了58顺风车产品。

 

 开发小程序的目的是什么?

早期考虑到开发产品成本问题,我们选择依托服务号进行运营开发。但是服务号上线一段时间之后,在使用过程中暴露出一些问题,例如:服务号使用流程复杂及各环节交互不够流畅,这些问题在用户不断增长的过程中,服务号与微信之间间隔问题愈发明显,用户对我们的疑问也越来越多。所以我们需要一个能够利用微信完整生态的平台来满足我们的需求,于是我们设计了58顺风车小程序,将服务号数据向小程序迁移。

 

 执着于更完美的用户体验

我们的主要用户集中在乡镇一级,他们对于互联网功能的理解能力偏低,所以我们在小程序每一个功能点都会进行多次的AB测试,基本上保证每一个上线的功能点都能被我们的用户所理解,能够正确操作使用,完成一个完整的乘车体验。

 

 利用微信生态获取更多流量

在顺风车小程序基础体验完善之后,利用微信机器人对小程序进行群控操作。小程序的特性,决定了它的增长方式主要依靠人与人、人与群之间的分享。

我们是如何获取更多流量的呢?主要通过以下几个方面:

1、教育司机和乘客通过小程序卡片认知路线信息;

2、通过我们分享的卡片,准确定位司机和乘客的详细位置;

3、机器人深入微信群,充分了解司乘信息,以客服的身份在微信群内对我们的用户进行引导与沟通;

4、刺激乘客和司机点击和转发路线信息,最终完成订单。

同时,我们通过微信机器人做代理客服,来服务我们的用户,让机器人成为用户的的助手,帮助用户快速获取信息,用小程序服务端生成信息卡片再次转发到微信群。通过对小卡片的差异化设计,利用不同的文案、图片,试图做到最大的流量转化。

 

小程序设计中常见的“坑”(杨婕、郑晓东)

小婕和晓东同学分别通过58租房小程序及58招聘助手小程序,向大家分享了他们做小程序遇到的“坑”。我相信在小程序的设计当中,每个人或多或少都会遇到一些“坑”,因为小程序的开发设计完全受限于微信,所以很多效果实现及切图会出现比较多的问题。

以下列出了我们常见的一些“坑”,主要集中在TabBar 和TitleBar上:

 

 TabBar ( 底部导航栏)

1、TabBar的icon配置最少2个,最多5个。icon切图尺寸建议81×81且大小40kb以内;

2、TabBar的文字大小不能变,颜色可变;

3、TabBar最上面1像素高的线,颜色仅支持白/黑;

4、TabBar的底色背景支持纯色。

 

 TitleBar(标题栏)

1、TitleBar的标题文字颜色仅支持白/黑;

2、TitleBar的背景色支持纯色和图片。但不支持其他功能,比如滚动时title渐隐出现的效果、带有投影和滑动页面的Title、透明度从0-100%加载的动效等等都无发实现。

3、如果出现弹窗,蒙层遮挡不住导航栏。

(注:刚不久小程序TitleBar背景色可以使用图片铺满顶部的情况,例如58租房精选首页的效果(左图)。但是目前这个功能不太完善,比如不能选择性的铺顶,需要所有页面都保持铺顶才行。)

 

 其他

1、屏幕滑动方向只能选择纵向或横向,不能同时存在两种滑动交互效果。

2、特殊字体切图,导出SVG格式需要转轮廓。因为微信识别出是字体之后,就直接替换成手机默认字体了。

相信随着小程序对外开发的功能越来越完善,这些所谓的“坑”也会随着消失。有关小程序的坑点欢迎大家留言补充哦~

 

总结-小程序未来可期 

小程序在获取用户的能力上无可比拟,能够帮助产品轻易地连接过去从未触达的人群;目前主流市场行业已被占领,未来移动互联网将拼的是垂直细分领域;根据小程序本身开发成本低,同时随着小程序在对外开放、留存与变现、用户时长占比等方面极速成长,以及互联网巨头和创业者的相继加入,创新类产品的尝试都可以先在小程序试错。由此可见,未来小程序的前景不可估量。

这次小程序专场的分享,希望尽我们微薄的力量,能够帮助大家从中有所收获。非常感谢您耐心的阅读哦~

注:本文中作品需经环铁艺术家许可发表

感谢U享会的搬运工们:

 

原文地址:58UXD(公众号)

作者:环铁艺术家

转载请注明:学UI网 » U享会|小程序专场(下)-产品案例分析及设计需注意的“坑”

登录收藏
 
你可能喜欢的:
2019追波流行的N个设计趋势2019追波流行的N个设计趋势
AI人机交互趋势研究(2019)AI人机交互趋势研究(2019)
最全面!2019年最新UX设计趋势预测汇总最全面!2019年最新UX设计趋势预测汇总
【海平面】在网页设计中,如何应用纹理?【海平面】在网页设计中,如何应用纹理?
2019年网页设计趋势前瞻,先睹为快!2019年网页设计趋势前瞻,先睹为快!
互联网设计圈大盘点:回顾2018 展望2019互联网设计圈大盘点:回顾2018 展望2019
2019年 UI 和 UX 设计趋势2019年 UI 和 UX 设计趋势
如何为品牌打造一个值得分享的开箱体验如何为品牌打造一个值得分享的开箱体验
设计沉思录|设计风格的构建与验证方法探索设计沉思录|设计风格的构建与验证方法探索
AI聊天机器人设计指南AI聊天机器人设计指南