《移动UI设计》课程教学大纲

一、课程基本信息

课程编号:08193410

课程的英文名称:Mobile UI Design

授课对象:教育技术学（数字媒体方向）本科

课程类型:专业任选课

建议学时:总学时数 64学时，其中讲授 48学时，实训 16学时

学分:3.5分

先修课程:交互设计（Interaction Design）

考核方式:考查

二、教学目标和要求

《移动UI设计》是教育技术学（数字媒体方向）本科三大方向之一的用户体验（UX）方向的核心课程之一。《移动UI设计》是UX系列课程的高阶课程，主要围绕移动端APP的UI设计模式展开，是成为一名UI设计师的必修课程。

通过本课程的学习，学生应当达到以下四个目标:一是灵活运用交互设计理论与方法，二是熟悉移动端应用的UI设计模式，三是学会利用专业的设备辅助进行用户研究与可用性测试，四是能够制作出高质量产品原型；同时尽可能的培养学生的“良好的沟通能力和团队协作意识”以及具备与时俱进的设计思维。

三、教学内容、教学方式与课时分配

第1课 UI设计第一课【3学时】

教学内容:

1．课程定位与课程目标

2．课程教材、课程内容与课程考核

3．《交互设计》期末作品交流分享

教学方式:课堂讲授，课堂讨论

第2课 UI设计中的视觉设计【5学时】

教学内容:

1．视觉艺术与视觉设计

2．UI视觉设计基本元素

3．UI视觉设计原则

4．UI视觉信息设计原则

5．一致性与标准

教学方式:课堂讲授，课堂讨论

【专题1】移动UI设计之项目启动篇【1学时】

教学内容:

1．关于设计项目分组

2．关于设计项目选题

3．关于设计项目团队协作时间安排

教学方式:课堂讲授，课堂讨论

【专题2】移动UI设计之用户研究篇【3学时】

教学内容:

1．产品设计研究阶段主要工作

2．用户研究的全新高度——眼动追踪技术

3．用户行为研究

教学方式:课堂讲授，课堂讨论

第3课 移动应用UI设计概述【3学时】

教学内容:

1．移动应用的特点

2．移动端平台

教学方式:课堂讲授，课堂讨论

第4课 导航【3学时】

教学内容:

1．主导航模式

2．次级导航模式

教学方式:课堂讲授，课堂讨论

第5课 表单【3学时】

教学内容:

1．登陆表单

2．注册表单

3．多步骤表单

4．结账表单

教学方式:课堂讲授，课堂讨论

第6课 表格【3学时】

教学内容:

1．基本表格

2．进阶表格

教学方式:课堂讲授，课堂讨论

第7课 搜索、排序和筛选【3学时】

教学内容:

1．搜索模式

2．排序模式

3．筛选模式

教学方式:课堂讲授，课堂讨论

【专题3】 移动UI设计之可用性测试篇【3学时】

教学内容:

1．可用性测试方法

2．眼动测试

3．数据分析

教学方式:课堂讲授，课堂讨论

第8课 工具【3学时】

教学内容:

1．操作系统级工具栏

2．上下文工具栏

教学方式:课堂讲授，课堂讨论

【专题4】 移动UI设计之屏幕尺寸篇【3学时】

教学内容:

1．设计与开发使用的不同尺寸单位

教学方式:课堂讲授，课堂讨论

第9课 图表、引导和视觉吸引【3学时】

教学内容:

1．交互式预览

2．迷你图

3．引导原则

4．视觉吸引

教学方式:课堂讲授，课堂讨论

第10课 社交模式、反馈与功能可见性【2学时】

教学内容:

1．社交注册、连接、关注、个人资料、群组

2．错误提示

3．功能可见性

教学方式:课堂讲授，课堂讨论

【专题5】 移动UI设计之视觉设计规范篇【1学时】

教学内容:

1．视觉设计规范的撰写

教学方式:课堂讲授，课堂讨论

第11课 帮助与反模式【3学时】

教学内容:

1．交互式预览新手引导

2．各种反模式

教学方式:课堂讲授，课堂讨论

UI设计最后一课

第12课 UI设计最后一课【3学时】

教学内容:

1．项目成果汇报

教学方式:课堂讲授，课堂讨论

四、实训环节

五、教材

六、参考书目

版别:2013

制订（修订）:袁旭

审核:袁旭