《移动ui设计》是教育技术学(数字媒体方向)本科三大方向之一的用户体验(ux)方向的核心课程之一。《移动ui设计》是ux系列课程的高阶课程,主要围绕移动端app的ui设计模式展开,是成为一名ui设计师的必修课程。
通过本课程的学习,学生应当达到以下四个目标:一是灵活运用交互设计理论与方法,二是熟悉移动端应用的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.项目成果汇报
教学方式:课堂讲授,课堂讨论
四、实训环节
序号 | 实训名称 | 实训内容 | 实训课时 |
1 | 移动端app可用性测试(ios) | 移动端app可用性测试(ios)的设计与实施 | 4 |
2 | 移动端app可用性测试(android) | 移动端app可用性测试(android)的设计与实施 | 4 |
3 | 移动端app可用性测试(windows mobile) | 移动端app可用性测试(windows mobile)的设计与实施 | 4 |
4 | 课程期末作品可用性测试 | 课程期末作品可用性测试的设计与实施 | 4 |
五、教材
教材名称 | 作者 | 出版社 | 出版日期 | isbn | |
1 | 移动应用ui设计模式(第2版) | [美] theresa neil 著;田原 译 | 人民邮电出版社 | 2015-01-01 | 9787115377906 |
六、参考书目
参考书目 | 作者 | 出版社 | 出版日期 | isbn | |
1 | 界面设计模式(第2版) | jenifer tidwell 著;de dream 译 | 电子工业出版社 | 2016-01-01 | 9787121204067 |
版别:2013
制订(修订):袁旭
审核:袁旭