赞助商
立即赞助

掌握这5个关键点,零基础也能建立信息架构

交互设计3年前 (2021)发布 流光
3.8K 0 0

编者按:么是信息架构?怎么理解用户体验五要素?本文用大量案例和插图帮你轻松掌握这个基础知识。

今天家聊一聊关于 UX  IA 的话题。其实写今天这次分享的题目的时候我修改了很多次,什么会修改很多次?这从我 medium 看的一篇文章起,这篇文章的标题《6 Tips How to Apply Information Architecture in UX Design》,翻译过的意思用户体验设中如何建立信息架构的6点建议。

当时读章,虽然觉得章里讲的一些散碎的概念迷迷糊糊可解,但这些概念就像盖房子的砖一样,我全知道这些砖该怎样才盖成一大楼,或者我就在楼而因为自己视野有限全知道这大楼到长么样子,因为这个原因我一直苦恼于该如何清晰的表达想要分享的容,思来想决定这次分享仅仅是我对某篇章的翻译,想要弄清楚这篇章到在讲么,先要弄明白章里的知识,当我们了解清楚了这些信息之后再来解这篇章就会轻松容易得多,面就将我总结来的容分享给大。

一、UX & IA

UX 即 user experience,译为户体验。

IA 即 information architecture,译为信息架构。

的关系可以简理解为良好的息架构是高效用户体验的基础。

我们平时听到了太多关于用户体验东西,大家都以为用户体验跟交互设计不多。我前确实也是这么理解,是最近发现我这个想法是有些过于片了。

我们可以把用户体验的作分解五组素,分别战略层、范围层、结构层、框架层、表层。

掌握这5个关键点,零基础也能建立信息架构

它们都自下起作用的,每一层面都根据它下面的那层面决的,所以表层由框架层决,框架层则建立结构层的基础,结构层的设基于范围层,范围层根据战略层制的。每一层面的决都会影响到它之层面的可用选项,信息架构只用户体验结构层的一部分已。

二、什么是IA

IA 即 information architecture,解释出就合理的组织信息的展形式。

要任务是为信息与户认知之间搭建一座畅通的桥梁,是信息直观表达的载体,通俗点说就是信息架构仅仅是设计信息的组织结构,还需要研究信息的表达和传递。

么说也许还有抽象,举个简单易懂的例子:

掌握这5个关键点,零基础也能建立信息架构

我们来看个场的平面析图,通个图我们以很清楚的场的结构,从而快速定位自己的位置还能顺找到自己想要购买的产品。信息架构对一款产品来说就相当场的平面析图,就像现在我们看到的幅图一样,场的每一有相对应的分类区块来指导消费者。试想果一个场没有对品进行有序的分类,么我们在逛场的时就很难顺挑选出自己所需要的品,面对各种无序且数量繁的品我们一定崩溃,样的情况对男士来说绝对是场灾难,但对女来说也许是一个充满未探索的挑选程吧。

但不管怎说在这计需要做的就是规划好这些楼层息层,主要做的工作就是:类、层梳理等。简的说就是规划好每一层有什商品,同一层商品怎布等等息。

所以在互联网品设计:设计师梳理信息架构,其实和刚才说梳理商场楼层架构概念是不多。

三、IA的作用

个好信息架构定是会满足两个维度需求,即用户需求和品目标。

从用户的角度出发它可以让用户一的信息规划下易找到自己的「东」。

从产目标角来看它通过「信息架构设计」去教育、服、通知用户。

最简单的两个字来说实信息架构就是在做分类。

回到刚才个例子想一想,把场里的品分类其对我们产品而言就是在给我们产品中的信息分类,以方便用户能更的使用我们的产品,而不想要把产品卸载,从而使产品达到易用用想用的目的。就跟我们逛场一样,当我们能够根据指示顺买到自己所需的品的时我们就不因为找不到我们想买的品而失望的离开场。

那问题来了,该如何进行息架构类呢?也就是息架构的类方法是什呢?

四、IA分类方法

这给大家介绍2种方法,从「产品目标」出发可以采用「从上下」的类方法;从「内容和功能需求析」出发就可以用「从下上」的方法进行类。下面来跟大家享一下这种方法的体做法。

刚才说了从上到下是以品目标即战略层出发分类法,所以最开始是先从最广泛、可能满足决策目标内容与功能开始进分类,然后再按逻辑细分出级分类,这样「主要分类」和「级分类」构成了「个个空槽」,将想要内容和功能按序填入即可。

掌握这5个关键点,零基础也能建立信息架构

我们以微信为例:首先根据品目标将「主要分类」即级架构分为「最近会话(微信)」、「讯录」、「发现」和「我」;然后再进「级分类」分类,比如「发现」下再分「朋友圈」、「扫扫」、「摇摇」等等;最后将相应功能(如朋友圈feeds、发朋友圈、朋友圈消息等)填入到相应「朋友圈」分类。

这样就先了概的框架我们再根据这些框架往面加东的感觉一样的。

接来我们再来说一说从到上的方法:

掌握这5个关键点,零基础也能建立信息架构

才说了从到上是由范围层驱从产的功和容层面发的,我们就要先把已有的有容,放在最低层级分类中,然后再将他们分别归属到较一级的类别。这种分类方法实就是在做「归类」。

其从下到上的信息架构方法也包括主要分类和次级分类,但它是根据对内容和功能需求的分析而来的。先从已有的资料开始,我们把资料统统放到最低级别的分类中,将它们分别归属到高一级的类别,从而逐渐构建出能反应我们的产品目标和用户需求的结构。

体工作中可以将所有的功能点用一张张卡片写下来,然后让目标用户参息类中,并反馈相关类标准作为产品计去梳理息架构的参考。实践过程中,更需要计或者产品经理本身有一定的息筛选、梳理、类的能力,进一步通过用户测去检验类的息传达有效性。

其实好像我们日常生活收纳衣服,我们会根据不标准去收纳,比如我们可以根据季节分类,也可以根据颜色分类,或者是根据款分类,个都会有不分类习惯,所以这里归结到工作才会让目标用户参与到信息分类,毕竟我们品是服务于用户,所以原用户使用习惯和使用心理也是我们样要注意到,这样可以我们提供些有效分类信息帮助我们更好做出楚信息架构。

当然这两种方法都一的局限,从到下的架构方法时可能导致内的重细节被忽略,从下到的方法则可能导致架构过于精确的反应了的内,因此不能灵活纳未内的变动或增加,所以实际运用中需我们将这两种方式结合起灵活运用。

这两种方法虽然有同的视角但实最终目的都是我们的产易好最终达到想的目的,这两种方法对接、交汇、融合之后得的结果才应该是我们想中的产信息架构。

五、影响IA的因素

才到户体验的5个层级是自而上对上面一层起作的,信息架构位于用户体验要素第3层结构层,刚了结构层的设基于范围层之,所以这里遇到的影响因素我们还返回到范围层面去寻找,范围层又包含两维度,功能内,从范围层到结构层这过程中我们会遇到很多影响因素,所以把这些影响因素总结起我们还从用户层面(内)产品层面(功能)两维度理解。

从户的角发,解、操作习惯、目标容使频率等等这些都会成为影响因素。

从产品角度来看,产品的核心价值、主功能、特功能等才是影响信息梳理的因素。

这个层面当然也不是完全割裂的,在做息架构的候可以先从一个层面出发得出一个结论之后再用另外一个层面去验证得的答案,然后再不断优化在验证过程中遇的问题。

不会有不分类结,为根据不情况我们所需要关注侧会有不,我们根据不影响素会出不答案。个都会出不样分类结,没有哪个结是完全正确或者说是完全相,像数学排列组合样,内容越多我们到结会越丰富,是这些结然不是全都合理,所以需要设计师根据自己经验结合品层和用户层需求找到合理解决案。我们都知在品设计想要设计出来款完美不需要迭代优化品几乎是不可能,所以我们能做能是结合各影响素和自己经验理解优化品让它接近于完美状态。

我们思考一问题:什么微信朋友圈这么高密度使用的功能到二级单呢?

微信的创始人张小龙是这样解释的:

  • 微信社交软件,核功能社交,沟通,好友,所以一级单只能这相关。(产品功能层面)
  • 当友圈为二级tab 时,扫一扫,摇一摇,附的人,漂流瓶,购物这些功的曝光就会降,利于微信功的拓展。(产功层面)
  • 也许造成各个模块分不平衡,而且现里的功能与其他模块的功能属混在一也许不恰当,微信为不让用户被的信息打扰把共号打包放在一,么朋圈随着联系人增,分享动态也增加,而且内容是一生活中的琐,少也像共号一样打扰到用户。(用户角度)
  • 计并不是对用户有求必应,而是应该在产品发展战略的指导下衡各功能。如果将朋友圈提升为一入,显的社交享功能将得化,那相应的其功能将会被弱化,这链一切的发展战略是相违背的。(产品层面)

持主干清晰,枝干适度。产品的主要功能架构是产品的骨骼,它应该尽量持简单、明,不以轻易变更,让用户无所适从。次要功能富主干,不以喧夺主,尽量隐藏来,而不要放在一级页面。

举这个简的例供大家了解息架构这个概念,体会一下如何用一个更全面更发展的眼光去待产品结构这个抽象的问题。

总结

要在 UX 中建立良好的 IA 需要别注的5个关键点:

  • 在建立信息架构之前确定产品目标(战略)
  • 进行用户研究预测用户对产品可能产生的反应(范围层)
  • 合理运用认知心理学原理预测用户品可能生反应(结构层)
  • 根据产品信息结构去规划导航(框架层)
  • 注意视觉层次在容的视觉表现中的重要作(表现层)

掌握这5个关键点,零基础也能建立信息架构

所以我们绕了大圈来看,在 UX 立良好 IA 5个关键其实最后是回归到了用户体验5个要素。再回到刚开始分享提到那句话,从上到下表现层是由框架层来决定,框架层立在结构层基础上,结构层基于范围层,范围层根据战略层制定。这里个层都是根据它下那个层来决定,相于把用户体验要素层需要做事情从另个维度又解释了遍。

当然这里注意一点,这些层级都不完全割裂的,如果求每层面的作下一层面可以始之完,那样一会导致的用户都不满意的结果,相反的,应该规划好的项目,让任何一层面中的作都不能其下层面的作完之结束。这里重的一条,我们知道基本形状之,不能屋加顶。 不我们这5层级的哪一层,我们不能忘记的就把这些连一整体去理解,他们一相辅相互相影响的。

掌握这5个关键点,零基础也能建立信息架构

欢迎关注作者的微信公众:「FTDesign」

掌握这5个关键点,零基础也能建立信息架构

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

用户体验是用户在使用产品或者服务中的所有的主观感受。因此我们设计的过程中要以用户为中心进行设计,不能单单为了设计一个...
产品
本文针对的是从 UX 角度出发的标签系统设计,不同于数据库的标签系统设计。「标签系统」的概念来源于《信息架构:超越 web 设...
一致性原则
编者按:在进行 UI 设计的时候,很多小技巧能够恰到好处地提升界面的设计视觉效果、用户体验。这篇来自Mark Andrew 的文章梳...
ui设计
王M争:从用户的操作流程上来说,如果用户想使用一个功能,必然首先要发现它。如果连功能入口都找不到,后续的用户体验也无从...
Tab
随着移动互联网存量时代的来临,用户的留存与激励也变得越来越重要,到如今各大平台都掀起了一股游戏化设计浪潮。其实早在201...
AlibabaDesign
用户体验直接关乎产品的成败,影响到业务能否正常开展并为公司赚取利润。而可用性作为用户体验的核心,是设计师投入最多精力...
产品体验
微信车票的设计师试图通过「微信车票」来收集用户情感,还原用户出行场景,从而打造出一个温暖的产品,重新建立起人与人、人...
情感化设计
设计「诱惑」绝对不是诱导和操纵用户 —— 而是在设计产品过程中给予更多用户想要的东西,甚至是用户没有想到的东西。就像原本...
情感化设计