微信小程序横空出世,到现在已经有 4 年多了,小程序框架也逐渐成熟,有了一套比较完整的设计标准。今天就来给大家科普下微信小程序框架,告诉你小程序该怎么做好。

微信小程序框架

总的来说,好的小程序框架要这样设计:

1.友好礼貌

为了避免用户在微信中使用小程序服务时,注意力被周围复杂环境干扰,小程序在设计时应该注意减少无关的设计元素对用户目标的干扰,礼貌地向用户展示程序提供的服务,友好地引导用户进行操作。

2.标签分页(Tab)导航

开发者可为小程序页面添加标签分页(Tab)导航。标签分页栏可固定在页面顶部或者底部,便于用户在不同的分页间做切换。标签数量不得少于2个,最多不得超过5个。你可以通过「上线了」小程序制作工具,来给自己的小程序添加、编辑标签导航。

微信小程序框架

3.流程明确

小程序的各个版块内容应该要有一定逻辑顺序,通常主页顶部是图片banner (轮播图、拼接图海报等),之后是快捷按钮、商品分类,中间可根据需求适当穿插视频、标题、优惠券等不同功能版块。主页设计一定要流畅,让用户能顺畅地使用页面。

上线了小程序案例,禁止转载

4.统一稳定

注意不同页面间的统一性和延续性,不同的页面尽量使用一致的控件和交互方式,减轻页面跳动所造成的不适感。

不过,由于不同种类的小程序差别很大,因此在具体细节上框架也是不同的。以常见的电商、点餐、服务预订、展示等小程序开发框架来看,合格的框架设计要做到有这些功能:

  • 电商:电商小程序框架要能在线挑选商品、购物、付款,还能开启小程序直播,和客户在线互动,通过直播带货来引导客户下单。此外还需要有拼团、秒杀、优惠券等营销功能。
  • 点餐:点餐小程序框架和美团、饿了么的点餐界面类似,要非常整洁简单,有清晰的餐品分类,堂食和外卖服务的选择。
  • 服务预订:现在医疗、摄影、美甲、健身等行业都有不少开始使用这种服务预订小程序了,这种框架设计要能够清晰展现出不同服务及分类,并让客户能够自由预约时间。

上线了小程序案例,禁止转载

看完这个微信小程序开发框架说明,你对小程序的框架设计是否有所了解了呢?「上线了sxl.cn」有设计美观的小程序框架模板,新手可以很快生成自己的小程序哦!

「上线了」是一个专注自助建站与小程序开发的SaaS平台,针对众多行业提供多套小程序模板,目前已经帮助三百多万没有技术和设计基础的用户,通过上线了一键生成网站或小程序,快速建立品牌、获取客户、经营生意。2019年8月入选腾讯SaaS加速器首期成员。​

转载授权请发邮件到:xmt@striking.ly (得到主动回复同意并加上本网站相关链接,方可转载)。

立即创建小程序