微信小程序公开课PPT及详细解读

2016-11-30 15:54 社交 来源:思达派 查看原文

  随着小程序正式对外发布之即,微信团队近日在北京举办了一场线下公开课,笔者也应邀参加了这次公开课的分享,微信团队在公开课里透漏的,有很多细节笔者在之前的一篇文章《小程序来了,这些细节你必须注意!》都有提及过,但是通过这次与微信团队的接触,笔者希望通过这篇文章让更多的吃瓜群众对小程序有一个全面的认识。本篇文章图片较多,建议在WIFI环境下完成阅读。

  第一部分:小程序接入流程,吃瓜群众务必知晓

微信小程序的这次公开课,给我们带来了哪些更确切的解读?max-width: 100%; display: block; margin: 0px auto;">

微信小程序的这次公开课,给我们带来了哪些更确切的解读?max-width: 100%; display: block; margin: 0px auto;">

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

  第二部分:运营规范,运营人员必须熟知

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

  第三部分:框架解析,技术党务必理解

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

  第四部分:实战分享,开发者最渴望的实战经验

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序公开课PPT及详细解读

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

  第五部分:小程序不是HTML5

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

  微信团队在本次公开课中明确提出“小程序不是HTML5”,其实说到这里我们可以这样分别定义小程序和HTML5,以小程序为代表的 hybrid app 和以 HTML 5 为代表的 web app。“小程序”在腾讯内部被统一称为 web+,Web+ 是什么?可以简单理解为一种“混搭”的开发方式或是具备 Native 能力的 web 应用框架。它既不是纯粹的 web 开发,也不是 ios 或是 Android 开发,它是 MIX 的,虽然像 web 一样更轻,但也像 Native 应用开发一样更加重视用户体验本身。

  关于小程序更多的开发、运营、设计的解读,大家可以查阅笔者早前发表的一篇文章《小程序来了,这些细节你必须注意!》 去详细学习。

  看了这么多图片,是不是都觉得头昏眼花了,没关系,笔者决定下面的描述中尽量不再使用图片,而是使用文字来描述:

  第六部分:小程序经典案例解读

  本次公开课微信团队除了分享有关开发层面的实战分享之外,还特例拿出了1-2个小程序作为经典案例进行分享。

微信小程序的这次公开课,给我们带来了哪些更确切的解读?

  在本次小程序公开课后的分享中,微信团队特别提到到了一个标杆性的小程序—自选股,笔者在课后也了解到了这只开发团队的相关情况,根据了解,这只团队是腾讯内部最早进入微信小程序内测的6个团队的其中之一。

微信小程序公开课PPT及详细解读

  自选股团队负责人强调它们的小程序是一款基于微信体系小而美额度产品,去掉了APP里像研报、投资评级、机构评级以及公司财报等功能,同时结合微信的社交属性,在用户与微信好友在聊天时,就能够通过自选股小程序了解当前的股市行情,这类产品就很好的响应了小程序"更小、更轻"的理念。

  从效率上来说,小程序产品在微信Web+框架下的开发速度是远比原生应用更快,跨平台的适配性更高,开发成本更低。以腾讯自选股小程序为例,3个人的团队在5天内就开发完成了整个小程序。

  同时,微信自选股团队负责人还透漏了一个细节,小程序能够支持股票移动的动态显示,让股民能够更直观的看到股票的变化,微信小程序已经支持整个 CSS3 的动画,而这在 Native 的股票 App 中,也不是所有的都能做到这一点。

  这是一个典型的符合小程序设计理念的产品,正如微信团队在官方设计规范中所提及的“产品设计遵循重点突出”。

  开发速度加快,必然的带来了开发成本的降低,效率因此获得提高。不过,开发者当对市场情况和用户需求并不十分确定的情况下,它让快速、低成本的试错成为可能。

  第七部分:微信公开课给了我们更明确的信号


  • 小程序的设计完全可以对标第三方服务里的小应用


  在小程序推出之前,我们大家所熟知的微信第三方服务所包含的应用其实都可以看做是小程序的缩影,笔者对比了几个典型的应用,我们完全可以看出小程序所有细节,统一的Title标题和Background背景,统一的Tab格局,统一的按钮尺寸和色块,这些细节和小程序定义的规范极其接近。

微信小程序公开课PPT及详细解读

微信小程序公开课PPT及详细解读


  • 小程序就是要突出重点,快速直达用户的需求


  小程序“自选股”把AP的重点功能“实时行情”放到了小程序里,并且做到了用户极致体验;同城旅游把重点功能票务预订放到了小程序里;艺龙旅行网把重点功能“酒店预订”放到了小程序里;大众点评把重点功能外卖放到了小程序里,通过以上案例我们不难看出,这些开发者只是把AP的其中一项功能或者单个页面搬到了小程序上,抛弃了除主需求之外所有的陪衬功能,以最直接的方式满足用户的需求。如果我们把APP定位成一顿满足胃口的大餐,那小程序就是快速解决温饱问题一顿快餐了。但是人在饿的时候,一顿快餐解决问题的快感显然要比一顿大餐好的多。

  第八部分、微信团队正在逐步推进小程序的进程

微信小程序公开课PPT及详细解读

  我在小程序公测之后的一篇文章《小程序来了,这些细节你必须注意!》有提到过这样一个观点,小程序箭在弦上却不能发布是因为微信团队刚刚公布公测消息,市场的反馈需要一定的时间,微信团队还没有给市场一个可以借鉴的标杆。通过微信团队这次的公开课和前段时间张小龙爆出的手机截图显示,仅仅过去20多天,微信团队似乎已经找到了不下20个可以称得上标杆的小程序。微信团队通过这次公开课就是想再次给市场传递一个信号:什么可以做,什么不能做,应该怎么做。看到市场上这么多想拥抱小程序的开发者,笔者想说的是,其实最急的不是你们,而是微信团队。它们迫切的希望您们去拥抱,最乐意看到的现状就是,它们所制定的生态规则能够在最短的时间内被市场所接受,并且参与者上手的速度越快越好,从而帮助微信团队更好的打造这个伟大的生态系统。今天有关小程序的最新解读就聊到这里,如果本文对你和你身边的朋友有所帮助,感谢转发,您的支持是我们码字员最大的动力。

为您推荐: