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

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

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

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

一、页面构成

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

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

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

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

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

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

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

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

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

二、产品需求分析

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

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

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

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

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

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

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

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

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

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

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


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


相关文章相关文章
本地企业
              可提供上门服务

便捷

本地企业可提供上门服务

提供适合、专业可行方案

周到

提供适合、专业可行方案

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

贴心

5-10分钟售后响应机制

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

放心

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

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

稳定

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

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

快速

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

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

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

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