武汉微信小程序的页面构成与产品需求分析详解!

作者:小站 来源:微信小程序 2019-08-26 14:54

本篇文章希望能为小程序的开发人员重新整理思路,也可以帮助想从事微信小程序的同学能够更快的学习。系列分为多讲,又有对应开发、产品、设计三类受众,相互之间有差别,但有重合的篇章,每位同学根据自己的志向学习。每一讲只用20句话,带你从0开始,从浅入深搞懂微信小程序。

页面构成与产品需求分析详解!

一、页面构成

一个微信小程序有多个页面构成,每个页面都会有WXML、WXSS、JS、JSON四个文件。对于设计人员,我们不需要管逻辑部分,我们只专注于页面体现,所以我们需要充分理解小程序的页面构成,清楚的知道有哪些限定。

我们首先来看一下小程序的页面:

在上图中顶部蓝色的部分是小程序的导航栏,其中的背景颜色,字体颜色,字体文字都可以自己定义。导航栏右侧有一个胶囊,这是小程序的任务控制胶囊,用于小程序关闭,分享,设置等操作。小程序胶囊不能够隐藏,去除。但是可以更改胶囊的样式颜色,目前只能改成黑色风格和白色风格。

有的时候我们不想用导航栏,我们可以去掉它,效果是这样的:

当我们不设导航栏时,整个页面屏幕都是可以自定义的,所以在设计的过程中,注意规避胶囊按钮。胶囊按钮距离顶部的高度不是固定的,根据机型的不同,会呈现在不同的位置,比如一些全面屏刘海屏的手机上就相对与于顶部有些高。但是微信小程序提供了接口,可以很容易的获取胶囊所处的位置,所以在设计的过程中可以根据胶囊位置为基础点进行横纵设计。

一般来说,胶囊所处的位置,是操作安全区域的右上角,所以设计者可以根据胶囊的位置设计安全反馈区域。当去掉导航栏时,很有可能会遇到所设计的事物不能触达的情况,比如下面的场景:

对于一些畸形屏幕,会有一部分的内容不能触达,所以在设计的过程中要千万注意这样情况的发生。对于小程序有下拉需要的,微信提供了可下拉的能力,效果如下:

与导航栏一样,下拉所显示出来的背景颜色是可以自由设定的,可以根据自己的风格设计背景。但是加载的动画效果不能够变化,我们可以改变动画的样式,仅支持黑、白样式,和胶囊的设定比较像。

我们可以不设定下拉能力,那么用户将不能够下拉;也就是可以自定义不显示加载动画。但是IOS由于系统原因,导致小程序不管下拉还是不下拉,都能够拖动页面上下移动。在拖动时显示的底部颜色可以通过自定义设定,以达到设计的美观性。另外,IOS还可以单独分别设定上边的背景颜色和下边的背景颜色,用于解决小程序界面上下颜色不一致造成的视觉缺陷。

二、产品需求分析

产品的源头是需求,做好需求分析是做产品的第一步;微信小程序属于小型的产品,它并不需要多大的成本就可以完成。但正是因为微信小程序的轻便、高效等优秀的特性,所以才提升了产品设计的门槛和水平。轻便、高效意味着成本低,产品小;那么如何在一个很小的产品上完成所需要实现的需求,这就是一个很难的事情了。小成本去夺得大的效益,就需要小程序的产品人员有很过硬的产品设计能力。

要清楚的认识到小程序对自己需求的最大赋能,需要从最初去理解小程序的定位,微信团队对于小程序的定义是这样的:

微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。

小程序相对于APP来说,在降低开发门槛的同时能够满足最普遍的应用需求,适合生活服务类线下商铺以及非刚需低频应用领域。使得微信通过小程序作为生态的建立者和维护者,赋能商家和应用者。以一种生态触角的状态来迅速的捕捉最大化生态红利。

当清楚的理解小程序的定位后,那么就需要合理的筛选需求并进行应用的功能设计;我们通过下面的步骤一步步的做需求分析:

第一步是:用实质的问题引出明确需求,并确定解决问题的功能边界

首先思考的是,自己需要做的功能都有哪些,使用人群是谁?使用场景是什么?需要数据的实时性吗?我们可以用功能清单的形式全部列举出来,然后分别标定功能的使用对象是谁。

接下来考虑功能之间有什么关系,所使用的对象之间有什么关系。当我们确定功能间的关系后,我们自然而然的得出功能的优先级排序,那么我们就可以根据功能的优先级得出我们的产品的定位是什么。我们看一下我们的定位是否可以完全解决需求,然后根据需求进一步的删增功能;这样我们就得到了一个完整的功能列表,也就是功能边界。

第二步是:对程序平台进行横向比对,明确小程序的优势和劣势

当功能确定好后,不要急于设计,你需要认真的去考虑你的应用是不是适合在小程序上开发。如何确定适不适合用小程序来做呢?我们可以让小程序作为一个互联网平台,把应用带入到互联网的每一个平台中去,进行横向的对比。

在对比中找出各自的优点与不足,当做出客观的判断后,应用在小程序上相比于其他平台有没有优势就很明显了。当我们觉得小程序并不是最合适的平台,那么整个需求源头的定位就没有搞清楚,可能需求方根本不知道自己想要什么,或者就是纯粹上蹭小程序热度。对于这种情况,我们可以对需求进行重新定义,帮助功能在小程序上更有优势;或者我们可以直接拒绝这个需求,不要乱了小程序生态环境。


本文地址:微信小程序开发频道 http://www.dayku.cn/wxxcx/3138.html,武汉易企推建站公司提供一站式网站制作开发服务:武汉网站建设、网站开发、高端网站设计制作、手机网站开发,微信小程序开发等建站服务,制作周期短,价格实惠,效果满意;以及全网营销、网站优化服务、百科词条创建修改、新媒体引流、公司负面公关处理等


相关文章相关文章
  • 你的行业适合做小程序吗?不同的行业小程序适合什么样的功能?

    你的行业适合做小程序吗?不同的行业小程序适合什么样的功能?

    各行各业,形形色色。商家们想拥有一款自己行业的小程序,可由于不熟悉微信小程序,可能就用了不适合自己行业的小程序功能而错失用户。那么不同的行业小程序适合什么样的功能? 餐饮行业 适用于中餐馆、西餐馆、快餐店、烘焙店、火锅店、茶叶店、酒吧、酒楼、...

    2021-01-19 18:01
  • 微信小程序和app哪个更好?小程序会取代app开发吗?

    微信小程序和app哪个更好?小程序会取代app开发吗?

    程序,简单来说就是app的缩略版,不需要下载安装就可以在其他平台上直接运行。 目前我们接触最多的就是微信平台上的小程序,很多为客户提供需求的企业都开发了小程序功能,只需要搜索使用,就可以轻松的完成各种各种需要在网页或者app上完成的业务。 关于app...

    2021-01-15 20:21
  • 如何做微信小程序?制作小程序的费用详解!

    如何做微信小程序?制作小程序的费用详解!

    微信小程序越来越火爆。依托微信的大平台,小程序在推广运营上有诸多优势。很多实体商城会制作商城小程序。那么我们如何来打造一款属于自己的小程序呢?下面由弘毅小编为大家详细介绍制作小程序的流程及价格。 如何做微信小程序?制作小程序的费用详解! 在介...

    2021-01-13 19:52
  • 教育行业适合用小程序吗?具体该如何制作?

    教育行业适合用小程序吗?具体该如何制作?

    教育行业适合用小程序吗?具体该如何制作?除了课本知识外,兴趣班也成了不少家长的选择,让孩子学音乐、学美术,各种技能点加满。眼看着教育培训市场一路走高,直到去年年底,整个行业受到沉重打击,周边的培训机构一家接着一家关门停业,实体经济不堪重负...

    2021-01-07 14:15
  • 微信小程序能做到哪些功能?开发一款小程序企业要多少钱?

    微信小程序能做到哪些功能?开发一款小程序企业要多少钱?

    开发一款小程序企业需要花多少钱呢?微信小程序能做到哪些功能?找小程序外包公司并不难,网上一搜一大把,难的是如何从众多外包公司中,挑选一家性价比最高的,花钱最少、小程序质量过硬、后期服务用心的公司。 那开发一款小程序企业需要花多少钱呢? 小程...

    2021-01-05 16:27
  • 制作微信小程序大概多少钱?小程序具体价格明细一览表

    制作微信小程序大概多少钱?小程序具体价格明细一览表

    微信小程序目前越来越火,它比开发一个app的成本要低很多。很多企业会选择做一款小程序来扩展自己的业务,但是对小程序制作及价格却不是很了解。到网上去找,发现报价都是五花八门。那么我们如何来选择一家合适的报价方案呢?今天小编为大家详细介绍小程序制...

    2020-12-25 16:29
本地企业
              可提供上门服务

便捷

本地企业可提供上门服务

提供适合、专业可行方案

周到

提供适合、专业可行方案

5-10分钟售后响应机制<

贴心

5-10分钟售后响应机制

按效果收费,无效果不收费

放心

按效果收费,无效果不收费

行业高标准,效果稳定可靠

稳定

行业高标准,效果稳定可靠

1-3个月排名上百度首页

快速

1-3个月排名上百度首页

武汉易企推建站公司;公司地址:武汉市武昌区静安路6号5.5创意产业园4楼;公司官网:http://www.dayku.cn 手机站

服务热线:18120550335 / 027-88866235 欢迎来电咨询; 联系QQ:1193073039

Copyrigh@2017-2030 版权所有:武汉易企推网络科技有限公司 备案号:鄂ICP备17012199号 网站地图