《移動UI設計》課程教學大綱

一,、課程基本信息

課程編號:08193410

課程的英文名稱:Mobile UI Design

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

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

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

學分:3.5分

先修課程:交互設計（Interaction Design）

考核方式:考查

二,、教學目標和要求

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

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

三、教學內容,、教學方式與課時分配

第1課 UI設計第一課【3學時】

教學內容:

1．課程定位與課程目標

2．課程教材,、課程內容與課程考核

3．《交互設計》期末作品交流分享

教學方式:課堂講授，課堂討論

第2課 UI設計中的視覺設計【5學時】

教學內容:

1．視覺藝術與視覺設計

2．UI視覺設計基本元素

3．UI視覺設計原則

4．UI視覺信息設計原則

5．一致性與標準

教學方式:課堂講授，課堂討論

【專題1】移動UI設計之項目啟動篇【1學時】

教學內容:

1．關于設計項目分組

2．關于設計項目選題

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

教學方式:課堂講授,，課堂討論

【專題2】移動UI設計之用戶研究篇【3學時】

教學內容:

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

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．數(shù)據(jù)分析

教學方式:課堂講授，課堂討論

第8課 工具【3學時】

教學內容:

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

2．上下文工具欄

教學方式:課堂講授,，課堂討論

【專題4】 移動UI設計之屏幕尺寸篇【3學時】

教學內容:

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

教學方式:課堂講授,，課堂討論

第9課 圖表、引導和視覺吸引【3學時】

教學內容:

1．交互式預覽

2．迷你圖

3．引導原則

4．視覺吸引

教學方式:課堂講授,，課堂討論

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

教學內容:

1．社交注冊、連接,、關注,、個人資料、群組

2．錯誤提示

3．功能可見性

教學方式:課堂講授,，課堂討論

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

教學內容:

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

教學方式:課堂講授,，課堂討論

第11課 幫助與反模式【3學時】

教學內容:

1．交互式預覽新手引導

2．各種反模式

教學方式:課堂講授，課堂討論

UI設計最后一課

第12課 UI設計最后一課【3學時】

教學內容:

1．項目成果匯報

教學方式:課堂講授,，課堂討論

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

五、教材

六,、參考書目

版別:2013

制訂（修訂）:袁旭

審核:袁旭