4006-998-758
3000+课程任你选择
产品原型设计
产品学院 体系架构设计 产品经理 开课时间:2021-07-03
杨秀峰

1.研究生毕业后进入中科院软件所工作5年

2.从中科院软件所到北京微软工作3年

3.从微软出来之后,组建跨地区异地、远程协作的研发团队,一直持续工作到现在,承接大量外包项目。为了方便团队管理,搭建了两台团队过程管理服务器,全国185位开发者远程连接到这两台服务器进行协同工作,积累了大量的过程管理的数据,对项目管理、过程管理改进提供详实的数据。

4.自中科院软件所工作时,开始上讲台讲课,一直持续到今天,能够讲述70多门课程,形成了自己独特的讲课风格,A4纸动手实践方法、电子白板的归纳演绎的授课方式、基于精彩小视频的反转课程方法、思维训练的课程讨论方法、来自多家企业咨询经验的课程植入等等课程技巧与方法。

5.通过课程传授受到多家企业的认可,承接多家IT企业的咨询工作,包括CMMI咨询、Agile咨询、项目管理咨询、功能点估算咨询、UI与UE咨询,形成一套完成的方法论,帮助这些企业提升了效率与质量,同时也促进了课程的效果。


查看老师详情
课程内容


课程大纲


时间

主题

内容

第一天

一、用户体验设计基础

1.用户体验的基本要素

2.用户体验设计流程

3. 基于互联网思维的用户体验设计

4.创新思维驱动新产品

5.用户研究与移动终端研究

6.对比:AndroidIOS用户体验差异性

7.案例分享:淘宝网站10年的用户体验变迁分析

从功能集合到原型设计

1. 眼睛的视线、聚焦刺激相关的规律

2.使用原型提炼设计的想法

3. 纸上原型、线框图、故事板与动画方式

4. 产品草图、原型图的差异与使用思路

5. 使用原型本进行草图绘制

6. 产品草图的精细化处理

7. 利用Axure进行高保真原型图制作

信息架构

 

1. 构成界面信息元素分类树

2. 按照分类树分析界面构成信息元素

3. 制作界面信息元素卡片

4. 界面信息卡片分类-归纳界面信息主题

5. 人类眼睛的阅读视线规律

6. 界面信息主题阅读次序编排

7. 给用户功能的一个起始点  

8. 使用信息地图、信息流程图和线框图表达信息架构

9. 信息架构与真实的用户心理模型相一致

10. 实践:Web产品信息架构设计

四、界面区域的切割划分策略

1. 基于栅格的界面区域切割策略

2. 界面区域的比例关系设计

3. 惯性区域的位置放置

4. Metro风格的Web布局

5. 扁平化风格的Web布局

6. 静态、自适应、流式、响应式四种Web布局

7. 实践:Web产品界面布局设计实践

第二天

五、界面信息元素的排版

1. 内容元素的对齐方式决策阅读时间.

2. 表格元素与图像元素排版方式

3. 交互元素的位置、主次与形式

4. 反馈元素的位置与形式

5. 帮助元素的位置与形式

6. 人类眼睛聚焦位置与阅读起始位置

7. 实践:Web产品信息元素排版实践

六、交互设计

1. 寻找最简操作方式-产品操作方式变换

2. 用户操作次数最少-产品操作的减法

3. 满足专业用户的要求-产品操作的加法

4. 减少用户阅读的时间-操作路径的规划

5. 预置用户期望的操作-操作位置的安排

6. 给出用户操作的起始点-操作起点的位置

7. 让用户知晓当前的操作-特殊标注当前操作的位置

8. 用户微交互设计

9. 实践:Web产品界面交互设计

七、界面的颜色设计

1. 颜色性格与使用者的性格

2. 界面元素的颜色分类强调元素、关键元素等.

3. 界面元素颜色搭配原则与决策

4. 民族颜色与行业颜色对界面颜色的影响

5. 如何满足用户对颜色的个性化要求

6. 案例:讨论一款电子白板设备软件的界面颜色设计

八、界面的呈现设计

1. 如何选择适合界面展现的字型

2. 依据用户阅读距离来规划文字的大小

3. 界面中文字间距(“不松也不紧的设计)

4. 使用用户语言表达界面中的文字看得懂的界面.

5. 界面元素呈现形式决策与设计-界面控件

6. 界面控件树与自动排版-美的算法

6. 讨论:移动APP在不同屏幕下文字大小自适应

7. 实践:Web界面的设计

九、界面的图标图像设计

1. 快速敏捷的图标图像设计

2. 选择适合于自己的图标图像编著的工具

3. 图标图像在界面中如何编排?

4. 图标语义符号系统设计从语义提炼符号系统.

5. 图标图像的艺术化处理

6. 案例:研究Office图标编排中蕴含的策略

7. 实践:快速图标设计实践


返回上一级