窝牛号

通讯录制作数据结构 交互设计入门 | 先做信息架构的意义和具体方法

今天窝牛号就给我们广大朋友来聊聊通讯录制作,以下关于的观点希望能帮助到您找到想要的百科。

在互联网的“上古”时代,产品是这样设计的:

拿出一支笔在白纸上画这是首页,首页这里是Logo,这里是图片

即使到了今天,仍然有一些创业团队会这样做。当然,这种一上来就画“页面(原型)”的做法,肯定是落后的、不值得提倡的。

那么,应该怎样做才更合理呢?

画原型之前,先做页面的“信息架构”

什么是页面的“信息架构”?它的主要内容包括:

有哪些页面?页面中都有什么?它们之间是怎么关联起来?

这个很像我们在前面文章中介绍过的“页面结构图”,但又更详细一点(细化到页面中的主要元素和内容),同时更侧重于功能和内容的组织方式,而不仅仅是页面的层次关系。

注意:产品结构图的三种形式:功能结构、页面结构、信息结构,其中的“信息结构图”,是用来描绘抽象的“数据结构”的,并不是针对页面展现的内容。

为避免命名的混淆,我们可以直接“页面结构”,或者说“页面规划”。

看一个产品的信息架构,可以从页面上的“导航”开始:

导航是信息架构最直观的体现形式。采用什么样的导航方式,每一级导航中设置哪些项目,这些在开始画页面原型之前,就应该先确定下来。

常见的导航方式有:扁平、分层、舵式、抽屉、沉浸,等等,这些我们会在下一篇文章中进行专题介绍。

为什么要做信息架构?

举个例子:大型购物中心是怎样设计店铺布局的?

我们知道,购物中心有很多楼层,每一层都有很多大小不一的铺位,如果布局不合理,就会让顾客觉得非常不方便,造成非常负面的消费体验。

如果直接按照商家入驻顺序,来一个安排一个,显然很难做到布局合理,往往会变成:

电影院重复开了两家,吃完饭想喝杯奶茶要走好远,同一类型的商家分散在不同楼层和区域。顾客想买运动鞋,结果发现Nike和Adidas在二楼东边,NB在三楼西边,李宁安踏还得去负一楼.

正确的做法,是在开始招商之前,先规划商场的功能区。例如:

一楼,东区化妆品,西区咖啡茶饮小吃二楼,运动服饰,运动鞋集中在东区三楼,休闲娱乐,东侧电影院配奶茶店,西侧儿童乐园加游戏厅四楼,品牌餐饮负一楼,快餐,美食街

然后再结合功能区特点,规划出入口、电梯、洗手间、标识牌等,最后还要在大堂、电梯口等关键位置,摆放每个楼层的“导览图”。

这种规划方式,运用到产品设计中,就是我们所说的“信息架构”,而“导览图”就是产品中的“导航”。

用户使用产品的需求,和去购物中心消费是共通的:

能快速地找到自己想要的信息用最短的路径去到目的地(页面)

对于购物中心来说,合理规划功能区和“动线”,能够让顾客更方便地达成消费目的。而对于产品设计来说,合理的信息架构(包括功能设置和内容的摆放),能够为用户建立尽可能短的使用路径,避免产品变成杂乱难用的“功能罗列”。这样做出来的产品,不但能够给用户提供方便、快捷的使用体验,更能够有效地引导用户行为,促进产品目标的达成。

例如:对电商产品来说,合理的页面规划,能够直接促进用户的购买决策,最终带来的销量和转化率的提升。

信息架构怎么做?

{!-- PGC_COLUMN --}

虽然“信息架构”这个词听起来很空泛,但它的本质其实就是“分类”而已。当我们有意识地对产品功能(或页面内容)进行分类的时候,其实我们已经开始做信息架构的工作了。

如何进行分类?我们可以简单归纳为两个问题:

哪些放在一起?(组合)哪个放在前面?(排序)

在做组合和排序的过程中,需要综合考虑以下几个因素:

对应性

规划信息架构的目的,是让产品能够更好地满足用户的需要,方便用户快速准确地找到相关信息。

例如:电商类产品,就应该优先满足用户购物的需求,所以首页一般都是各类导购入口。而新闻类产品,时效性的最为重要的需求要素,因此通常以时间顺序组织信息架构。

相似性

有相似性质的功能可以组合在一起,划分成一个类别,并且下面还可以进一步划分“子类别”,形成多层的分类组合。

功能之间的关系

主要有并列、包含、互斥三种,其中:

包含关系适合纵向进行信息架构,比如买东西的时候,挑选,下单,支付,邮寄之间就是上下游包含的关系,要邮寄必须得先支付,要支付必须先下单,要下单先要经过挑选。

互斥的功能,原则上不应该出现在同一个页面上。

使用频率

用户使用频率越高,往往说明这个功能越重要,因此要这个功能放在用户更容易触及的地方。并且在进行信息架构的时候,优先考虑以这个功能为核心进行架构。

比如共享单车中,扫码是整个功能中使用频率最高的,所以打开产品后看到的是扫码的功能。

扩展性

任何产品的功能,都是在业务发展(运营)的过程中不断增加和完善的,因此在最开始做架构的时候,我们必须要考虑系统以后的扩展性。一个优秀的产品,通常都会有一个稳定的信息架构,能够很方便的容纳不断新增的功能,并且核心的架构,不会因为增加功能而整个地推翻重来。

怎样做好信息架构?

刚开始做信息架构,借鉴其他成熟产品是一个很好的捷径。我们会发现,同类型或相似的产品,它们的架构一定有大量的共同点,这既是行业经验的积累,也是用户习惯的驱动。

但借鉴不等于盲从,我们在“依葫芦画瓢”的同时,一定要追问一下“为什么?”。

对于每一个组合和排序,都要清楚它们背后的设计逻辑。除了前面介绍的对应性、相似性、扩展性等原则之外,更关键的,是切换到用户的视角,确认这样的架构设计,是否能够给用户带来“最短路径”的使用体验。

今天的内容先分享到这里了,读完本文《通讯录制作数据结构 交互设计入门 | 先做信息架构的意义和具体方法》之后,是否是您想找的答案呢?想要了解更多,敬请关注baike.ccv168.com,您的关注是给小编最大的鼓励。

本站所发布的文字与图片素材为非商业目的改编或整理,版权归原作者所有,如侵权或涉及违法,请联系我们删除

窝牛号 wwww.93ysy.com   沪ICP备2021036305号-1