加入收藏 | 设为首页 | 会员中心 | 我要投稿 开发网_开封站长网 (http://www.0378zz.com/)- 科技、AI行业应用、媒体智能、低代码、办公协同!
当前位置: 首页 > 运营中心 > 交互 > 正文

90%的设计师都不知道的信息架构知识

发布时间:2016-11-04 20:08:34 所属栏目:交互 来源:产品壹佰
导读:副标题#e# 《用户体验要素》将用户体验的流程分为五个层次:战略层、范围层、结构层、框架层、表现层。 战略层确定了产品目标和用户需求;范围层对用户需求和产品功能进行筛
副标题[/!--empirenews.page--]

《用户体验要素》将用户体验的流程分为五个层次:战略层、范围层、结构层、框架层、表现层。

战略层确定了产品目标和用户需求;范围层对用户需求和产品功能进行筛选、分析、分类、定优先级;接下来就是结构层的信息架构的设计了,也就是今天要说的内容;确定了信息架构和用户的使用流程,框架层会解决导航设计、界面设计和信息设计;最后交给表现层,去完成产品视觉、触觉、听觉、嗅觉、味觉上的设计,互联网产品主要集中在视觉方面的设计。

交互设计师涉及的工作主要集中在结构层和框架层,也会涉及到范围层。对于战略层和表现层影响较少,战略层是由公司管理层决定的,而表现层由视觉设计师(UI设计师)决定。

言归正传,我们先来解决第一个问题,什么是信息架构?打个比方,有个投资方,要投资建立一个科技园区,得到一块地之后,在东边建10个房子,在西边建20个房子...,房子挨着房子,这样做是肯定不行的。因为必须得事先规划好,设计好园区的道路,将园区进行划分,这块地是用来建人造湖的,旁边的一块地是绿化面积等等。园区建设中这个规划的过程,就相当于互联网产品中的信息架构设计。信息架构包括组织系统、标签、导航、搜索系统这四个方面。

90%的设计师都不知道的信息架构知识

园区规划图

组织系统

世界分为生物和非生物;生物分为动物、植物、微生物;人属于高级动物,人又分为男人和女人;你身边的人又被你分为熟人和陌生人,熟人里有朋友、恋人、亲人。你从事的行业又分为互联网行业和传统行业;互联网行业里又有许多职位,产品经理、交互设计师、UI设计师、开发、运营等等。

不知不觉中我们队所有的信息都进行了分类,因为只有不断的把信息分类,才能简化这个世界,从而理解世界。分类是认知世界的基本法则,如何分类甚至决定了我们的价值观是什么。

为了让用户更容易的理解产品,浏览需要的信息、完成要完成的任务,就必须对产品里涉及的所有信息进行组织、分类。组织系统包含两个部分,一个是组织方式,一个是组织结构。

组织方式

①自上而下:

自上而下是从战略层出发去考虑内容分类。将能达成产品目标和用户需求的所有功能和内容进行逻辑上的分类,例如“一个”APP,分为了首页、阅读、音乐、电影,接着再继续往下细分出二级、三级信息。从而完成产品的分类。

②自下而上:

自下而上是从底层信息开始,将最底层的信息归属到较高一层级,再将这一层级归属为更高一级,自上而下可以理解为是在做分解,而自下而上可以理解为在做归类。

最常用的自下而上分析方法就是卡片分类法,即将最底层的所有标签给目标用户,让目标用户去自己归类,从而得出产品的信息架构。

90%的设计师都不知道的信息架构知识

卡片分类法

组织结构:

①层级结构

这种结构是最常用的结构,几乎所有的产品的主结构都是层级结构。层级结构只存在父子级关系,一个父级分出几个子级,子级再分出它的子级,直到将所有信息都包括进来。

90%的设计师都不知道的信息架构知识

层级结构

②矩形结构

将信息从多个维度进行分类,这种组织结构能够帮助不同的目标用户找到各自需要的内容。淘宝搜索结果页对商品的筛选就是矩形结构。

90%的设计师都不知道的信息架构知识

矩形结构

③自然结构

现实生活中,很多信息是杂乱无章毫无规律的,它们之间找不到严格意义上的逻辑关系,这就是自然结构。整个互联网就是一个自然结构,你平时用电脑浏览信息,从这个链接跳到另一个链接,从这个网站去到别的网站,这个浏览结构就是自然结构。

90%的设计师都不知道的信息架构知识

自然结构

④线性结构

有一种结构,没有分叉信息,一个标签连着另一个标签,这就是线性结构。我们用互联网产品完成某一个任务时,多数都是线性结构。例如:你去淘宝购物,先搜索商品——浏览商品——选择商品——下单付款——等待收货——确定收货——评价订单,完成一个任务就相当于走过了一个线性结构。

90%的设计师都不知道的信息架构知识

线性结构

具体到某个互联网产品上,产品的主结构基本上是层级结构,而自然结构最不常见,矩形结构和线性结构多用于产品局部的功能和内容的组织。理解了组织系统,就相当于在大局上把握了产品的信息架构,这样设计出来的产品就不会给人凌乱和散的感觉。打开你常用的APP去看看,它们都是些什么结构。

标签系统

我们利用自上而下或自下而上的方式确定了产品的组织结构,具体这些结构里的节点该如何命名?如何按照用户容易接受的方式去命名?这就是接下来标签系统要解决的问题。

经过几十年互联网的发展,很多标签已经被用户广泛接受,遵循这些已经占据用户心智的标签是一个重要原则。

例如:首页、搜索、站点地图、联系方式、关于我们等等。

多去和目标用户沟通,看看目标用户对标签的理解是不是符合他们的心理模型(关于心理模型的概念,可以查看往期文章《为什么用户觉得你的产品不好用?》),例如简书会实时保存作者所写的文章,它所使用的标签是保存中、已保存、保存这些,如果换成归档中、已归档、归档呢?这样作者就会觉得迷惑。

导航系统

一提到导航,第一想到的是车载导航、手机里的导航软件,导航能帮我们用最快的时间到达正确的地方。同样,互联网产品中的导航系统,也起着这样的作用:防止你在产品中迷路,告诉你现在所处的位置,能去哪,如何去。

导航分为三类:全局导航;局部导航;情景式导航。

(编辑:开发网_开封站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

推荐文章
    热点阅读