怎么理解信息架构。从逛超市上产品设计:信息架构梳理如何从小白到精通?

同一、信息架构初识

一样、信息架构初识

之前知乎上闹如此一个问题:安理解信息架构?,@Mr汤进er旋即因为“商场信息导视图”为例,回答了此题目,比较相符“入帮派小白”去解信息架构、流程图与页面布局,其中对“信息架构”的答问如下:

贪图1:商场信息导视图

女生MM肯定爱逛商城对吧?那消息架构有些类似:商场信息导视图(如齐图)

伪平重合饱满休闲地带;商场一样楼:国际著名世界市场二楼:名媛衣装天地商场三楼:少女时尚驿站市四楼:温馨亲子家庭……

进一步:可能同样楼国际著名世界又包括

A区:名牌手表;B区:名牌珠宝……

然的楼房架构便于你再度好之失找到自己想购入的东东,至少是甚清晰的知各个一样交汇产生什么商品,同一层商品怎么分布等等信息。在这里,设计师的意向就规划好这些楼层信息层级,主要做的办事就是是:分类、层级梳理

于互联网产品设计中:产品经理or设计师梳理信息架构,其实跟上述梳理市楼层架构是如出一辙之精彩。

之前知乎上闹如此一个问题:何以理解信息架构?,@Mr汤进er当即以“商场信息导视图”为条例,回答了是问题,比较可“入帮派小白”去了解信息架构、流程图与页面布局,其中对“信息架构”的回应如下:

其次、信息架构入门

澳门1495娱乐 1

1、信息架构到底是用来波及嘛的?

那么在产品设计过程被,信息架构到底是用来做呀的为?其实,通过上面“商城信息导视图”的例子,我们既足以开了解及了一个目的:叫用户可于一定的“信息规划”下更便于的找到好想如果之“东西”。那么除了之之外,信息架构还有呀作用吧?那就是是因为“产品目标”通过“信息架构设计”去教育、说服、通知用户

消息架构的意向总结如下:

A、【满足用户需求】:给用户可以当早晚之“信息规划”下再易于的找到好想要之“东西”

**B、【满足产品目标**是因为“产品目标”通过“信息架构设计”去教育、说服、通知用户

希冀1:商场信息导视图

2、信息架构设计到底是以做什么?

信架构梳理到底是于开什么吗?如果因此一个乐章应的说话,那必将是“分类”。分拣是为了还好的信传达,为了重新好之传递信息,需要对信息进行抉择和集团。

图2:引用自《微信背后的活观—张小龙》的PPT整理

女生MM肯定爱逛商城对吧?那消息架构有些接近:商场信息导视图(如齐图)

3、信息架构设计到底该怎么开?(或者说“分类”怎么开?)

《用户体验要素》一书中,给来了音信架构分类体系:从上到下从下到上

从下到上(如下图3):这种分类方法是冲“内容以及作用需求的剖析”而来之,先拿已有些拥有内容,放在最低层级分类中,然后再度以她们各自归属到较高一级的类别。这种分类方法其实就算是在举行“归类”,比如@Mr汤进er于既的色过程被虽会见动用“卡片分类法”去梳理信息架构,首先将有所的职能点用一布置张卡片写下去,然后于“目标用户”参与届信息分类中,并反馈相关分类标准作为我们产品设计师去梳理信息架构的参照。实际施行过程遭到,可能再也用设计师或者产品经理本人有得的信筛选、梳理、分类的力,进一步通过用户测试去印证分类的音讯传达有效性。

祈求3:从下到上的架构方法

贪图4:卡片分类法在“从下到上”信息架构梳理过程被的下——@Mr汤进er项目进程照片

从上到下(如下图5):这种分类方法从“战略层”(产品目标)出发去考虑内容分类。最先打太广的、可能满足决策目标的始末和效果开始进行分类,然后于按照逻辑细分出次层分类,这样的“主要分类”和“次级分类”就组成了“一个个空槽”,将惦念只要的内容和效能仍顺序依次填入即可。以微信也条例:首先根据产品目标以“主要分类”即一级架构分为“最近对话(微信)”、“通讯录”、“发现”和“我”;然后还展开“次级分类”分类,如“发现”下再分“朋友围”、“扫一扫”、“摇一摆”等等;最后以相应的法力(如朋友圈feeds、发朋友围、朋友围消息等)填入到对应的“朋友围”分类中。

图5:从上到下的架方法

流淌:实际应用被,其实简单种植方式是做起来进行的,需要产品经营以及设计师中之抵下,多多实践吧~

黑平重合饱满休闲地带;商场一样楼:国际著名世界市场二楼:名媛衣装天地市三楼:少女时尚驿站市场四楼:温馨亲子家庭……

其三、信息架构进阶

进一步:可能平楼国际闻名世界又包括

1、信息架构梳理的基于是呀?

第一,我们用了解,信息架构受到哪些因素的熏陶。从十分的点可以分成两点:“用户要求”和“产品目标”,与上述的A和B两沾作用具有对应关系。具体实施着,可能受到的影响因素概括:

A、用户规模的考虑:用户之理解能力;用户的熟悉程度(已起思想模型、操作习惯等);目标内容的下频率(低频高级功能相似会“藏”的较异常);内容之数;内容信息的语义等等

B、产品规模的思量:产品的骨干价值、产品的主线功能、特色功能等

举一个事例,之前在知乎上看出一个题材:为何微信朋友围这么大密度使的效用一旦放置二级菜单?

自己想这个题目不等人一定有例外之了解和答,而且还是产生道理的(例如有隐形名为对:还记得商场楼层的分开方式吗?如果情侣围在一级菜单,你还会天天看到扫一扫、摇一摆、购物、游戏这些可口么?便于使用,并无是布局之全。)关于这个题目,我从《微信背后的出品观—张小龙》(张小龙腾讯内部长及8时20分底活讲演)一温柔被找到了如下一长长的关于“架构梳理”的成品观:

维持核心清晰,枝干适度。产品的要害成效架构是产品之骨骼,它应尽量保持简单、明了,不得以轻易改变,让用户无所适从。从作用丰富主干,不可以喧宾夺主,尽量隐藏起来,而毫不在一级页面。——依据张小龙演讲整理

图6:引用自《微信背后的产品观—张小龙》的PPT整理

通过这例子@Mr汤进er怀念说,正真去梳理一个好的架,还是要命考验产品经理以及设计师的能力与思考的。多想想,多实战~

A区:名牌手表;B区:名牌珠宝……

2、一个吓的信架构设计应该具有什么样特色?

以下几点是@Mr汤进er小结的可据此来验证自己的消息架构梳理是否科学、合理,但正在适合自己的出品信息架构是充分神秘之,需要好多去考虑和执行。

A、与“产品目标”和“用户需要”相呼应;

B、具有一定的延展性;

C、保证分类标准一致性、相关性和独立性;

D、使得平衡信息架构的“广度”和“深度”**

E、行使“用户语言”,同时要避免“语义歧义或不详”**

下详细阐述上面几乎沾检查专业:

A、与“产品目标”和“用户需求”相对应;

直白举例子:新闻资讯类应用,经常因为实行顺序组织信息架构,因为用户需求被,对于“新闻”的时效性的渴求是绝无仅有的主要元素,同时,对于产品我,只有提供最新的消息才会当竞争中取优势。再使,同样是资讯类应用,“今日头长达”的制品目标是对准不同用户进行针对性推送资讯,因此除以“时间”维度组织消息架构以为,它还透过算法推送,以“推荐”的道组织消息内容,针对性推送最新的消息,减低了用户“挑选”资讯的门道,增加了用户资讯获取效率。

**B、具有一定之延展性;
**

一个延展性好之信息架构,能把新的情节作现有结构的同有的容纳进来(下左图),也可以拿新情节作一个整体的新部分参加(下右手图),举个例:微信的“发现”就拥有自然的延展性,陆续发出“游戏”、“购物”等内容被纳入其中。

图7:一个延展性好的消息架构图示

C、保证分类标准一致性、相关性和独立性;

一个好之架构分类,应该产生平等学准确的归类标准,并且于用户而言是好为准确理解与上之。其中“一致性”体现在正儿八经的唯一,不能够来差不多效仿标准,也就是说要保管作用入口是唯一的(快捷方式入口除外),这样的利就,用户在运用过程遭到,不会见盖生极多的正经要搜索不根本相应的法力入口(这或多或少感觉到争议比较多,但@Mr汤进er认为产生必不可少坚持入口的唯一性);“相关性”是据左右层级与层级中情节必须怀有相关性的,不能够拿“足球新闻”栏目纳入到“时政要闻”层级下,因为她的远非关联性(例子比较low,但意思大家理解的);最后一点是独立性,独立性体现在同一层级分类应该是互独立的,不克同一层级的有限独分类存在交集或含有关系。

D、行之有效平衡信息架构的“广度”和“深度”**

于拍卖信息架构“广度”和“深度”问题达成,说实话没有统一的正经。曾经听罢起同学说“层级不能够跨越3叠,如果超过三叠,这个架构就是不好的”这样的判断,其实@Mr汤进er以为,不可知简单的羁押“深度”,而是看用户之骨子里体验。那“广度”和“深度”各自出安优缺点呢?主要体现在“宽而肤浅”的架构用户可为此比少的点击完成相应的职责目标,问题在每层的“信息分类标准”太多,增加用户每一样重合级的分类寻找难度。(参见@Mr汤进er的任何一样首文章《设计法则:Hick’s
law》选项增多,做出决定的年华便是碰头大增!)。而“窄而大”的消息架构好处是减掉了用户选择,问题在增加了用户操作步骤如下图9,用户从A页到B页需要6步之多。

争平衡“广度”和“深度”需要考虑的要素众多(大小屏幕等硬件特性、产品效果目标、用户采取频次等等)。建议大家多实践,灵活利用,多由用户用角度做思考。

图8:宽而浅

图9:窄而深

E、动“用户语言”,同时要避免“语义歧义或不详”**

即或多或少虽然是只小点,但屡屡也容易给过多设计师忽略。第一是只要就此“用户语言”进行分类和作用描述,用户是圈不明白“专业术语”(行业利用除外)的,可以经过“用户测试”来查用户对于分类和功效“名称表述”的理解能力。同时,好的“名称”应该是从未歧义或者会导致用户不解的。

然的楼架构便于你再度好的失去找到自己想购买的东东,至少是好鲜明的接头各个一样重合发生啊商品,同一层商品怎么分布等等信息。在此,设计师的来意就筹划好这些楼信息层级,主要做的做事就是:分类、层级梳理

季、信息架构总结

整篇文章深入浅出,层层推进的论述了对“信息架构”的学识整理及喻。主要解决了三个要命题材:信息架构是啊?怎么开?怎么裁判?欢迎大家对“信息架构”与@Mr汤进er交流讨论(微信公共号:chuangshe_space,个人博客:www.tangjinweb.com,简书or微博:@Mr汤进er),共同进步。

本文也原创,允许转载,但求注明出处:

微信公共号“创设空间”:chuangshe_space

并顺便本文简书链接:http://www.jianshu.com/p/06885fd7958f

原创产品文章频频更新ing,订阅文章推送,请微信关注:chuangshe_space

当互联网产品设计中:活经理or设计师梳理信息架构,其实和上述梳理市楼层架构是如出一辙之精。

仲、信息架构入门

1、信息架构到底是用来波及嘛的?

那当产品设计过程中,信息架构到底是用来做什么的呢?其实,通过地方“商城信息导视图”的例子,我们都得以起来了解及了一个目的:叫用户可以在肯定的“信息规划”下又爱的找到好想只要之“东西”。那么除了此之外,信息架构还有呀打算吗?那即便是由“产品目标”通过“信息架构设计”去感化、说服、通知用户

消息架构的意向总结如下:

A、【满足用户需求】:给用户可于早晚的“信息规划”下重新便于之找到自己想如果的“东西”

**B、【满足出品目标**由“产品目标”通过“信息架构设计”去感化、说服、通知用户**

2、信息架构设计到底是于召开呀?

信息架构梳理到底是以举行呀吧?如果就此一个词应的言语,那一定是“分类”。分拣是以重新好的音信传达,为了更好之传递信息,需要对信息进行分选跟团队。

澳门1495娱乐 2

图2:引用自《微信背后的产品观—张小龙》的PPT整理

3、信息架构设计到底该怎么开?(或者说“分类”怎么开?)

《用户体验要素》一书中,给出了音信架构分类体系:从上到下从下到上

从下到上(如下图3):这种分类方法是根据“内容和功力需求的解析”而来之,先把已经有的具备内容,放在最低层级分类中,然后再次用他们分别归属到于高一级的类别。这种分类方法其实就算是于召开“归类”,比如@Mr汤进er于早就的色过程被不怕会见动用“卡片分类法”去梳理信息架构,首先将有所的机能点用一布置张卡片写下去,然后于“目标用户”参与届信息分类中,并报告相关分类标准作为咱们产品设计师去梳理信息架构的参照。实际施行过程遭到,可能再次用设计师或者产品经理本人有得的信筛选、梳理、分类的力,进一步通过用户测试去印证分类的音讯传达有效性。

澳门1495娱乐 3

祈求3:从下到上的架方法

澳门1495娱乐 4

贪图4:卡片分类法在“从下到上”信息架构梳理过程遭到之下——@Mr汤进er项目过程照片

从上到下(如下图5):这种分类方法从“战略层”(产品目标)出发去考虑内容分类。最先从最普遍的、可能满足决策目标的情以及功能开始进行分类,然后在照逻辑细分出次层分类,这样的“主要分类”和“次级分类”就整合了“一个个空槽”,将惦念只要的内容和力量仍梯次依次填入即可。以微信为条例:首先根据产品目标将“主要分类”即一级架构分为“最近对话(微信)”、“通讯录”、“发现”和“我”;然后还展开“次级分类”分类,如“发现”下再分“朋友围”、“扫一扫”、“摇一摆”等等;最后以相应的效果(如朋友圈feeds、发朋友围、朋友围消息等)填入到对应的“朋友围”分类中。

澳门1495娱乐 5

图5:从上到下的架构方法

流淌:实际使用被,其实简单栽艺术是做起来进行的,需要产品经营与设计师中之抵下,多多实践吧~

老三、信息架构进阶

1、信息架构梳理的根据是什么?

第一,我们得掌握,信息架构受到哪些因素的影响。从生的点可分为两触及:“用户要求”和“产品目标”,与上述的A和B两触及作用有相应关系。具体实践备受,可能吃的震慑因素包括:

A、用户规模的想想:用户的理解能力;用户之熟稔程度(已产生心理模型、操作习惯等);目标内容之运用效率(低频高级功能相似会“藏”的比深);内容的多寡;内容信息的语义等等

B、产品范围的琢磨:产品的核心价值、产品的主线功能、特色功能等

推选一个事例,之前在知乎上视一个题目:胡微信朋友围这么强密度使的职能而放二级菜单?

自我眷恋这个问题不同人肯定有两样之敞亮与报,而且还是发道理的(例如有藏号称对:还记商场楼层的分开方式啊?如果情侣围在一级菜单,你还会见时刻看扫一扫、摇一摆、购物、游戏这些可口么?便于使用,并无是布局之全体。)关于这问题,我自从《微信背后的制品观—张小龙》(张小龙腾讯内部长及8时20分的出品讲演)一和被找到了之类一久关于“架构梳理”的制品观:

保持基本清晰,枝干适度。产品之重要功能架构是成品之骨骼,它应有尽量保持简单、明了,不得以自由改变,让用户无所适从。其次作用丰富主干,不可以喧宾夺主,尽量隐藏起来,而不用在一级页面。——依据张小龙演讲整理

澳门1495娱乐 6

图6:引用自《微信背后的成品观—张小龙》的PPT整理

经者例子@Mr汤进er纪念说,正真去梳理一个好之架,还是生考验产品经营和设计师的能力跟考虑的。多考虑,多实战~

2、一个好之音信架构设计应该负有怎样特征?

以下几点是@Mr汤进er总的可就此来查看自己的信架构梳理是否正确、合理,但正在适合自己之出品信息架构是死玄妙之,需要自己多去想想和行。

A、与“产品目标”和“用户要求”相呼应;

B、具有一定之延展性;

C、保证分类标准一致性、相关性和独立性;

D、行平衡信息架构的“广度”和“深度”**

E、用“用户语言”,同时用避免“语义歧义或不解”**

下详细阐释上面几乎触及检查标准:

A、与“产品目标”和“用户要求”相呼应;

直接举例子:新闻资讯类应用,经常坐推行顺序组织信息架构,因为用户要求被,对于“新闻”的时效性的渴求凡唯一的根本因素,同时,对于产品自己,只有提供最新的资讯才能够当竞争着落优势。再使,同样是资讯类应用,“今日头漫长”的成品目标是对准不同用户进行针对性推送资讯,因此除以“时间”维度组织消息架构以为,它还经过算法推送,以“推荐”的措施组织消息内容,针对性推送最新的讯息,减低了用户“挑选”资讯的门径,增加了用户资讯获取效率。

B、具有自然的延展性;

一个延展性好的信息架构,能拿新的内容作为现有结构的同样有些容纳进来(下左图),也可管新内容作为一个完好无损的初部分在(下右手图),举个例证:微信的“发现”就具有自然的延展性,陆续来“游戏”、“购物”等情节为纳入其中。

澳门1495娱乐 7

图7:一个延展性好之音讯架构图示

C、保证分类标准一致性、相关性和独立性;

一个吓的架分类,应该生出同仿照准确之归类标准,并且对用户而言是可以吃准确无误了解和学的。其中“一致性”体现于业内的绝无仅有,不能够来多效标准,也就是说要保证效益入口是唯一的(快捷方式入口除外),这样的益处就是,用户在以过程中,不见面盖来尽多之正经要找不清相应的法力入口(这或多或少感觉争议比较多,但@Mr汤进er认为产生必不可少坚持入口的唯一性);“相关性”是赖左右层级与层级中情节要怀有相关性的,不能够管“足球新闻”栏目纳入到“时政要闻”层级下,因为它的没有关联性(例子比较low,但意思大家明白的);最后一点是独立性,独立性体现在同一层级分类应该是互为独立的,不可知同一层级的一定量独分类存在交集或含有关系。

D、使得平衡信息架构的“广度”和“深度”**

每当处理信息架构“广度”和“深度”问题上,说实话没有统一之规范。曾经听了起同学说“层级不克过3交汇,如果跨越三重叠,这个架构就是糟糕的”这样的判断,其实@Mr汤进er以为,不可知简单的羁押“深度”,而是看用户之实际上体验。那“广度”和“深度”各自出什么样优缺点呢?主要体现在“宽而肤浅”的架构用户可据此比较少的点击完成相应的任务目标,问题在每层的“信息分类标准”太多,增加用户每一样重叠级的归类寻找难度。(参见@Mr汤进er的外一样篇稿子《设计法则:Hick’s
law》选项增多,做出决定的岁月便是会追加!
)。而“窄而深”的音讯架构好处是减少了用户挑选,问题在增加了用户操作步骤如下图9,用户从A页到B页需要6步之多。**

哪平衡“广度”和“深度”需要考虑的要素多(大小屏幕等硬件特性、产品功效目标、用户采取频次等等)。建议大家多多实践,灵活运用,多从用户用角度做思想。

澳门1495娱乐 8

图8:宽而浅

澳门1495娱乐 9

图9:窄而深

E、下“用户语言”,同时需要避免“语义歧义或不解”**

即一点虽是只小点,但反复也便于给过多设计师忽略。第一是若就此“用户语言”进行分类和力量描述,用户是圈无明了“专业术语”(行业利用除外)的,可以由此“用户测试”来视察用户对于分类和效益“名称表述”的理解能力。同时,好之“名称”应该是未曾歧义或者会促成用户不解之。

相关文章