设计师必看的小程序设计指南!

Recommand
北京/UI设计师/4年前/361浏览
设计师必看的小程序设计指南!Recommand

跟上小程序的浪潮

很多朋友问我,为什么一些企业在开发产品时,会选择小程序,而不是App?


如今小程序使用频率越来越大,到底它的市场是一片大好,还是只是一场危机四伏的狂欢?今天用客观的角度阐述,希望能够给到各位设计师一些思考的方向。

2017 年 1 月 9 日,张小龙在「2017 微信公开课 Pro」上发布的微信小程序正式上线。在上线前夕,不少人质疑小程序的可用性及拓展性,有人甚至认为不可能的事情。




小程序是一个不用担心内存,无需安装基于微信的一款应用,用户扫一扫或搜一搜即可打开使用,体现了「用完即走」的理念,最大程度适应和支持不同需求。

  小程序和App的区别  
开发成本、周期的差异
App的开发需要两个不同的版本来适应两个操作系统,产品开发的周期长,人力投入成本多,因此开发成本会很高。而小程序只需要根据腾讯提供的开发平台进行开发, 不用考虑手机操作系统问题,开发一套即可统一所有操作系统,开发时间快、人力投入少,因此开发成本低。

小程序因为依附于微信,在设计时也不需要输出多个规范,只需一稿就可以适配多个机型。App则会根据不同的手机,做相应的机型适配。

数据埋点
微信第三方后台已经提供了很多数据供开发者查看,不仅提供了数据全面的埋点,而且可以自定义埋点位置爬取数据类型的系统,帮助运用部门获取数据更好的掌握小程序的总体运营情况。




非常节省业务小伙伴的数据清洗成本,最大程度上避免了在找工作中由于机械性重复埋点工作,而导致的漏采和错采现象。

信息采集与共享
微信与小程序的信息共享机制,能很方便的达到获客目的。比如小程序上不需要手动注册,直接 Union ID 授权的方式获取即可完成。经过测试,当用户进入小程序同意手机号授权的转化率大概在35%左右,是一个非常客观的数据。

  小程序的特点  

非常出色的用户体验:加载速度快于网页,可达到近乎原生 App 的操作体验和流畅度。
群体共享:微信平台拥有近11亿用户,基于微信强大的社交群体和用户传播体系。
便捷快速:不需要下载应用、不占手机大量内存,通过线下扫码、社交分享、平台搜索和附近的小程序等能力,缩短了服务路径。

如今,用户的注意力越来越分散,小程序也应了 「用完即走」的原则,这不仅是张小龙给小程序的定义,也是小程序原有的属性。

  如何设计小程序  


一般在中小型企业,在建立小程序的初期,没有额外的流量渠道,能够留存用户的方式,就是能让用户高效的解决问题。即间断高效的用户使用路径。


了解用户的使用场景,从PC到App,再到小程序,用户场景和时间不断的被碎片化,产品功能也要更简化易用,专注、专一才能够让用户感受完整的体验流程。


小程序的设计,需要结合小程序设计规范,以及对不同行业公司的小程序,进行调研和分析。


重点突出,明确流程

为了让用户顺畅地使用页面,在用户进行某一个操作流程时,应避免出现用户目标流程之外的内容而打断用户。




小程序可设计区域

小程序的所有页面,包括小程序内嵌网页和插件,微信都会在其右上角放置官方小程序菜单。


小程序菜单深浅配色方案(iOS和Android)

开发者可在满足可用性的前提下,从微信提供的深浅两套配色的小程序菜单中选择合适的方案,以适应小程序页面设计风格。


上面是小程序明确需要重点注意的几项,更多小程序设计规范还是需要在设计之前,就应仔细阅读,这样才能有更多的收获。下面附出小程序官方设计规则网址:

https://developers.weixin.qq.com/miniprogram/design/


  总结  

微信仍然是目前一个流量巨头,据市场研究称,大部分用户的时间都被微信占据,大多数企业希望通过小程序的入口,能够快速且单一高效地让用户更纯粹的体验产品的功能和服务,同时也起到 APP 引流的目的。


从设计的角度来说,要了解小程序的特点,比如小程序轻量,且触手可及、用完即走的平台定位;在与 APP 保持品牌、设计语言一致性的前提下,做到符合小程序自身的体验感受,这样才能够更好地做出符合用户心理预期的好产品。


0
Report
|
3
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
MOVA 扫地机器人-活水版
Homepage recommendation
相关收藏夹
UI设计
UI设计
UI设计
UI设计
作品收藏夹
小程序设计
小程序设计
小程序设计
小程序设计
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
小家电
小家电
小家电
小家电
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
大家都在看
Log in