课程大纲
时间 | 主题 | 内容 |
第一天 | 一、用户体验设计基础 | 1.用户体验的基本要素 2.用户体验设计流程 3. 基于互联网思维的用户体验设计 4.创新思维驱动新产品 5.用户研究与移动终端研究 6.对比:Android与IOS用户体验差异性 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. 实践:快速图标设计实践 |