如果有需要视频资源的可以关注"AI产品经理人",回复关键字“网易交互设计微专业”获取下载链接~

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

第一章  信息架构设计

(一)认知产品信息架构

定义:

  • 信息架构设计是对信息进行结构、组织方式以及归类的设计,好让使用者与用户容易使用和理解的一项艺术与科学。(如:饭店装修)

目的:

  • 让用户一眼就明白你的产品能做什么,大概怎么用。(如:底部导航)
  • 用户能在需要的时候容易的找到某个功能,即容易记忆的。

为何需要设计:

  • 信息架构不是功能的简单堆叠,需要区分主要功能和次要功能;
  • 迭代升级不会给用户造成额外的困扰;

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

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

Persona(用户角色模型)、场景(用户如何使用你的产品)→习惯

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

不要在不必要的地方体现差别

  • 2、了解业务需求

不仅要从产品经理那了解需求,还可以从市场和运营了解,从而让信息架构有更多的兼容性,让产品有更多的可能性。

  • 3、调研竞品的信息架构

找3-5个同类竞品分析他们的信息架构,并找出他们的共性和差异;

共性是要遵循的用户习惯(eg:消息&联系人、关注的人、购物车);

差异是设计创新点(eg:社交产品的发现页、购物网站的首页、打车应用的侧边栏);

工具:思维导图工具(树状图)

改版:找竞品 + 找迭代版本;

  • 4、卡片分类法:了解用户的心智模型;

让用户对功能卡片进行分类、组织,并给相关功能的集合重新定义名称的一种自下而上的整理方法。即让用户来搭建信息架构。

可以在了解竞品后,进一步了解用户的心智模型。

准备

  • 目标用户
  • 功能/消息卡片;
  • 2纸笔;
  • 空白的卡片;
  • 笔记本;

流程:

注意:

     

(三)产出产品信息架构设计

  • 1、利用思维导图和Axure整合信息

对信息架构进行重要性分级(≠排序)→Axure 站点地图

  • 2、寻找层和度的平衡

层:信息架构树的深度

层过深:进入某一叶功能时需要非常多层级,操作困难,一般不超过5层

:某一节点子节点的数量

度过多:在某一层级有太多的内容,用户认知成本增加,容易找不到想找的内容

层和度相互转化,需要找到一个平衡

  • 3、验证核心使用流程

(1) 尽量保证根据树结构进行层级自上而下前进

(2)不连通层级间的跳跃,尽量发生在最后一步骤

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

移动端(利用重要性分级)

(1)tab式导航 = 第一重要级中多项

(2)抽屉式导航 = 第一重要级中只有一项,不需要经常使用,常见于工具型应用

(3)竞品与用户习惯(不要在信息架构构图层面,为了不一样而不一样)

Web端

(1)利用不同结构,体现重要级;

(2)利用布局,体现逻辑关系;

  • 5、为讨论做好准备

你的过程就是你的底气!增加睡服力!

(四)评判产品信息架构设计

  • 1、用户测试

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

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

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

  • 2、撰写产品说明书

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

验证自己产品信息架构的合理性;

让团队其他成员更加清楚信息架构;

(五)信息架构推广:用信息架构思路设计页面

在单一页面设计时要刻意练习!

第二章  打造漂亮的流程设计

(一)流程设计的重要性

1. 用户和产品的交互到底是什么?

  • Questions:你的app有几个按钮?你的app有几个页面?用户会用你的app做哪些事情?
  • Answer:我们设计的是用户完成任务的方式

案例:用户怎么打电话?

场景有

 因此设计为:

流程设计:根据用户使用流程进行页面设计的方法。

企业中流程设计还需要考虑什么?

  • 企业有商务目标,因此需要在用户使用流程和业务需求中寻找平衡,以不干扰用户使用流程的方式完成需求。
  • 案例:微信红包春晚合作

2. 优秀的流程设计有什么好处?

  • 增加任务的完成率 ;
  • 让用户更方便地完成任务;
  • 对错误的充分思考;
  • 取得夸张的业务完成度;

(二)如何进行流程设计

1、充分理解业务需求

  • a、业务需要达成的商业目标(eg:易信-利用免费电话这样的刚需功能点,吸引更多的用户,完成社交关系的沉淀)
  • b、业务受到哪些技术和商务限制(eg:易信-免费电话要消耗公司本身资源,实际技术原理为公司支付了用户通话费用,因此无法大量送给所有用户)
  • c、了解业务合作方的需求(eg:某某合作支持了活动,所以希望得到曝光)

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

接触点:和产品或某一渠道发生交互的关键点。(用户看到什么,用户做了什么)

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

一个简单的用户场景,具体的还可能包括人物背景和人物心理。

学会在设计之前写这样的故事,可以在设计页面时更有逻辑。

  • Tip1.为了完成流程设计,需要构思的用户场景有多个,并且要学会合并同类项;
  • Tip2.要顾及头尾,他们是最容易被遗漏的接触点;

3. 梳理接触点

4. 根据流程设计交互稿

5. 处理异常流程

(三)流程设计与交互工作

1、流程设计与信息架构设计的关系

信息架构设计→核心流程设计→信息架构调整→完成所有流程设计

2、流程设计与用户场景的关系

目标用户、业务目标、用户体验目标--用户场景scenario→相应流程设计→一个结合页面的用户场景故事

网易交互设计师微专业C3 规范信息架构与流程设计相关推荐

  1. 前端工程师:交互设计师应具备的基本知识架构

    如果你也是一枚刚入门的交互设计师,是不是常有这样一种感觉:不知从何下手,闷头读了一大堆书.学了一大堆软件.画了一大堆图之后还是感觉心里不踏实,总害怕自己还缺点什么,恨不得要有本<交互设计学习大纲 ...

  2. 小微金融的常规策略架构与流程是什么?

    从3年前开始,小微企业信用贷款受到国家政策的影响,以银行为主的金融机构,不断加大对小微企业融资贷款的支持.2021年大部分信贷场景将继续受到监管严控,小微企业信贷业务会在之后,呈整体上升趋势. 贷前审 ...

  3. 网易web安全工程师进阶网易web安全微专业从基础到进阶

    这套课程是由网易和i春秋联合出品的一套网易web安全工程师进阶教程,课程的质量毋庸置疑,教程是我花了3000元从官网上买的,自己也是学习了这套教程,现在我分享给大家,课程包括网易web安全工程师基础课 ...

  4. 产品经理、交互设计师必备的超赞Web端Axure原型设计组件库、元件库、图表组件库

    本组件库是一套通用型的中后台信息系统原型方案,可以快速扩展并输出标准美观的中后台产品原型,极大的提升输出效率和节省协作成本.方案中提供了几套不同风格和结构的系统框架,并涵盖了大量的常用组件和通用页面模 ...

  5. 交互设计师怎样理解信息架构?

    这篇适合交互设计或者对交互设计感兴趣的小伙伴们看.所以我就不解释信息架构是什么了.今天写一下产品信息架构的思考. 任何产品都有信息架构,或繁杂或简单.在文中讨论的时候,我大致把信息架构分为两种来例证. ...

  6. 网易运营微专业 目录

    之前在网易工作的过程中,有一段时间的工作是要将我这个刚出生的"娃娃"带出来面见大众,可是因为"娃娃"是一个比较小众的产品,推广和运用起来还是有些困难,后期也了解 ...

  7. 交互设计师的这些能力你都具备了吗

    交互设计师是国内最近几年兴起的一个设计岗位,由于在提升产品用户体验方面起到了重要作用,各互联网公司均已设立了这个职位.本文研究了最近各大招聘网站上对高级.资深交互设计师的招聘要求,从而推导他们需要在工 ...

  8. 云计算交互设计师的正确出装姿势

    本文来自网易云社区 作者:李田莉 最近有不少设计师会跟我聊到,做云计算的交互设计与其他设计师有什么区别吗? 我其实也不知道怎么回答,能够记起的最后一次 TC 类的项目已经是两三年前在学校的时候了,工作 ...

  9. 云计算具体计算机任务设计,想成为云计算交互设计师,该具备哪些能力?

    原标题:想成为云计算交互设计师,该具备哪些能力? 最近有不少设计师会跟我聊到,做云计算的交互设计与其他设计师有什么区别吗?我其实也不知道怎么回答,能够记起的最后一次 TC 类的项目已经是两三年前在学校 ...

  10. 云计算机的设计,云计算交互设计师的必备知识!

    作为云计算的交互设计师需要学习哪些?文章为你解答. 最近有不少设计师会跟我聊到,做云计算的交互设计与其他设计师有什么区别吗? 我其实也不知道怎么回答,能够记起的最后一次 TC 类的项目已经是两三年前在 ...

最新文章

  1. 基于视觉惯性里程计的无监督深度补全方法
  2. TCP:SEQ号与ACK号
  3. 【Leetcode】创建链表
  4. java单例模式几种实现方式
  5. Web APi之EntityFramework【CRUD】(三)
  6. WPF Color、String、Brush转换
  7. 搭建主从数据库出现的错误 error connecting to master ‘slave@172.17.0.2:3306‘ - retry-time: 30 retries: 1
  8. 深入理解计算机系统(1)--hello world程序的生命周期
  9. HSRP热备份路由协议配置详解
  10. keli下载报错,是因为没有找到相对应的型号
  11. 贝叶斯决策(Bayesian Decision Theory)
  12. springboot启动报错@Bean definition illegally overridden by existing bean definition
  13. 抖音上热门涨粉的窍门总结出来了,4种方法那种适合你?
  14. 压测学习总结——高并发性能指标:QPS、TPS、RT、吞吐量详解
  15. 重新安装Windows应用商店
  16. 薄膜温室贵不贵,一亩地温室大棚需要花多少钱?
  17. 972信息检索 | 第六章 专业性书目信息检索系统
  18. rabbitmq的exclusive 排他队列
  19. 3dsmax2020安装教程
  20. 基于LPRNet的车牌识别算法移植与测试

热门文章

  1. w7系统桌面没有计算机图标不见了,win7系统桌面图标不见了怎么办?
  2. php怎么使用类库,如何使用 Composer 引用类库
  3. python 视频转图片
  4. LeetCode刷题之1818. 绝对差值和
  5. Microsoft VS Code安装教程
  6. utf8编码在线转换html,utf8 gb2312编码在线转换工具
  7. 小程序UI框架推荐:Vant让你优雅的飞
  8. 爬虫爬取视频指定秒的画面
  9. linux 系统安装Iso,linux系统安装iso文件方法
  10. 网站服务器历史解析记录查询,域名解析ip历史查询