课程简介 course introduction

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

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


教学大纲 teaching syllabus

移动ui设计-k8凯发旗舰

一、课程基本信息

课程编号:08193410

课程的英文名称:mobile ui design

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

课程类型:专业任选课

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

学分:3.5

先修课程:交互设计(interaction design

考核方式:考查

二、教学目标和要求

《移动ui设计》是教育技术学(数字媒体方向)本科三大方向之一的用户体验(ux)方向的核心课程之一。《移动ui设计》是ux系列课程的高阶课程,主要围绕移动端appui设计模式展开,是成为一名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

制订(修订):袁旭

审核:袁旭


留言板 message board
共条留言  共 页

  • 参与互动
    interaction

  • 扫码加入课程
    scan qr code
教学资源resources ...
  • . 73个月前
教学队伍teaching members
需要验证您的身份,请输入请求信息:
  • 学号号:
  • 班级选择:
  • 附注信息:

扫一扫二维码,快速加入本课程!

查看使用方法
课程
引导
网站地图