菜单

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

2018年9月15日 - 最新资讯

一致、信息架构初认识

事先知乎上起这般一个题目:什么样理解信息架构?,@Mr汤进er这为“商场信息导视图”为例,回答了这个题目,比较吻合“入帮派小白”去领略信息架构、流程图与页面布局,其中针对“信息架构”的答如下:

贪图1:商场信息导视图

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

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

进一步:可能一如既往楼国际知名世界又包括

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

然的楼房架构便于你再度好之错过找到好想购入的东东,至少是那个清晰的明亮各个一样重合产生啊商品,同一层商品怎么分布等等信息。在此处,设计师的图就规划好这些楼信息层级,主要做的做事就是:分类、层级梳理

于互联网产品设计中:活经理or设计师梳理信息架构,其实与上述梳理市楼层架构是不谋而合之帅。

亚、信息架构入门

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

那么当产品设计过程中,信息架构到底是为此来举行什么的也?其实,通过地方“商城信息导视图”的事例,我们就好开始摸底及了一个目的:被用户可以自然之“信息规划”下还易之找到自己想使的“东西”。那么除了这之外,信息架构还有啊打算吗?那即便是由“产品目标”通过“信息架构设计”去感化、说服、通知用户

信息架构的用意总结如下:

A、【满足用户需求】:受用户可以大势所趋之“信息规划”下还易之找到自己想使的“东西”

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

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

信架构梳理到底是在举行什么呢?如果用一个歌词回答的言辞,那自然是“分类”。分拣是为重新好的音信传达,为了还好之传递信息,需要针对信息进行选择与社。

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

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

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

从下到上(如下图3):这种分类方法是基于“内容跟功能需求的剖析”而来之,先把已经有些具备情节,放在最低层级分类中,然后又用她们各自归属到比高一级的类型。这种分类方法其实就是是当做“归类”,比如@Mr汤进er当已经的路经过遭到尽管见面用“卡片分类法”去梳理信息架构,首先将有所的功用点用一摆张卡片写下去,然后于“目标用户”参与届消息分类中,并举报有关分类标准作为我们产品设计师去梳理信息架构的参阅。实际执行过程中,可能重要设计师或者产品经营本人产生自然之音讯筛选、梳理、分类的力,进一步通过用户测试去检查分类的音传达有效性。

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

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

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

希冀5:从上到下的架方法

流动:实际用中,其实简单种植艺术是结合起来进行的,需要产品经营以及设计师中之抵下,多多实践吧~

其三、信息架构进阶

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

先是,我们需要明白,信息架构受到哪些因素的震慑。从大的点可分为两触及:“用户需要”和“产品目标”,与上述的A和B两触及作用具有对应关系。具体实施着,可能被的影响因素包括:

A、用户规模的思辨:用户的理解能力;用户之熟稔程度(已出思模型、操作习惯等);目标内容的利用效率(低频高级功能相似会“藏”的可比好);内容之数额;内容信息之语义等等

B、产品范围的想想:产品的主干价值、产品之主线功能、特色功能等

选一个事例,之前在知乎上视一个题目:胡微信朋友围这么强密度使的法力一旦置二级菜单?

自己怀念这个题材不等人得生异的懂得和答复,而且都是起道理的(例如有伏称作对:还记得商场楼层的剪切方式呢?如果情侣围在一级菜单,你还会见随时见到扫一扫、摇一摇、购物、游戏这些可口么?便于使用,并无是布局之满。)关于这个题目,我从《微信背后的制品观—张小龙》(张小龙腾讯内部长达到8小时20分的成品讲演)一温情被找到了之类一长达关于“架构梳理”的产品观:

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

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

经这个事例@Mr汤进er相思说,正真去梳理一个吓的架,还是十分考验产品经营和设计师的力量以及考虑的。多考虑,多实战~

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

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图