很产品设计师,在画原型或者设计 UI 的时痴迷工具的使用,拿到需求文档之急动手画图,忽略信息架构设计于品作用。
信息架构为一个产品的骨架,是产品非常重要的一部分,它决定一个产品
的布局未的发展方向以及用户对一产品的初印象整体体验。毫不夸张的,好的产品信息架构产品功的一半。
那底什是产品的息架构呢?该如何计产品的息架构?如何评判一个产品息架构的好坏?着往下:
一、信息架构的概念
让来一个例:
一个需要有哪些施,如果你是的老板如何理的排布这些施,可以让户觉舒服的用餐,这个过程就是一个息架构的过程。可以让户对你的产生好,从而下次用餐的候还会想来你这吃。
在布饭店设施的过程中我们要遵循一些规范,如户的习惯或者施工规范等,正是因为需要遵循这些规范,我们需要一个信息架构来体现这些。
比较官信息架构解释是这样:信息架构设计是信息进结构、组织以及归类设计,好让使用者与用户容易使用与理解项艺术与学。
简单来说,信息架构设计就是让用户以 容易地理你的产品是怎样的。让他们在使用你产品的时以更顺更自。就像一进饭店就有一种感,门口是等餐的地方,进去就应该饭,果找洗手间一定不往门口走,而往深处走。就是信息架构的处:他让用户使用同类产品时更容易上手和理,让产品更容易被接受。
二、为何需要信息架构设计
对上产品来说为什么需要合理的信息架构呢?大家来看下边3组 app 的 tab栏截图。你能仅仅从 tab栏就看出款 app 是什么类型的 app,何使用吗?
很明显的,一个是一款购物类 app,二个是一款图类的 app,三个是微信的 tab,虽首页名称是微信,但是我相信果把名称换成「聊天」,你还是能认出是微信的 tab栏。
从底部标签栏就可以致看出产品用嘛的,这就信息架构的作用。一合理的信息架构可以让产品非常易被用户理解,可以让用户第一眼对产品一简单的认知,指导自己可以用产品什么事,指导产品提供什么服务。
再一组反例:
这三组 tab栏就让人困惑了,了半你也许根本不知道这款 app 是做什用的,以及如何使用。如果你让用户困惑,会钟抛弃你的 app。
信息架构的核心目标是为户供更好的体验,获得更的留存率。
款信息架构良好品必然遵循以下两个标准:
- 户打开 app 的第一秒就知道这是一款么 app,怎么;
- 用户想要使用某功能时,能够第时找到。
我们通过这两个标准来印证上边3个正面案例的信息架构:
相信你很快速的识别这款软件的途和法,这就给升留存供了基础。
那么如信息架构像架构个饭店样简单,那么信息架构为何需要设计?
为你实品功能可能有这么多:
毕竟我们不是支付宝,没办法把功能像腐块样堆叠起来,我们需要些学设计法。
三、如何设计信息架构
合理信息架构设计需要考虑5个步骤:
下我来分步讲解下。
1. 了解用户,场景,习惯
首先你品是到用户用,你然要最大限度了解你用户,我们先来看下个概念:「心智模型」。
心智模型是经由经验及学习,脑海某些事物发展过程,所写下剧本。类在经历或学习某些事件后,会事物发展及变化,归纳出些结论,然后像是写剧本样,把这些经验浓缩成本本剧本,等到复或类似事情再度发生,我们便不自觉应用这些先前写好剧本,来预测事物发展变化。心智模型是你事物运发展预测。再说楚,你「希望」事物将如何发展,并不是心智模型,你「认为」事物将如何发展,是你心智模型了。
假设你从没见 iPad,而我刚递给你一台并告诉你以用它来看书。在你打开 iPad 使用它之前,你头脑里有一个在 iPad 上何阅读的模型。你假想书在 iPad 屏幕上是怎样的,你以做什么情,比翻页或使用书签,以及情的大致做法。即使你以前从没有使用 iPad,你也有一个用 iPad 看书的「心智模型」。你头脑里的心智模型的样式和运方式取决很因素。
用户往往以往使用 APP 的一些习惯使用产品;线下同一件事的习惯、活习惯、智模型。考虑哪些可以创新的,哪些用户习惯,不妨碍用户习惯的况下作出能让用户接受的创新。
你要考虑清楚4个问题:
用户通常用你的产品做什?
用户用你的产品来做什?用来新闻还是用来聊?一定要考虑清楚用户的核心流程。从核心流程中提取息架构的基础形式。
用户用这类产品最关心什?
用新闻app 咨询的真实性实效性,购物类app 准搜索和后功能,就是你的用户关注点在哪,这是一个好的突破。
用户有哪些思维定式?
和用户年龄身相关的属性,产品体验符相应用户的思维模式,心智模型,用户就会比较容易受。
用户用什类似的产品?
类似的产品也会带来一些用户习惯,迎这些习惯也会让用户快速上受产品。
了解了你的户场景和使习惯之后你会知道如何做符合户心智的,容易被接受的产,你需要担心做的产没有差异性或者没有竞争,我们可在核心流程之外做创点,户觉得你的产又好又有些一样。
2. 了解业务
这里的务包括与产接触的及外的人的需求,如公司的营,场,销售,BD,公司的外合作伙伴等。
这些需求我们也要收,比如运员想更便管理注册用户,销售想更多添加广告位,市场广员要求能统计不渠带来品下载量,注册数,活跃数,合作伙伴需要进账号,内容互等,要与业务有关意见,尽可能在品设计前多收,即使做不了,也告诉他们原,要不然品上线后等着被他们吐槽吧。
3. 调研竞品的信息架构
在做款 app 时,我们临了和数竞品争抢用户局,这时候分析竞品常必要,我们需要在知己知彼前提下,做好核心流程功能,再思考如何在异功能上做好突破。
首先我们需要把竞品功能梳理成思导图:
其思导图就是信息架构比基础的形式,但是光有思导图没用,我们需要对思导图进行分析。
我以过的一款人脉 app 例,当初对比了领英、赤兔脉脉,分析了这4款 app 的思维导图后得出的共性差异点:
共性就符合用户使用习惯的方,如果调研的3-5产品都这么了,很可能这里产用户习惯的方,我们需去遵循的,这获得用户好感度的基础。
析产品你一定也会得出一些产品差异的地方,而这些差异就是你的产品竞争点,也是别人用你的 app 不用其 app 的理由。比如人脉软件都会有社交相关的功能,但是脉脉会比较注重职招聘、直播等互网职人比较关心的点,这对应的用户群体就比较会吃你这套,会提升用户的粘性。
相信你在梳了竞的信息架构,总结了共性和差异点之后对产的信息架构已经有一个较清晰的认知了,在做自己产信息架构的时候会更胸有成竹。但是最后还有一件事我们可做,就是对我们的要做的产功做卡片分类。
4. 卡片分类
卡片类法是工作中常用的一种方法,它可以在用户侧再一次印证和检测的产品息架构。
卡片分类法就是户对功卡片进行分类,组织,并给相功的集合重定义名称的一种自而上的整方法。
说白是准备堆卡片,在这些卡片上写上你所需要含功能名称,然后到用户侧,让用户进分类,让用户进组织,来了解用户到底觉这些功能应该怎么合并怎么归类法。它可以帮助你站在用户度去了解用户是怎么认定这些功能,也可以在卡片分类法过程更加了解用户是怎么想。
卡分类法大概的步骤和注意点是样的:
卡分类法最终产出样的一个树形图:
5. 产出信息架构
其实到这步信息架构大概雏形已经有了,你可以用 axure 或者类似 mindnode 软件把信息架构梳理出来。
接下来你要对信息架构进行重要分级,样在产品开的前期以帮助梳理产品研的优先级,集中精力决用户的最大痛点。在产出页面时也以更的把控页面元素的大小级,位置关系等。
最你需要注意和度的平衡:一般不超5,超操困难。度让用户认成增加,容易找不到想找的内容。里的度指的是同一页面展示的信息量。
那么这次分享就到这里,相信已了解到信息架构的重性以及如何设信息架构了。希望给的产品一些帮,的产品多的留存好的发展方向,如果对信息架构什么疑问或者建议,欢迎留言交流。
欢迎关注作者的公众号:「FCUED」
图片素材来源:undraw.co