微信小程序儿
这两天微信小程序热火了一把,还在内测阶段,没法看到实物,顺着今天早上最新发布的微信公众平台小程序文档,打算研究一下微信小程序设计指南
今年早期的时候,张小龙有提到说,微信之后要推出应用号(现在的小程序),也就是说在未来当你要使用到某个应用的功能的时候只需要在微信里搜一下就可以直接操作了, 而无需再去Appstore上去下载一遍。
现在想来,在手机端打开的最多的可能就是微信,而那些工具型的,是最容易被微信小程序给替代的,比如买车票之类的低频软件,只有在使用的时候才会打开,平日根本没事不会打开。当这种应用被整合到微信小程序里的时候,这些工具app的生命力也就岌岌可危了。 而人们对于微信的依赖会更大程度上的加强。 (当然也有人说某宝会被代替整合,但私以为,我还真是那种每天N刷某宝的人啊,要在微信上刷某宝,层级是不是太深了,况且还有支付宝在那。这些较为重量级的高频app似乎不适合入驻小程序,相信阿里巴巴也不会这么做。。)
那些一年打开不到几次的低频使用的应用,应该较为适合迁移到小程序上,这些app包括了生活服类务,O2O类,投资类,以及旅游类。
微信小程序很大程度上应该就是会代替之前的服务号,现在服务号和订阅号通常让人傻傻分不清,相似的外观,相似的结构如果不仔细留意一下,还真说不出个所以然。因此小程序的推出应该是尝试将人同服务进行连接,之后会逐步代替服务号。
作为占据用户时间就是占据最大资源的微信来说,小程序的可能性还真让人有所期待~
入口
网上有看到微信小程序的入口放在了发现里,这样,当我们要去到一个小程序的时候就需要点击两到三次,听上去感觉不是很深,但是这小程序的入口位置不知道的人一开始找起来估计就有点麻烦,入口较深。
我在想说,微信是否会考虑在底部导航栏上试着给到小程序一个单独的Tab,让用户更快的找到小程序并进入。
场景事例
让我们来假设用户在使用小程序的时候,由于其处于全模态的状态,因此要来回切换是比较麻烦的。举个例子
帮同伴一起购买火车票:
在微信聊天界面获得同伴的身份证等其他基本信息,在购买火车票的时候,通常我们是会复制其身份证信息,然后黏贴到需要填入的输入框里的,但这时候假设我已经打开了小程序购票应用,当选中所有班次需要填写购票人信息的时候发现忘记复制同伴身份证信息了,则还得一层层的往回退到对话框,进行复制,这时候想到要再进入小程序界面,着实让人崩溃。
其实现在的微信已经有了不少小应用,比如通过钱包入口的大众点评,京东,火车票。 个人认为这些服务基本已经能够满足大部分用户对于服务的需求,如不将层级减少,用户来回在不同应用之间的切换自动度被极大的限制,让人很难有进入小程序的欲望。
MVP
关于MVP产品,微信小程序是一个很好的尝试点,就犹如微信公众号带出了一大批发家的自媒体一样。通过微信小程序做出MVP用来试水无疑是减少了创业者的成本。无疑,做一个原生的App需要各方资源,前端,后端,ios 端,Android端,设计,等各方面,而小程序的出现,只需要一稿适配,大大降低了开发成本。
微信小程序设计指南
万万没想到有着一日得看微信的设计指南,我没有什么预测未来的能力,也没有什么明锐的商业直觉, 李笑来老师说到未来是属于以下三种人:
- 真正了解刚需的产品经理
- 真正了解渠道的市场推广
- 真正受民众欢迎的写作者
这些人若是竟然“胆敢下手学会 javascript,开始做小程序开发”,若是他们都不能财富自由的话,天理何在!
不知道是否以后真能学个javascript打天下。Anyway,相信作为设计师不去看微信设计文档也是不行的。
纵观微信设计规范,就提几点。
-
微信给到小程序最主要的定义就是轻快,也就是说小程序就是应该是来也匆匆去也匆匆的地方,因此小程序的设计应突出主题,剔除那些杂乱同主题无关的内容。
-
导航,要清晰的告知用户我从哪来要到哪去。
- 导航中,微信层级导航保持一致,有助于用户体验的一致性,不存在小程序之前切换时会增加用户学习成本。
- 导航栏颜色可变
- 导航栏分为导航区域、标题区域以及操作区域
- 页面内导航,类似于应用真正的导航,相当于iOS上的分段控件(Segmented Control),Android上的选项卡(Tab Bar)。
- 标签分页(Tab)可以固定在页面顶部或者底部,标签不得超过4个。
- 标签颜色,选中标签:100%实色,未选中标签:60%
- 加载模式:
- 启动页加载提供品牌Logo以及加载进度指示。
- 页面刷新分为两种,有标签分页(Tab)和无标签分页(Tab)
- 模态加载将覆盖整个页面,应慎重使用
- 推荐使用更有正对性的局部加载反馈。
- 结果反馈:
- 对操作结果也应该提供明确的反馈。
- 页面局部操作结果反馈
- 页面全局操作结果——弹出式提示(Toast)
- 页面全局操作结果——模态对话框
- 页面全局操作结果—结果页
- 异常状态:
- 在出现异常状态的时候,需告知用户解决方案,使其右路可退。
- 表单报错:在表单顶部告知错误原因,并标识出错误字段提示用户修改
- 减少输入。
- 利用接口
- 尽量让用户做选择而不是键盘输入
微信同时还给出了视觉规范的下载,便于设计师在设计的时候使用控件,统一稳定。
之前在Material Design出现的时候,就看到有人认为之后Andriod平台上的App会产生同质化的趋向,而现在感觉微信上的小程序同质化的趋向会更加明显,而只需要调控微信给到那些控件,似乎将其排列组合,最终的产出物也并不会不堪入目。
参考文章
感觉出去一次一个月就过了,从北京到内蒙到河北。莫名其妙的报了个摄影团,被老师诟病就我和同学两人没有带相机。不是不带是木有啊~,但是技不在机,我们iPhone6S也是能出好片的~。
摄影团我算是见识了,起早贪黑,日出日落,长枪短炮,别人睡觉我起床,别人起床我睡觉。
Anyway,这次总的来说还算是幸运,,天气甚好,团友和谐,学到了点基本的摄影知识,作为设计师,这些所有和美有关的东西,咱们是不会放过的~ 择日弄台单反来耍耍~
另外,我的解构UI系列其实还没写完。。。