2019-03-19信息架构

一、认识产品的信息架构

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

让用户更好的理解你的产品,更便于使用

让用户明白你的产品能做什么,大概怎么用

让用户在需要的时候更容易找到某个功能

整理功能

例:豆腐块式排序

缺点:新增功能时,改变功能顺序,导致不适应

           无法体现重要功能

           不便于寻找功能

提取一级二级三级功能

方法:前(准备)—— 中(执行)—— 后(验证)


二、信息架构设计的前期准备

1.了解用户、场景、习惯

了解用户目标在做一件事情的时候有什么习惯


问题:产品主要做什么,用户用这类产品最关心什么,用户有哪些思维定式,用户用什么类似的产品

例子:社交软件,需求:发布喜欢的图片交朋友,关注的人的近况

1.默认定位在关注:关注点在图片上,默认关注这一桢,因为社交软件重要的是关注的人

2.强化发布按钮:发布按钮在中间

不要再不必要的地方体现差别,尊重用户习惯

哪些地方是创新,哪些地方是用户习惯

在发布页面可以做到创新


2.了解业务需求

例如:打车软件Uber——主要功能放大放大,可附加功能



3.调研竞品的信息架构

3-5个同类产品进行信息架构分析(包括过去的版本)

思维导图整理信息架构

寻找共性——即用户习惯(消息、联系人、关注的人、购物车)

差异——创新点(购物网站首页、社交产品发现、打车应用侧边栏)


4.卡片分类法

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

准备:目标用户、功能信息卡片(便利贴)、纸、空白卡片、笔记本(记录用户发言)

流程

介绍卡片上的功能——用户自由的归类卡片——让用户给归类好的卡片大概取名——继续细致归类卡片(当某一分类卡片太多)——用户访谈(询问用户归类过程遇到的一些困难或者不清楚的地方)——拍照存档

功能和信息卡片怎么提取?

1.他是功能或者界面的名字:比如联系人名片、对话窗口、拨号呼叫。

2.它来自于现有的信息架构树的树叶(没有子树部分)

3.不要过分细分,例如不要细分列表单元格内的元素,不要细分一个相对稳定的页面。

4.功能信息卡片不要出现包含关系(同2)。

5.卡片总数不要超过30张,不然用户无从下手。





产出信息架构

1.利用思维导图和AXURE整合信息

QQ个人信息不明显,支付宝扫码支付付款码最明显

只做整合不够,对产品信息架构还需要做重要性的评级,划分出哪些功能最主要,哪些次要,注意:对每一层进行分级,且分级不代表排序——可以很好的判断哪些功能需要设计的更明显,哪些功能可以小一些

AXURE设计站点图


2.寻找层和度的平衡

层:信息架构树的深度——决定一个功能需要几层页面

        层度过深,进入某一功能时过于复杂,要进入好几层,一般层度不超过五层

度:某一个节点内,他的子节点数量——比如一级导航下的子功能

        度太多,则导致一个页面内容太多,用户认知成本增加,容易找不到想找到的内容。


3.验证核心使用流程

在信息架构层面,确保核心使用流程顺畅

1.尽量保证树结构层级至上而下,例如,社交软件对某一个人发消息,好友页面——好友名片——点击发送消息,这一层级事至上而下的。

2.不同层级间的跳跃尽量发生在最后一步,如,点击发送消息后进入到好友对话界面。

4.考虑信息架构和交互构图的关系

移动端:

Tab式导航:直观明了——适合第一重要级多项,需要经常切换(微信)

抽屉式导航:子功能隐藏——第一重要级一项,不需要经常切换(工具类、打车)

web端:

利用不同结构体现重要级

利用布局体现逻辑关系

新浪微博网页版:中间内容占大部分,右侧个人和广告其次。


评判产品的信息架构

用户测试

1.用户是否在你不介绍的具体产品的情况下,通过短时间的使用,说出产品还可以用来做什么。

2.让用户进行核心流程任务,检查完成任务是否顺利。

3.给用户一个寻找一个相对层级较深的功能的任务,检测用户是否能够通过信息架构名称找到功能。

撰写说明书

看看在撰写过程中是否有不顺畅的地方

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,236评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,867评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,715评论 0 340
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,899评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,895评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,733评论 1 283
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,085评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,722评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,025评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,696评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,816评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,447评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,057评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,009评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,254评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,204评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,561评论 2 343

推荐阅读更多精彩内容

  • 信息架构-产品的骨架、命脉。 需要我们具备拥有非常强的逻辑思维能力及非常完善的整体思考能力。 认识产品的信息架构。...
    Vping阅读 1,314评论 0 5
  • 产品知识面考察 真题 例题分析 例题7.3 DAU代表 。 日用户点击量 月活跃用户数量 日活跃用户数量 网站...
    爱摄影的奥派阅读 12,275评论 4 46
  • 每天进步一点点点点点点点点点点点点点点点点点点点点点点点点点点点点点点~~从开始只能写几句话、模仿别人的观点,到现...
    一个帅气的名字呀阅读 18,044评论 4 31
  • 本文主要为《WEB信息架构 :构建大型网站》读书笔记。书本内容有点晦涩,但对系统性理解信息架构很有帮助,我尽量找了...
    Minus阅读 6,025评论 0 12
  • 一、信息架构初识 之前知乎上有这么一个问题:怎样理解信息架构?,@Mr汤进er当时以“商场信息导视图”为例,回答了...
    会飞的虾仁阅读 1,979评论 1 21