网易交互设计师微专业C3 规范信息架构与流程设计
如果有需要视频资源的可以关注"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 规范信息架构与流程设计相关推荐
- 前端工程师:交互设计师应具备的基本知识架构
如果你也是一枚刚入门的交互设计师,是不是常有这样一种感觉:不知从何下手,闷头读了一大堆书.学了一大堆软件.画了一大堆图之后还是感觉心里不踏实,总害怕自己还缺点什么,恨不得要有本<交互设计学习大纲 ...
- 小微金融的常规策略架构与流程是什么?
从3年前开始,小微企业信用贷款受到国家政策的影响,以银行为主的金融机构,不断加大对小微企业融资贷款的支持.2021年大部分信贷场景将继续受到监管严控,小微企业信贷业务会在之后,呈整体上升趋势. 贷前审 ...
- 网易web安全工程师进阶网易web安全微专业从基础到进阶
这套课程是由网易和i春秋联合出品的一套网易web安全工程师进阶教程,课程的质量毋庸置疑,教程是我花了3000元从官网上买的,自己也是学习了这套教程,现在我分享给大家,课程包括网易web安全工程师基础课 ...
- 产品经理、交互设计师必备的超赞Web端Axure原型设计组件库、元件库、图表组件库
本组件库是一套通用型的中后台信息系统原型方案,可以快速扩展并输出标准美观的中后台产品原型,极大的提升输出效率和节省协作成本.方案中提供了几套不同风格和结构的系统框架,并涵盖了大量的常用组件和通用页面模 ...
- 交互设计师怎样理解信息架构?
这篇适合交互设计或者对交互设计感兴趣的小伙伴们看.所以我就不解释信息架构是什么了.今天写一下产品信息架构的思考. 任何产品都有信息架构,或繁杂或简单.在文中讨论的时候,我大致把信息架构分为两种来例证. ...
- 网易运营微专业 目录
之前在网易工作的过程中,有一段时间的工作是要将我这个刚出生的"娃娃"带出来面见大众,可是因为"娃娃"是一个比较小众的产品,推广和运用起来还是有些困难,后期也了解 ...
- 交互设计师的这些能力你都具备了吗
交互设计师是国内最近几年兴起的一个设计岗位,由于在提升产品用户体验方面起到了重要作用,各互联网公司均已设立了这个职位.本文研究了最近各大招聘网站上对高级.资深交互设计师的招聘要求,从而推导他们需要在工 ...
- 云计算交互设计师的正确出装姿势
本文来自网易云社区 作者:李田莉 最近有不少设计师会跟我聊到,做云计算的交互设计与其他设计师有什么区别吗? 我其实也不知道怎么回答,能够记起的最后一次 TC 类的项目已经是两三年前在学校的时候了,工作 ...
- 云计算具体计算机任务设计,想成为云计算交互设计师,该具备哪些能力?
原标题:想成为云计算交互设计师,该具备哪些能力? 最近有不少设计师会跟我聊到,做云计算的交互设计与其他设计师有什么区别吗?我其实也不知道怎么回答,能够记起的最后一次 TC 类的项目已经是两三年前在学校 ...
- 云计算机的设计,云计算交互设计师的必备知识!
作为云计算的交互设计师需要学习哪些?文章为你解答. 最近有不少设计师会跟我聊到,做云计算的交互设计与其他设计师有什么区别吗? 我其实也不知道怎么回答,能够记起的最后一次 TC 类的项目已经是两三年前在 ...
最新文章
- 基于视觉惯性里程计的无监督深度补全方法
- TCP:SEQ号与ACK号
- 【Leetcode】创建链表
- java单例模式几种实现方式
- Web APi之EntityFramework【CRUD】(三)
- WPF Color、String、Brush转换
- 搭建主从数据库出现的错误 error connecting to master ‘slave@172.17.0.2:3306‘ - retry-time: 30 retries: 1
- 深入理解计算机系统(1)--hello world程序的生命周期
- HSRP热备份路由协议配置详解
- keli下载报错,是因为没有找到相对应的型号
- 贝叶斯决策(Bayesian Decision Theory)
- springboot启动报错@Bean definition illegally overridden by existing bean definition
- 抖音上热门涨粉的窍门总结出来了,4种方法那种适合你?
- 压测学习总结——高并发性能指标:QPS、TPS、RT、吞吐量详解
- 重新安装Windows应用商店
- 薄膜温室贵不贵,一亩地温室大棚需要花多少钱?
- 972信息检索 | 第六章 专业性书目信息检索系统
- rabbitmq的exclusive 排他队列
- 3dsmax2020安装教程
- 基于LPRNet的车牌识别算法移植与测试