产品信息架构设计
信息架构做为一个产品的骨架,是非常重要的一个部分,它决定了一个产品的生长方向一个产品的布局,以及用户对一个产品的初步印象和整体体验。
做好信息架构是必须掌握的一门技能,信息架构需要有非常强的逻辑思维能力和非常完善的整体思考能力。才能把信息架构做好,为了完成信息架构设计需要掌握一套科学而完整的方法。
1、认识产品信息架构
什么是信息架构
如果自己是装修工给饭店设计,会遵循一些设计规范,比如不可能把厨房和洗手间放在饭店最开始的地方。饭店最初的地方都会放收银台和等候区这样的区域,而在中间放上吃饭大厅、包厢,最后才是厨房、洗手间。
收银台和等候区放在一起最前面,吃饭大厅和包厢放在一起因为都是吃饭的地方。厨房和洗手间放在一起,因为都是重要而不能让用户直接接触的地方。大多数产品信息架构规范也装修工人设计饭店是一样的。规范可能来自用户习惯,来自一些技术的要求,技术的规范,也是有可能来自产品的特性。
信息架构就是让用户更容易理解产品是怎么样的,让他们在使用产品的时候可以更顺利更自然。就像一进入一个饭店就会有一种感觉,门口是等餐的地方而进去就应该吃饭。
如果要找洗手间一定不会往门口走,会往更深入的地方走,这就是信息架构的好处,让用户在使用同类产品的时候,能更容易上手更容易理解。也能让产品更加容易被用户接受。
为何需要信息架构
以下三个app从底部导航一级菜单,很容易就能看到app是做什么用的。这就是信息架构的作用,可以非常让用户容易理解,第一眼就可以知道这个产品是干什么的,有什么功能,能提供什么服务。
以下是失败的案例,底部导航没有加上文字,icon表义也不是特别明确,用户第一秒使用的时候并没有办法非常明确知道它是什么。
看到整体后有画题、广场、动态可以知道是一个画画社交的产品,但疑问是关注好友在哪里。因为它应该是关注一些好友,跟好友互动的产品。这时候会发现它把关注放在了第二层。这样就表示用户在理解的时候会碰到一些小问题。
它可能不知道这个产品到底是需要参与话题、需要去广场里找东西、还是应该去关注一些人找到志同道合的朋友,跟他们一起玩。这就是信息架构可能用用户使用产生的影响。
好的信息架构让用户一眼就知道怎么使用,下次进来还是很容易找到自己的使用路径,相对混乱的信息架构会让用户不知道该从哪里开始,这个产品最重要的部分是什么。
信息架构为何需要设计
不是所有信息架构都是设计饭店一样简单,举例之前设计的易信,在改版时需要重新梳理功能建立新的信息架构
第一种方式是把所有功能都堆叠在界面上,并且有很好的扩展性,但有一个缺点就是每次加功能的时候都可能改变这样的排序。让在更新产品的时候用户很难接受,很难找到自己之前常用的功能,并且无法体现哪个功能是重要的哪个功能是次要的。
即使改成这样也无法解决用户在找功能的时候非常麻烦
提取出第一层级,第二层级,第三层级等等,然后在把杂乱的功能进行有组织的排序、排列。
2、信息架构设计前期工作
了解用户,场景,习惯
学设计的都知道persona这样的词,它是用户角色模型,他可以定义你的典型用户,定义目标用户是一群什么样的人。而用户场景是用户如何在使用你的产品。在做产品之前,一定会跟用研团队去了解persona跟用户场景,了解目标用户到底是一群怎么样的人。
了解目标用户到底是在什么样的场景下使用你的产品。而这两件事情是一定要去做的。如果不知道目标用户是谁,不知道他们会怎么用你的产品,那你一定不可能去设计出一个好的产品。
具体到信息架构,需要从persona跟用户场景中提取一样东西
帮助你了解,你的目标用户在做一件事的时候会有怎么样的习惯,我们在做用户信息架构的时候就要尊重用户的习惯。
中国互联网界做的产品都不是第一个产品,用户往往会带着一些习惯来使用你的产品。即使是全新的产品,用户也有可能线下做同样一件事的习惯,会影响对你产品的认知,通过四个问题帮助我们了解用户的习惯,并尊重用户的习惯。
比如下面都是图片社交类产品,都会有一些共性,会发现进入的时候都定位在了关注这一帧,因为图片社交类产品,你关注的人往往是最重要的东西。这三个产品中间那一帧都使用了一个发布按钮,因为对这类产品发布是非常重要的事情。他们发布右侧都是消息、我这样的功能
用户在使用产品的时候最关心的是我的朋友发布了什么东西,我关注的人发布了什么。所以强化了关注。
用户的思维定式是,用户觉得是一个发布图片的应用,那当然要有一个个人中心。
尊重用户的习惯就可以不要在不必要的地方体现差别,那同类产品是不是就没有创意点了?不是的在交互场面、信息架构层面还是有创新点的,需要更加好的去明确它在哪里。
比如同样是图片社交产品,在发现这个标签下,就有非常大的差别。有的图片直接铺出来,有的体现标签,有的体现内容。因为不同产品有不同的侧重点。交互设计时要想清楚哪里地方是要创新的,哪些地方要尊重用户的使用习惯。
只有更好的了解用户有哪些习惯的时候,才能在不妨碍用户习惯的情况下。做出更好的创新,做出更能让用户接受的创新。就像图片社交类产品,创新点不在关注那里,关注是尊重用户的习惯,让他能更直接看到他自己关注的人,发布了什么东西。
在发现这页就有非常多的创新空间,尝试更加好的,能帮助用户发现内容,体现自己产品特性的方法。
总结:当了解了用户场景和习惯,就知道我需要在哪里遵守规范,哪里去做出创新。
了解业务需求
在做产品之前都会去了解业务需求,举个例子如果你了解要做一个:打车应用,在这种情况下就会做出一个非常适合打车的应用。但一定不会超过下面这款打车软件
uber打车主界面不只可以选择人民优步、高级轿车,还有冰淇淋和直升机。
这种服务都帮助产品在中国市场更快地打开了知名度,分享他的信息架构发现他在第一层,做了很好的扩展性,在满足普通的叫车行为的背后,来支持运营和市场的推广需求。这就是非常成功的信息架构,在业务层面有非常好的扩展性。
好的信息架构不止帮助产品经理完成需求,帮助用户完成最核心的任务。好的信息架构还能帮助市场运营更好地去做推广,有更好的拓展性。这就是为什么要强调了解业务需求这一点。
调研竞品的信息架构
调研竞品在做产品中非常重要的一个成分,竞品可以让你少走很多歪路,可以更好地了解现在所面临的市场,所面对的目标用户。
用树状图来体现产品的信息架构是最适合的
有时候在改版过程中,需要重新对信息架构进行梳理,要对过去的版本也当做竞品用树状图梳理。一点一点去分析每个页面,把中间包含的成分梳理出来。然后添加到树状图中
通过调研竞品信息架构,会梳理3-5个信息架构树状图,如果不能对图进行分析就只能是树状图。不能帮助你很好的去完成自己的信息架构设计,要做的就是找出共性和差异。要关注他们之间有哪些共同点,在信息架构层面哪些是一样的。有哪些差异
比如im产品的消息&联系人,图片社交产品的关注的人,电商产品的购物车。共性是要遵循的用户习惯,差异是设计的机会点。
卡片分类法
如果只是了解了竞品的信息架构,自己大概知道要做的产品的信息架构是什么样了,这时候准备还不算非常充分。
还有一件事可做让你对你的信息架构设计要吧有更充分的把握。可以在进一步从用户侧了解用户的心智模型,卡片分类法。
一定要找到目标用户,不要找开发、测试等一些非目标用户,找到产品所要服务的用户。
卡片上写好需要用户归类的功能,写好产品所包含的功能,空白的便利贴让用户再写一些归类的名称。需要记录用户的发言,就可以开始了
第一步:介绍卡片上功能,告诉用户卡片所描述的功能是什么
第二步:让用户自己自由归类卡片,不需要太多的理由说太多的话,让他自己把觉得相似的卡片放在一起
第三步:让用户给归类好的的卡片起一个更大的名称
第四步:继续归类,用户一般不是归的太细致就是紧的太笼统,有可能归的太多,有可能归的太少。这时候往往追问一下用户,让他把一些类型太多的项进行一些拆分。也会把一些太细的东西进行进一步的归并
第五步:用户完成了所有归类,并把归类取了名字以后,可以做一个简单的访谈,来了解用户在整个卡片分类的过程中。是否有碰到一些困难,或者是否有一些不太清楚的地方。
第六步:拍照存档,把用户的归类结果进行一个记录,方便后续整理
归类过程中需要注意的
过程中要注意的点
要产出的是树状图,它跟竞品的区别是来自用户的心智模型,而不是竞品分析的
3、产出产品信息架构设计
整合信息
举例新浪微博,他是一个非常复杂的产品,如果把它整理成一张信息架构图的话,会发现他的第一层级有非常非常多的信息,它有搜索有侧边栏体现不同微博内容,有发布内容,有广告,有微博的具体内容,还有自己的个人信息,还有一些新歌推荐榜。
在具体落地做设计的时候,会发现这些内容的层次,主次其实是不一样的。有的部分放在非常大,比如说我关注的用户所发布的微博,比如我自己发布内容的发布框。而有些东西相对比较次要放的比较靠边。比如我自己的个人信息,比如新歌周榜这样的内容。
他在整理信息架构的时候,虽然这些东西被放在了同一层级。但这些东西他的重要性是不一样的。
两个移动端的例子,qq和支付宝。
,第一层级包含了消息、联系人、动态、左上角的自己,组织这些信息的时候自己的个人信息放在了相对次要的位置,而不是第一层的导航位置。他觉得个人信息的重要性要比消息、联系人、动态要弱一些。
支付宝:罗列了非常多的内容,他有很明显的层级差别。仅仅是对信息做了整合还不够,还需要对信息的重要性做一个把控,需要做一个重要性的评级。
第一点:排序、重要性分级是对每一层进行分级,比如所有一级功能排级。
第二点:重要性分级不等于排序,不是五个功能里面哪一个重要,哪一个次一级。而是要做分级,比如第一重要级是哪些,第二重要级的是哪些。经过分级在具体落地到页面设计的时候,就会清楚的知道哪些东西要设计的更明显,哪些次要小一些。
完成重要性分级后就可以用axure体现信息架构了
寻找层和度的平衡
信息架构要比想象的难的多,工作中碰到的信息架构图是这样的:
会有非常多的信息要整理,在做易信4.0的时候功能很多很杂乱,要花费非常多的精力。要面对的就是层和度的概念。
层:用户进来找到一个功能需要经历几层的页面
度:比如一层导航下有几个功能,节点的数量
在做信息架构时,层和度要相对平衡
如果碰到层过深的问题,可以砍掉一些层级,但它势必增加一些度的程度。度太多的时候可以通过分层的方式来减少每个层级下的度,要在不停的调整过程中找到完美的层和度的关系,让信息架构图更好看,产品更易用。
验证核心使用流程
所以产品都是要用户使用,帮助用户完成某一任务的。
两点需要注意:
比如用户找到联系人,然后发消息,发消息时跳转到聊天界面,聊天已经不属于联系人这个层级了,这时候已经发生了层级的跳跃。用户在发消息时用户要达到的找人任务已经完成了,最后一步跳跃到聊天。
一定要在自己的树状图上验证一下这样的核心使用流程,是否能满足这两个条件的跑通。能跑通的时候才不至于造成一些使用上的困难
信息架构和交互构图
(1)移动端
最重要的是一级导航样式,这也是很多产品设计的时候争论不下的一个问题,一级导航的样式。
tab导航中规中距少了一些创意,抽屉式导航更酷操作也更帅气。
国外app做了一个例子
橘黄色是抽屉式导航,蓝色是tab导航,日平均使用率没有太大变化,周平均使用率有非常大的下降。
tab式导航非常好记,能让用户记住产品原来是这么构成的。抽屉式导航把一级导航做了隐藏,很多子功能让用户没这么容易识别到。
怎么选择使用哪一种导航,就要利用重要性分级,这两种导航和重要性分级有非常大的关系。如果发现第一重要级,特别是第一层次的第一重要级中有多项的时候,tab式导航更适合。
因为这些同样重要级的功能,它会需要让用户在第一时间识别到,它会让用户经常需要切换,tab式导航更方便用户使用。
抽屉式导航往往适用于第一重要级中只有一项,而且不需要经常切换的时候使用。
标签式导航更适合社交im这样的导航,而抽屉式导航常见于一些工...