美文网首页产品架构
产品信息架构设计

产品信息架构设计

作者: 俗三疯 | 来源:发表于2017-09-03 09:06 被阅读43次

认识产品信息架构

什么是产品的信息架构

信息架构设计是对信息进行结构、组织以及归类的设计,好让使用者与用户容易使用与理解的一项艺术与科学

为何产品需要合理的信息架构

一个合理的信息架构可以让你的产品非常容易被用户理解,可以让用户在第一眼的时候,就对这个产品有一个简单的认知

产品信息架构设计的前期工作

需要准备的四件事:

(1)了解用户,场景,习惯
从persona:用户角色模型,定义你的典型用户是怎么样的一群人
用户场景两点得出用户使用的习惯,并且尊重用户的习惯

尊重用户的习惯:
①用户通常用你的产品做什么?②用户用这类产品最关心什么?
③用户有哪些思维定式?④用户用什么类似的产品?

(2)了解业务需求

从产品经理那了解业务需求→不突出业务无关内容
运营&市场→让信息架构有更大的兼容性,能让产品产生更多可能性

(3)调研竞品的信息架构
寻找3-5个竞品进行信息架构的分析(使用MindMap)
(若改版,也需要将历史版本作为一个竞品进行信息架构的分析)

进行信息架构的分析得出其共性和差异
共性:要遵循的用户习惯
差异:设计机会点(社交产品的发现、购物网站的首页、打车应用的侧边栏)

(4)卡片分类法:
卡片分类法是指让用户对功能卡片进行分类、组织,并给相关功能的集合重新定义名称的一种自下而上的整理方法

工具
目标用户、功能/信息卡片、两支笔、空白的卡片、笔记本
步骤
(1)介绍卡片:确保用户明白每张卡片上面写的是什么意思
(2)用户归类卡片:让用户根据自己的思考,进行分类
(3)让用户取名:把归类好的卡片取一个名称
(4)继续归类:第一次归类往往太细致或者太笼统,追问用户,然后让用户进行拆分或整合,再次进行归类
(5)简单访谈: 了解用户在整个卡片归类的过程中,是否有碰到过一些困难或者是一些不清楚的地方
(6)拍照存档
功能/信息卡片怎么提取?
①它是功能或界面的名字②它来自于你现有信息架构树的树叶③不要过分细分④功能/信息卡片不能出现包含关系⑤卡片总数最好不要超过三十张,会让用户无从下手
如何更好地引导用户?
介绍卡片时:是否理解每一张卡片的含义,如果不理解可以询问
用户归类卡片时:为什么把这些卡片放在一起?
用户取名时:这类卡片取个名字可以叫什么,根据你刚刚的分类原因,是不是可以叫...
继续归类:这一类数量过多是否可以进一步细分,现在已经分了n类,是否还有哪几类可以放在一起
简单访谈:在分类过程中是否有什么纠结的地方
拍照存档:是否确定这是最后的结果

相关文章

  • 规范信息架构与流程设计

    信息架构设计 1、认识产品信息架构 1.1什么是产品信息架构? 信息架构设计是对信息进行结构、组织方式以及归类的设...

  • 交互微专业笔记6-信息架构设计

    一.认识产品信息架构 1.什么是产品信息架构 信息架构设计师对信息进行结构,组织方式以及归类的设计,好让使用者与用...

  • 产品信息架构设计

    认识产品信息架构 什么是产品的信息架构 信息架构设计是对信息进行结构、组织以及归类的设计,好让使用者与用户容易使用...

  • 交互设计微专业——信息架构设计

    1.认识产品信息架构 2.信息架构设计前期工作 1.了解用户 场景 习惯 2.了解业务需求 3.调研竞品信息架构 ...

  • 信息架构设计-认识产品信息架构

    1.什么是产品的信息架构 组织产品中的各个元素,以大家更容易接受和合理的方式摆放处理.布局合理 指引明确 情景1:...

  • 移动产品的信息架构

    晓生关于「移动信息架构」的一系列文章: 移动产品信息架构(1):前言 移动产品信息架构(2):行为模式 移动产品信...

  • 4信息架构设计-评判产品信息架构设计

    一.用户测试 拿内测版或者高保真原型都可以. 1. 用户是否存在你不介绍具体产品的情况下,通过短时间的使用,说出产...

  • 产品信息架构

    关于写信息架构的文章其实有很多,笔者刚入门产品经理那会看了不少关于信息架构的文章,但是看完之后确实一知半解,不知信...

  • 产品信息架构

    作为一个产品新人,经常看到‘信息架构’,实习期间的leader让我做的第一件事就是梳理公司产品的信息架构,可产品小...

  • 用户研究方法——卡片分类

    设计师的主要目标是确保用户可以在系统中找到信息并顺利导航。卡片分类方法是从头构建产品信息架构或调整现有信息架构以满...

网友评论

    本文标题:产品信息架构设计

    本文链接:https://www.haomeiwen.com/subject/juubdxtx.html