蓝宇程序

您身边的百度小程序专家!

当前位置:首页 / 百度小程序公开课 / 百度唐娴:如何为智能小程序选择合适的信息架构

百度唐娴:如何为智能小程序选择合适的信息架构

栏目:百度小程序公开课   日期:2019-01-24   浏览量:420
摘要:

根据小程序在不同产品阶段的情况,推荐4种信息架构,一字形:最适合内容单一和简单的小程序;T字形:可架构不同的细分内容;倒梯形:常用在不同APP的首页情况下;工字形:承载它里边的不同的功能和层级。

前面我们介绍了智能小程序的一个体验优势,简单来说就是:传统的H5调用浏览器有限的能力,对页面限制较多,而小程序可以提供更加美观易用的界面,支持流畅的交互动效,丰富多样的交互组件和能力(蓝宇程序备注)。接下来我们来介绍一下在我们设计团队近期对智能小程序的设计实践中总结出来的一个设计方式,我们叫它设计的六部曲。以下内容由蓝宇程序根据百度智能小程序公开课上唐娴分享整理而来,蓝宇程序,您身边的百度小程序专家!

百度唐娴:如何为智能小程序选择合适的信息架构

视频:如何为智能小程序选择合适的信息架构

一开始说要先做一个智能小程序的时候,我们的心里都是挺忐忑的。这个时候我们就会告诉我们的团队小朋友,不要先打开电脑,不要先开启你们的设计软件,先在心里边默默的念四个数字,也就是442原则,四分思考,四分沟通,最后两分才是挽起袖子干。

为什么?因为有一个古话说的好,叫磨刀不误砍柴工,只有我们全面了解我们的小程序的核心的定位是什么,它的功能是什么,我们才能知其然而知其所以然,打造一个最适合它的一个信息框架。

一、选择合适的信息架构

为小程序选择合适的信息架构

1、一字形架构:适合内容单一和简单的小程序

一般来说根据小程序在不同产品阶段的情况,我们推荐有四种信息架构,第一种是一字形的架构,这种架构最适合内容单一和简单的小程序,因为流式布局从上往下平铺直叙,最能方便他们的浏览和体验。

2、T字形框架:在架构不同的细分内容的同时让用户也能够快速的滑动去查看它的内容分类

当这些内容变得更多更为细分的时候,我们建议他们可以使用顶部导航栏,使用第二种T字形的框架。这种框架能够在架构不同的细分内容的同时让用户也能够快速的滑动去查看它的内容分类,也是一个挺好的组织形式。

3、倒梯形结构:架构内容维度差别更大的一些功能模块

第三种倒梯形结构跟T字形结构不一样,它使用的不是顶部的导航栏,而是底部的导航栏,这种结构能够帮帮助开发者架构内容维度差别更大的一些功能模块。这种结构也常常用在不同APP的首页情况下。

4、工字形架构:承载它里边的不同的功能和层级

最后一种情况,当首页的内容或者是说当小程序的内容比较多的时候,它不仅需要一个顶部导航栏,还需要一个底部导航栏去架构它不同层次的一个维度信息,这个时候它可以使用一个工字形的信息架构去承载它里边的不同的功能和层级。(蓝宇程序,您身边的百度小程序专家!)

二、4种智能小程序设计架构的案例

百度小程序信息架构实例

我们可以在线上看一些例子,比如说糖豆广场舞,它使用的就是典型的1字型的布局设计,而小红书它的内容比较多,因此它采用了顶部导航栏架构自己的T字形布局。在贴吧里边使用了底部导航栏,去架构了首页、进吧、消息三个不同的功能模块,在汽车之家,它集成了顶部导航栏跟底部导航栏,完成了一个比较复杂构造的一个信息。

微信扫一扫,分享到朋友圈

百度唐娴:如何为智能小程序选择合适的信息架构
微信扫码关注蓝宇程序
微信扫码关注蓝宇程序
蓝宇数据(广州)有限公司 地址:广东省广州市科学城 电话:400 -080 -7157
Copright © 2020 蓝宇数据 All Rights Reserved. 粤ICP备18144795号 站点地图