《移動(dòng)UI設(shè)計(jì)》課程教學(xué)大綱

一、課程基本信息

課程編號(hào):08193410

課程的英文名稱:Mobile UI Design

授課對(duì)象:教育技術(shù)學(xué)（數(shù)字媒體方向）本科

課程類型:專業(yè)任選課

建議學(xué)時(shí):總學(xué)時(shí)數(shù) 64學(xué)時(shí),，其中講授 48學(xué)時(shí),，實(shí)訓(xùn) 16學(xué)時(shí)

學(xué)分:3.5分

先修課程:交互設(shè)計(jì)（Interaction Design）

考核方式:考查

二,、教學(xué)目標(biāo)和要求

《移動(dòng)UI設(shè)計(jì)》是教育技術(shù)學(xué)（數(shù)字媒體方向）本科三大方向之一的用戶體驗(yàn)（UX）方向的核心課程之一?！兑苿?dòng)UI設(shè)計(jì)》是UX系列課程的高階課程,，主要圍繞移動(dòng)端APP的UI設(shè)計(jì)模式展開，是成為一名UI設(shè)計(jì)師的必修課程,。

通過本課程的學(xué)習(xí),，學(xué)生應(yīng)當(dāng)達(dá)到以下四個(gè)目標(biāo):一是靈活運(yùn)用交互設(shè)計(jì)理論與方法,，二是熟悉移動(dòng)端應(yīng)用的UI設(shè)計(jì)模式，三是學(xué)會(huì)利用專業(yè)的設(shè)備輔助進(jìn)行用戶研究與可用性測(cè)試,，四是能夠制作出高質(zhì)量產(chǎn)品原型,；同時(shí)盡可能的培養(yǎng)學(xué)生的“良好的溝通能力和團(tuán)隊(duì)協(xié)作意識(shí)”以及具備與時(shí)俱進(jìn)的設(shè)計(jì)思維。

三,、教學(xué)內(nèi)容,、教學(xué)方式與課時(shí)分配

第1課 UI設(shè)計(jì)第一課【3學(xué)時(shí)】

教學(xué)內(nèi)容:

1．課程定位與課程目標(biāo)

2．課程教材、課程內(nèi)容與課程考核

3．《交互設(shè)計(jì)》期末作品交流分享

教學(xué)方式:課堂講授,，課堂討論

第2課 UI設(shè)計(jì)中的視覺設(shè)計(jì)【5學(xué)時(shí)】

教學(xué)內(nèi)容:

1．視覺藝術(shù)與視覺設(shè)計(jì)

2．UI視覺設(shè)計(jì)基本元素

3．UI視覺設(shè)計(jì)原則

4．UI視覺信息設(shè)計(jì)原則

5．一致性與標(biāo)準(zhǔn)

教學(xué)方式:課堂講授,，課堂討論

【專題1】移動(dòng)UI設(shè)計(jì)之項(xiàng)目啟動(dòng)篇【1學(xué)時(shí)】

教學(xué)內(nèi)容:

1．關(guān)于設(shè)計(jì)項(xiàng)目分組

2．關(guān)于設(shè)計(jì)項(xiàng)目選題

3．關(guān)于設(shè)計(jì)項(xiàng)目團(tuán)隊(duì)協(xié)作時(shí)間安排

教學(xué)方式:課堂講授，課堂討論

【專題2】移動(dòng)UI設(shè)計(jì)之用戶研究篇【3學(xué)時(shí)】

教學(xué)內(nèi)容:

1．產(chǎn)品設(shè)計(jì)研究階段主要工作

2．用戶研究的全新高度——眼動(dòng)追蹤技術(shù)

3．用戶行為研究

教學(xué)方式:課堂講授,，課堂討論

第3課 移動(dòng)應(yīng)用UI設(shè)計(jì)概述【3學(xué)時(shí)】

教學(xué)內(nèi)容:

1．移動(dòng)應(yīng)用的特點(diǎn)

2．移動(dòng)端平臺(tái)

教學(xué)方式:課堂講授,，課堂討論

第4課 導(dǎo)航【3學(xué)時(shí)】

教學(xué)內(nèi)容:

1．主導(dǎo)航模式

2．次級(jí)導(dǎo)航模式

教學(xué)方式:課堂講授，課堂討論

第5課 表單【3學(xué)時(shí)】

教學(xué)內(nèi)容:

1．登陸表單

2．注冊(cè)表單

3．多步驟表單

4．結(jié)賬表單

教學(xué)方式:課堂講授,，課堂討論

第6課 表格【3學(xué)時(shí)】

教學(xué)內(nèi)容:

1．基本表格

2．進(jìn)階表格

教學(xué)方式:課堂講授,，課堂討論

第7課 搜索、排序和篩選【3學(xué)時(shí)】

教學(xué)內(nèi)容:

1．搜索模式

2．排序模式

3．篩選模式

教學(xué)方式:課堂講授,，課堂討論

【專題3】 移動(dòng)UI設(shè)計(jì)之可用性測(cè)試篇【3學(xué)時(shí)】

教學(xué)內(nèi)容:

1．可用性測(cè)試方法

2．眼動(dòng)測(cè)試

3．數(shù)據(jù)分析

教學(xué)方式:課堂講授,，課堂討論

第8課 工具【3學(xué)時(shí)】

教學(xué)內(nèi)容:

1．操作系統(tǒng)級(jí)工具欄

2．上下文工具欄

教學(xué)方式:課堂講授，課堂討論

【專題4】 移動(dòng)UI設(shè)計(jì)之屏幕尺寸篇【3學(xué)時(shí)】

教學(xué)內(nèi)容:

1．設(shè)計(jì)與開發(fā)使用的不同尺寸單位

教學(xué)方式:課堂講授,，課堂討論

第9課 圖表,、引導(dǎo)和視覺吸引【3學(xué)時(shí)】

教學(xué)內(nèi)容:

1．交互式預(yù)覽

2．迷你圖

3．引導(dǎo)原則

4．視覺吸引

教學(xué)方式:課堂講授，課堂討論

第10課 社交模式,、反饋與功能可見性【2學(xué)時(shí)】

教學(xué)內(nèi)容:

1．社交注冊(cè),、連接、關(guān)注,、個(gè)人資料,、群組

2．錯(cuò)誤提示

3．功能可見性

教學(xué)方式:課堂講授，課堂討論

【專題5】 移動(dòng)UI設(shè)計(jì)之視覺設(shè)計(jì)規(guī)范篇【1學(xué)時(shí)】

教學(xué)內(nèi)容:

1．視覺設(shè)計(jì)規(guī)范的撰寫

教學(xué)方式:課堂講授,，課堂討論

第11課 幫助與反模式【3學(xué)時(shí)】

教學(xué)內(nèi)容:

1．交互式預(yù)覽新手引導(dǎo)

2．各種反模式

教學(xué)方式:課堂講授,，課堂討論

UI設(shè)計(jì)最后一課

第12課 UI設(shè)計(jì)最后一課【3學(xué)時(shí)】

教學(xué)內(nèi)容:

1．項(xiàng)目成果匯報(bào)

教學(xué)方式:課堂講授，課堂討論

四,、實(shí)訓(xùn)環(huán)節(jié)

五,、教材

六,、參考書目

版別:2013

制訂（修訂）:袁旭

審核:袁旭