《移動UI設(shè)計》課程教學(xué)大綱

一、課程基本信息

課程編號:08193410

課程的英文名稱:Mobile UI Design

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

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

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

學(xué)分:3.5分

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

考核方式:考查

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

【專題1】移動UI設(shè)計之項目啟動篇【1學(xué)時】

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

1．關(guān)于設(shè)計項目分組

2．關(guān)于設(shè)計項目選題

3．關(guān)于設(shè)計項目團隊協(xié)作時間安排

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

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

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

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

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

3．用戶行為研究

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

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

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

1．移動應(yīng)用的特點

2．移動端平臺

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

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

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

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

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

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

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

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

1．登陸表單

2．注冊表單

3．多步驟表單

4．結(jié)賬表單

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

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

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

1．基本表格

2．進階表格

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

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

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

1．搜索模式

2．排序模式

3．篩選模式

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

【專題3】 移動UI設(shè)計之可用性測試篇【3學(xué)時】

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

1．可用性測試方法

2．眼動測試

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

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

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

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

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

2．上下文工具欄

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

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

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

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

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

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

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

1．交互式預(yù)覽

2．迷你圖

3．引導(dǎo)原則

4．視覺吸引

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

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

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

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

2．錯誤提示

3．功能可見性

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

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

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

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

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

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

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

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

2．各種反模式

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

UI設(shè)計最后一課

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

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

1．項目成果匯報

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

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

五、教材

六、參考書目

版別:2013

制訂（修訂）:袁旭

審核:袁旭