Chapter3 网易微专业交互设计学习笔记

第三章:规范信息架构和流程设计

1规范信息架构

1.1.认知信息架构

信息架构——对信息进行结构、组织方式以及归类的设计,目标是用户更好的使用与理解。

信息功能结构暗示:让用户一眼看出产品的是什么,为什么,以及怎么用。

好的信息架构设计:功能重要性优先级;只是简单的堆叠功能,产品迭代是否影响用户,容易让用户产生抱怨;信息架构有伸展性。

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

1.2.1 了解用户需求、场景、习惯

-  Pesona:定义你的典型目标用户(具体的,详细的)

拓展阅读材料:   Persona——Web人物角色介绍



-  尊重用户习惯——不要在不必要的地方去体现差异

   1)用户用你的产品做什么          2)用户有哪些思维定式 

   3)这类产品的用户最关心什么    4)用户用什么类似的产品

1.2.2 了解业务需求

- 不能仅仅从产品经理了解业务需求,也要从市场运营推广了解别的需求,使得产品有更大    的兼容性,让产品产生更大的可能性

1.2.3 调研竞品信息架构

- 收集3-5个竞品,用思维导图画树状图来梳理出竞品的信息架构(过去的版本也是竞品)

- 找出共性(要遵循用户习惯)和差异(创新机会点)

1.2.4 卡片分类法

- 让用户对功能卡片进行分类,并对分类的集合重新定义的一种方法(了解用户心智模型)

- 产出用户产品心智模型树状图,对比竞品的树状图,寻找差异和改进点。

1.3产出产品信息架构

1.3.1 利用Axure站点地图和思维导图树状图产出产品信息架构树状图

       - 对竞品的页面的每一层进行分级,区分重要性(位置、字体大小,面积大小...) 

1.3.2 寻找层和度的平衡点

      - 层:信息架构树的深度(层<5,否则进入某一功能会使得用户陷入操作困难)

      - 度:每一个节点的子节点的数量(单页面内容过多,使得用户认知成本太高)

1.3.3 验证核心使用流程(比如一个IM软件,发起群聊流程是怎样的)

      - 尽量保证树状结构图层级自上从下前进

      - 不连通层级之间的跳跃,最好发生在最后一个步骤

1.3.4 考虑信息架构和交互架构之间的关系

      -移动端一级导航设计模式选择(可以参考我chapter1.2&1.3的笔记内容)

  根据重要性的分级,抽屉导航适用于单一功能突出的产品,TAB导航适用于多功能点的产     品页面,用户可能需要频繁的切换 。

一个移动产品全局导航选择模式带来的数据差异

         - Web端设计

利用不同层级关系体现重要级,利用布局体现逻辑关系

1.3.5 为讨论做好准备

 -  和开发、运营、领导开需求会的底气

1.4评判产品信息架构

1.4.1 用户测试

 -  在不介绍产品的情况下,让用户使用产品能够段时间内描述产品是做什么的

-  让用户进行核心流程任务,检查任务是否能够顺利完成

-  给用户制定一个寻找层级比较深的任务,测试是否能通过信息架构名称层级找到该功能

1.4.2 撰写产品说明书

- 你需要多复杂的产品说明书才能教会用户使用产品核心功能

1.5用信息架构思路设计页面

1.5.1 单一页面为什么也需要思考信息架构

- 确定页面呈现的信息——》绘制信息架构树状图——》重要性分级——》绘制页面

1.5.2 明确一个页面中元素的逻辑性和重要级

一个页面设计的思考递进

1.5.3 绘制单一页面

- 逻辑相关的内容使用统一的形式、位置,并让区块联通

- 利用大小、上下位置、色彩体现重要级

2.打造漂亮的流程设计

2.1 了解流程的重要性

- 用户和产品的交互是什么:

   用户通过某种流程完成任务——》交互设计师设计用户完成任务的方式

- 企业流程设计考虑的问题:

以不干扰用户使用流程的方式完成企业的业务需求

微信“摇一摇”红包

- 优秀的流程设计的好处:

增加任务的完成率;让用户更方便的的使用;对错误跟多的思考;夸张的任务完成度


一个优秀的推送允许设计


微信春晚摇一摇绑定2亿张银行卡,支付宝8年才做到

2.2 如何进行流程设计

2.2.1充分理解业务需求

- 业务需要完成的商业目标

- 业务受到的技术和商业限制

- 了解业务所需要的合作方

2.2.2找到用户完成任务的所有接触点

-  接触点:用户通过你的产品做了什么事情(点击某按钮,看到某信息)

-  接触点来自用户场景——基于用户模型、经验、用户调研的体验故事。

- 构建多个用户场景,顾忌头尾,一个任务的接触点需要完整。(如发朋友圈最后一个接触点不是点击发送按钮,而是确保用户查看确认自己的信息发布成功)

2.2.3梳理接触点

- 推理每个接触点的心理情况和行为动作(做事——看信息——做事)

- 绘制流程图:用户使用流程——》加入业务需求所需的流程节点

2.2.4根据流程设计交互稿

- 在交互稿上体现用户操作流程


- 在流程上出现分支的时候,不要在一个页面上绘制,而是在站点地图上体现


- 注意设计的完整性,顾及头尾


2.2.5处理异常流程

- 找到异常的接触点,说明信息提示,和接下来的交互动作

- 了解错误返回码可以让错误考虑更全面

- 预测用户可能会出现的错误


开发错误返回码


2.3 流程设计和交互设计

- 从0到1质的飞跃


信息架构到核心流程设计


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

推荐阅读更多精彩内容