第一篇：數(shù)字交互設(shè)計(jì)

《數(shù)字交互設(shè)計(jì)》教學(xué)大綱

課程名稱：數(shù)字交互設(shè)計(jì) 課程類型：專業(yè)方向課 課程編號(hào)：134081

學(xué)時(shí)數(shù)及學(xué)分：總32學(xué)時(shí)，2學(xué)分，其中講課8學(xué)時(shí)，上機(jī)24學(xué)時(shí)。

教材名稱及作者、出版社、出版時(shí)間：《Adobe Flash CS4 ActionScript 3.0中文版經(jīng)典教程》 美國(guó)Adobe公司著，井中月譯，人民郵電出版社，2009年8月 本大綱主筆人：劉云安

本大綱審定人：數(shù)字媒體學(xué)院學(xué)術(shù)委員會(huì)

一、課程的目的、要求和任務(wù)

1．通過(guò)本課程的學(xué)習(xí)，讓學(xué)生認(rèn)識(shí)到新媒體的數(shù)字化、集成化和交互性特點(diǎn)。2．讓學(xué)生了解人機(jī)交互的歷史、發(fā)展現(xiàn)狀及趨勢(shì)。了解交互界面和交互設(shè)備。

3．了解人機(jī)界面的定義、起源、發(fā)展、研究?jī)?nèi)容及發(fā)展趨勢(shì)。熟悉相關(guān)學(xué)科及知識(shí)，掌握人機(jī)界面設(shè)計(jì)中認(rèn)知心理學(xué)、人機(jī)工程學(xué)、人機(jī)界面的藝術(shù)設(shè)計(jì)、色彩設(shè)計(jì)等。

4．結(jié)合移動(dòng)互聯(lián)技術(shù)、物聯(lián)網(wǎng)技術(shù)以及多點(diǎn)觸摸、體感等人機(jī)交互技術(shù)，讓學(xué)生的設(shè)計(jì)作品在跨媒體平臺(tái)上與用戶交互。通過(guò)創(chuàng)新的交互模式，促進(jìn)人與數(shù)字媒體內(nèi)容交互的過(guò)程中達(dá)成良好的用戶體驗(yàn)。

為達(dá)到上述目的和要求，在教學(xué)內(nèi)容和課程設(shè)置上，應(yīng)注意以下有關(guān)問(wèn)題：

1．該課程按照從簡(jiǎn)到繁、循序漸進(jìn)、整體系統(tǒng)的原則進(jìn)行教學(xué)，將課堂講授、案例分析和實(shí)踐作業(yè)三者相結(jié)合，既注重理論基礎(chǔ)又注重技術(shù)操作。

2．堂上授課、集中討論、分組實(shí)踐的方式進(jìn)行教學(xué)。

3．課程高度重視藝術(shù)和技術(shù)的融合，面向行業(yè)應(yīng)用，緊隨技術(shù)的發(fā)展。4．平時(shí)作業(yè)不少于4次，期末作品1次。

二、課程主要內(nèi)容及學(xué)時(shí)分配

第一講

緒論（2學(xué)時(shí)）

一、交互設(shè)計(jì)概述

二、課程內(nèi)容介紹

第二講

新媒體及其交互性（4學(xué)時(shí)）

一、新媒體的發(fā)展與數(shù)字內(nèi)容的涌現(xiàn)

二、新媒體的可交互性

三、人機(jī)界面

四、Web界面設(shè)計(jì)實(shí)驗(yàn)

第三講

人機(jī)交互技術(shù)概述（4學(xué)時(shí)）

一、人機(jī)交互的概念、發(fā)展歷史及趨勢(shì)

二、人機(jī)交互與其他學(xué)科的關(guān)系（認(rèn)知心理學(xué) 計(jì)算機(jī)圖形技術(shù) 多媒體技術(shù) 虛擬現(xiàn)實(shí)技術(shù)）

三、交互設(shè)備與交互界面

四、鼠標(biāo)與鍵盤交互試驗(yàn)。鼠標(biāo)跟隨效果實(shí)驗(yàn) 第四講

交互設(shè)計(jì)的方法與設(shè)計(jì)評(píng)價(jià)（6學(xué)時(shí)）

一、可交互的數(shù)字內(nèi)容

二、事件與響應(yīng)

三、交互設(shè)計(jì)的流程和方法

四、交互設(shè)計(jì)的評(píng)價(jià)。人機(jī)界面設(shè)計(jì)的測(cè)試和評(píng)價(jià)的意義、設(shè)計(jì)準(zhǔn)則、人機(jī)界面的測(cè)試、界面設(shè)計(jì)評(píng)價(jià)、硬件人機(jī)界面設(shè)計(jì)評(píng)價(jià)、軟件人機(jī)界面設(shè)計(jì)評(píng)價(jià)與可用性測(cè)試

五、互動(dòng)小游戲設(shè)計(jì)實(shí)驗(yàn)。碰撞檢測(cè)與定時(shí)器實(shí)驗(yàn) 第五講

人機(jī)界面設(shè)計(jì)（5學(xué)時(shí)）

一、人機(jī)界面概述。人機(jī)界面的定義、起源、發(fā)展；人機(jī)界面學(xué)的研究?jī)?nèi)容；人機(jī)界面的設(shè)計(jì)的發(fā)展趨勢(shì)；20世紀(jì)最偉大的10種人機(jī)界面裝置。

二、軟件人機(jī)界面概述、軟件人機(jī)界面的形式與標(biāo)準(zhǔn)、軟件人機(jī)界面設(shè)計(jì)、web界面設(shè)計(jì)、圖標(biāo)設(shè)計(jì)。

三、Flash跳轉(zhuǎn)函數(shù)--控制播放器實(shí)驗(yàn) 第六講

驅(qū)動(dòng)數(shù)字內(nèi)容（4學(xué)時(shí)）

一、鼠標(biāo)與鍵盤

二、體感交互

三、多點(diǎn)觸摸交互模式設(shè)計(jì)實(shí)驗(yàn) 第七講

flash互動(dòng)媒體設(shè)計(jì)（5學(xué)時(shí)）

一、flash多媒體資源整合設(shè)計(jì)

二、flash創(chuàng)意網(wǎng)站設(shè)計(jì)

三、進(jìn)度條、聲音和背景音樂(lè)的控制與Flash跳轉(zhuǎn)函數(shù)——控制播放器實(shí)驗(yàn) 第八講

html5 web交互創(chuàng)意表現(xiàn)（2學(xué)時(shí)）

一、html5畫布

二、html5移動(dòng)媒體創(chuàng)意設(shè)計(jì)

三、與其他課程的關(guān)系

本課程與《flash動(dòng)畫設(shè)計(jì)》、《人機(jī)交互技術(shù)》、《web編程》等課程具有密切的學(xué)術(shù)關(guān)聯(lián)。這些課程之間既有理論上的相互聯(lián)系，也在實(shí)際操作上具有千絲萬(wàn)縷的關(guān)系。學(xué)生可以在這些課程之間進(jìn)行知識(shí)與技術(shù)的相互遷移與會(huì)通，這將對(duì)數(shù)字媒體藝術(shù)創(chuàng)作素養(yǎng)的培養(yǎng)能夠起到積極的作用。

四、考核方式

1、期末作品考查，占總成績(jī)的60%；

2、平時(shí)成績(jī)（出勤、課堂作業(yè)等）占總成績(jī)的40%。

五、參考書目

[1]《HTML&XHTML權(quán)威指南（第六版）》（美）穆西亞諾，（美）肯尼迪著，張洪濤，邢璐譯 清華大學(xué)出版社，2007年版。

[2]《javascript高效圖形編程》（美），Raffaele Cecco 著 徐鵬飛 譯，人民郵電出版社，2012年版。

[3]《Adobe Flash CS4 ActionScript 3.0中文版經(jīng)典教程》 美國(guó)Adobe公司著，井中月譯，人民郵電出版社，2009年版。

[4]《人機(jī)界面設(shè)計(jì)》，周蘇、左伍衡、王文、徐新愛(ài) 等編著，科學(xué)出版社, 2007年版。[5]《Human-Computer Interaction Second Edition》，迪克斯（英），電子工業(yè)出版社，2003年版。

六、課程所需設(shè)備

多媒體教學(xué)系統(tǒng)、數(shù)據(jù)手套、android平板電腦。

第二篇：交互設(shè)計(jì)心得整理

交互設(shè)計(jì)心得整理

長(zhǎng)期以來(lái)我就有對(duì)幾年來(lái)交互設(shè)計(jì)的心得進(jìn)行總結(jié)整理的想法。回到中國(guó)來(lái)親身體會(huì)到不少同行，主要是交互設(shè)計(jì)師和視覺(jué)設(shè)計(jì)師對(duì)于交互設(shè)計(jì)的困惑，以及其他行業(yè)對(duì)于交互設(shè)計(jì)的誤解和濫用。后來(lái)我在小范圍內(nèi)開(kāi)設(shè)了一個(gè)關(guān)于交互設(shè)計(jì)的講座；現(xiàn)在把它整理成文，希望與同行切磋，共同進(jìn)步。

這篇文章是我?guī)啄陙?lái)在美國(guó)從事交互設(shè)計(jì)工作的一個(gè)經(jīng)驗(yàn)總結(jié)。當(dāng)時(shí)我們遵循以用戶為中心（User-Centered-Design, 簡(jiǎn)稱UCD）的設(shè)計(jì)原則，每一個(gè)項(xiàng)目都是不折不扣的按所有UCD的步驟進(jìn)行。下面總結(jié)的交互設(shè)計(jì)的方法，是從UCD的過(guò)程中提煉出來(lái)，也就是說(shuō)，同樣適用于任何非UCD的設(shè)計(jì)過(guò)程。交互設(shè)計(jì)的流程

如果一提到交互設(shè)計(jì)，你就想到畫線框圖或原型圖，那你只對(duì)了五分之一。交互設(shè)計(jì)是一個(gè)過(guò)程，從開(kāi)始到結(jié)束有一套系統(tǒng)的流程。原型圖只是其中的一個(gè)環(huán)節(jié)。

當(dāng)接到一個(gè)設(shè)計(jì)項(xiàng)目，怎么開(kāi)始？都應(yīng)該做哪些工作？怎樣盡可能的保證交付物滿足既定的功能以及用戶體驗(yàn)層面的易用性？

第一步，是任務(wù)分析，列出界面所要完成的所有任務(wù)。第二步按各任務(wù)確定頁(yè)面流程，建立信息架構(gòu)。接下來(lái)是創(chuàng)建統(tǒng)一的頁(yè)面布局包括分區(qū)等。然后在頁(yè)面布局的基礎(chǔ)上進(jìn)行原型設(shè)計(jì)，可以是低保真和高保真的原型圖。最后編寫設(shè)計(jì)說(shuō)明。下面以設(shè)計(jì)一款動(dòng)感相冊(cè)界面為例，逐步講解各個(gè)環(huán)節(jié)。1.任務(wù)分析

第一步任務(wù)分析。這里要做的是對(duì)于將要設(shè)計(jì)的這個(gè)新界面的所有任務(wù)的分析，也就是用戶在界面上能進(jìn)行的所有操作。這個(gè)分析在功能需求的基礎(chǔ)上進(jìn)行，需求方一般提供一個(gè)功能點(diǎn)的列表。

任務(wù)分析最常見(jiàn)的是任務(wù)列表，另外有任務(wù)流程和任務(wù)場(chǎng)景等。下面以任務(wù)列表為例。列出所有主要任務(wù)，以及每個(gè)主要任務(wù)的子任務(wù)。再把子任務(wù)細(xì)分到各個(gè)步驟。形成下面這個(gè)列表。主要任務(wù)1 子任務(wù)1 步驟1 步驟2 子任務(wù)2 步驟1 步驟2 主要任務(wù)2 …

以動(dòng)感相冊(cè)為例，任務(wù)分析列表如下：

1.瀏覽相冊(cè) 1)瀏覽相冊(cè)列表 2)選擇相冊(cè) 3)瀏覽照片 2.創(chuàng)建新相冊(cè) 1)添加照片 a)選擇已有相冊(cè) b)選擇照片 c)排列順序 d)添加字幕文字 e)選擇動(dòng)畫效果 2)添加模板 a)瀏覽模板 b)選擇模板 3)添加音樂(lè) a)瀏覽音樂(lè)列表 I.試聽(tīng)音樂(lè) II.選擇音樂(lè) b)增加新音樂(lè) I.打開(kāi)本地文件 II.選擇音樂(lè) 4)預(yù)覽（略）… 5)命名（略）… 6)保存（略）… 3.修改相冊(cè)（略）…

任務(wù)列表包括所有功能點(diǎn)，并對(duì)每一個(gè)功能點(diǎn)的邏輯關(guān)系進(jìn)行整合。必要時(shí)會(huì)對(duì)各任務(wù)的使用頻率和其它影響設(shè)計(jì)的重要因素進(jìn)行分析，這里不做解釋了。2.頁(yè)面流程

任務(wù)分析完成后，進(jìn)入設(shè)計(jì)的第一步，即設(shè)計(jì)頁(yè)面流程。頁(yè)面流程是設(shè)計(jì)的開(kāi)始，也是重要的一環(huán)。它決定整個(gè)界面的信息架構(gòu)和操作邏輯。頁(yè)面流程是上一步任務(wù)分析的自然轉(zhuǎn)化。一般來(lái)說(shuō)，一個(gè)主要任務(wù)就是一個(gè)頁(yè)面，其它子任務(wù)也可以轉(zhuǎn)化為頁(yè)面。

以動(dòng)感相冊(cè)為例，頁(yè)面流程如下：

頁(yè)面幾乎是把任務(wù)分析照搬過(guò)來(lái)了。所以上一步做好了，這一步很輕松，而且越往后越輕松。注意這個(gè)流程圖應(yīng)該包括所有將要設(shè)計(jì)的新頁(yè)面，一個(gè)不少，一個(gè)不多。它不僅確定頁(yè)面內(nèi)容，頁(yè)面數(shù)量，還確定各頁(yè)面之間的關(guān)系。如果在后來(lái)設(shè)計(jì)具體頁(yè)面原型時(shí)，發(fā)現(xiàn)這個(gè)流程圖多了或少了頁(yè)面，或者頁(yè)面關(guān)系發(fā)生了變化，說(shuō)明你的功夫不到家（這個(gè)比較難，我一般不苛求我們的設(shè)計(jì)師）。根據(jù)原型圖來(lái)創(chuàng)建或者修改頁(yè)面流程圖，不是在做設(shè)計(jì)，而是在寫設(shè)計(jì)說(shuō)明。3.頁(yè)面布局

第三步頁(yè)面布局是具體頁(yè)面設(shè)計(jì)的開(kāi)始，在上一步知道有哪些頁(yè)面需要進(jìn)行設(shè)計(jì)后，這里對(duì)頁(yè)面進(jìn)行劃分，對(duì)內(nèi)容進(jìn)行組織。最重要的一點(diǎn)是確定頁(yè)面分區(qū)。以動(dòng)感相冊(cè)為例，頁(yè)面布局如下： 總布局，即通用布局，適合所有頁(yè)面。

具體頁(yè)面布局，在不與總布局沖突的情況下，有更細(xì)節(jié)的布局。

頁(yè)面布局賦予零碎的內(nèi)容以邏輯性，以分區(qū)的形式把頁(yè)面各區(qū)域所對(duì)應(yīng)的功能區(qū)確定下來(lái)，減少具體設(shè)計(jì)時(shí)的隨意性。這是設(shè)計(jì)嚴(yán)謹(jǐn)與否的表現(xiàn)所在。把類似的操作放在一起，對(duì)于用戶來(lái)說(shuō)是可以預(yù)見(jiàn)的，用戶能夠判斷哪個(gè)操作在哪個(gè)區(qū)域，減少盲目尋找?guī)?lái)的困難和疑惑。4.原型設(shè)計(jì) 這一步是大家熟知的，即具體頁(yè)面的設(shè)計(jì)。這一步設(shè)計(jì)把所有的界面元素表現(xiàn)出來(lái)?？梢杂械捅Ｕ婧透弑Ｕ嬖蛨D。低保真即是線框圖，高保真多是接近最終效果圖。下面是動(dòng)感相冊(cè)的低保真原型圖。

5.設(shè)計(jì)說(shuō)明

最后一步需要做的是對(duì)所有頁(yè)面進(jìn)行詳細(xì)的描述，包括對(duì)頁(yè)面上所有元素進(jìn)行說(shuō)明，比如默認(rèn)狀態(tài)，跳轉(zhuǎn)頁(yè)面，字號(hào)字體，尺寸等。這里就不解釋了。這是交給開(kāi)發(fā)人員的文檔，以及測(cè)試人員進(jìn)行測(cè)試的依據(jù)。小結(jié)

交互設(shè)計(jì)是一個(gè)過(guò)程，它不僅僅是畫線框圖。交互設(shè)計(jì)最關(guān)鍵的兩個(gè)環(huán)節(jié)是頁(yè)面流程和頁(yè)面布局，前者建立清晰的架構(gòu)和嚴(yán)密的邏輯，后者整合零散的信息并確定分明的主次關(guān)系。這一切都是為了我們的終極目標(biāo)——讓我們的界面符合用戶的預(yù)期，不帶給他們?nèi)魏蔚囊馔?。一切都在用戶的意料之中?/p>

第三篇：交互設(shè)計(jì)檔案

交互設(shè)計(jì)師的基本素質(zhì)

首先，談?wù)勎覀€(gè)人對(duì)交互設(shè)計(jì)師基本素質(zhì)的看法。從我個(gè)人的理解來(lái)看，可以簡(jiǎn)單歸納為九字訣：“聽(tīng)、看、想、說(shuō)、磨、做、驗(yàn)、寫、講”（如圖1.1）。

圖1.1 1）聽(tīng)：做一個(gè)交互設(shè)計(jì)師，最重要的一點(diǎn)就是要懂得傾聽(tīng)（這里蘊(yùn)藏了一個(gè)隱晦的性格屬性：謙虛?。?。通常情況下，我們不是用戶，所以很難 100%代表用戶，更左右不了老板，所以我們首先要有聽(tīng)的本事，把來(lái)自用戶的、老板的、PD的、視覺(jué)的、前端的、開(kāi)發(fā)的、測(cè)試的、市場(chǎng)的、業(yè)界的等各方面的聲音都聽(tīng)過(guò)來(lái)，聽(tīng)進(jìn)去。

2）看：99%的情況下，交互不是一蹴而就的創(chuàng)造工作，它是站在前人肩膀上不斷迭代更新的行為過(guò)程。我這里指的“看”是要求設(shè)計(jì)師能博覽、能泛獵，看到好的，見(jiàn)過(guò)差的，什么都略懂，交互才能變得很美??

3）想：交互是思考的輸出產(chǎn)物和表現(xiàn)形式。當(dāng)設(shè)計(jì)師將之前聽(tīng)到的和看到的內(nèi)容在頭腦中加以整理、分析，經(jīng)過(guò)發(fā)散的創(chuàng)造性碰撞和嚴(yán)謹(jǐn)?shù)倪壿嬚撟C后，逐漸得到了相對(duì)靠譜的交互產(chǎn)物。這個(gè)思索分析的過(guò)程貫穿于交互設(shè)計(jì)工作流程的每個(gè)環(huán)節(jié)。

4）說(shuō)：一個(gè)能說(shuō)會(huì)道的人不一定是一個(gè)優(yōu)秀的交互設(shè)計(jì)師，但一個(gè)優(yōu)秀的交互設(shè)計(jì)師必然是一個(gè)善于準(zhǔn)確表達(dá)自己想法和觀點(diǎn)的人。在這一點(diǎn)上，我堅(jiān)持交互是一門分享的學(xué)科，需要的是開(kāi)放的性格和良好的溝通技巧。

5）磨：耐心、技巧、熱情的綜合表現(xiàn)。在一個(gè)項(xiàng)目的進(jìn)程中，不可避免的會(huì)面臨很多的挑戰(zhàn)，優(yōu)秀的交互設(shè)計(jì)師善于發(fā)揮“磨”的精神，他們懷揣對(duì)交互專業(yè)的無(wú)比熱情，以無(wú)所不用其極的技巧，耐心的纏死一個(gè)又一個(gè)質(zhì)疑方，最終讓大家認(rèn)同并幫助推動(dòng)設(shè)計(jì)的實(shí)現(xiàn)。通常來(lái)說(shuō)，一個(gè)優(yōu)秀的交互設(shè)計(jì)師會(huì)是一個(gè)優(yōu)秀的Idea推銷員。

6）做：交互設(shè)計(jì)師專業(yè)度的核心表現(xiàn)。俗語(yǔ)說(shuō)得好，是騾子是馬，牽出來(lái)遛遛。對(duì)于交互設(shè)計(jì)師來(lái)說(shuō)，之前的環(huán)節(jié)做得再好、再完美，也只是停留在設(shè)計(jì)師自己的腦子里，游蕩于聽(tīng)眾們的耳膜間。如果理論落實(shí)不到實(shí)際，那所有的想法都只是空中樓閣，你之前所有的努力都只是在佐證你的空泛和不切實(shí)際。所以我們不僅要能 “做”，更要“做”得漂亮，“做”得完美！我一直都是這樣認(rèn)為：“做”決定了一個(gè)交互設(shè)計(jì)師是不是靠譜，決定了一個(gè)交互設(shè)計(jì)師的高度，是一個(gè)交互設(shè)計(jì)師最根本的專業(yè)素質(zhì)。

7）驗(yàn)：用戶體驗(yàn)設(shè)計(jì)，最終是要落實(shí)到用戶的身上的。客觀中立的驗(yàn)證、分析、評(píng)估能力是一個(gè)優(yōu)秀交互設(shè)計(jì)師的重要素質(zhì)。無(wú)論個(gè)人還是團(tuán)隊(duì)，設(shè)計(jì)的成果都需要通過(guò)精準(zhǔn)的測(cè)試才能算得上合乎標(biāo)準(zhǔn)，此時(shí)，一顆平常心和一雙敏銳的眼睛是設(shè)計(jì)師最需要的。

8）寫：分析、歸納和總結(jié)能力的綜合表現(xiàn)。一個(gè)項(xiàng)目，無(wú)論成功還是失敗，總是有很多地方值得設(shè)計(jì)師本人或后來(lái)人借鑒。交互設(shè)計(jì)之路不是一座苛求零失誤的獨(dú)木橋，但絕對(duì)是一條要求零“重復(fù)”失誤的單行線。評(píng)價(jià)一個(gè)設(shè)計(jì)師的專業(yè)度，很重要的一環(huán)就是看他能不能多犯前人從來(lái)沒(méi)有犯過(guò)的錯(cuò)誤，并能有效總結(jié)給后來(lái)人。于是，他就成了大家，路就這樣被趟了出來(lái)??

9）講：演講能力。這里所指的是在項(xiàng)目后期進(jìn)行的交流分享。一個(gè)專業(yè)的交互設(shè)計(jì)師會(huì)站在宏觀的高度上，以平和的心態(tài)同他人溝通，驗(yàn)證自己先前設(shè)計(jì)的合理性、全面性和科學(xué)性，更好的提高自己的專業(yè)能力，為今后的交互設(shè)計(jì)做好準(zhǔn)備。

·交互專業(yè)度的具象化表現(xiàn)

剛才講了很多，但總體來(lái)說(shuō)還是偏理論，還是讓人摸不著頭腦，虛幻的概念最大的優(yōu)勢(shì)在于它的顛簸不破和四平八穩(wěn)，誰(shuí)也揪不住它的小辮子。但這不是我的風(fēng)格，更不是我寫這篇文章的初衷，我希望的是拋磚引玉，給大家?guī)?lái)一些真正意義上能直接使用的東西。所以，接下來(lái)，我們來(lái)些“干貨”，玩點(diǎn)簡(jiǎn)單粗暴的??

圖1.2

根據(jù)阿里巴巴目前的產(chǎn)品開(kāi)發(fā)流程（如圖1.2），交互設(shè)計(jì)是大環(huán)節(jié)中的一個(gè)小點(diǎn)，拋開(kāi)雜亂的干擾信息，單純考量交互設(shè)計(jì)師在過(guò)程中的參與度，我們就能得到一個(gè)理想化的交互設(shè)計(jì)行為流（如圖1.3）：

圖1.3 流程沒(méi)什么好講的，更沒(méi)什么好爭(zhēng)辯的，無(wú)非也就是增加一個(gè)、減少一個(gè)、偷換概念、細(xì)分歸納之類的忽悠。我這里想和大家分享的是流程中每個(gè)環(huán)節(jié)的專業(yè)輸出物，我有一個(gè)激進(jìn)的想法：如果某人能精準(zhǔn)的完成某些公認(rèn)的標(biāo)準(zhǔn)化輸出物，那他99%可以被稱為是一個(gè)“專業(yè)”的75分交互設(shè)計(jì)師了，剩下的 1%，也許是拼RP??

這里，我先簡(jiǎn)單交代一下即將涉及到的流程節(jié)點(diǎn)、對(duì)應(yīng)輸出物的圖形色塊的代表含義。

1）流程環(huán)節(jié)說(shuō)明（如圖1.4）：

圖1.4 2）流程環(huán)節(jié)各輸出物說(shuō)明（如圖1.5）：

圖1.5 在我看來(lái)，一個(gè)專業(yè)的交互設(shè)計(jì)師，在一個(gè)理想化產(chǎn)品設(shè)計(jì)的過(guò)程中，有一些是屬于必須的輸出物，有一些屬于最好有（推薦）的輸出物，還有一些屬于可有可無(wú)的輸出物。同時(shí)，根據(jù)項(xiàng)目的實(shí)際情況和參與角色的分工情況，存在一些交互設(shè)計(jì)師可能需要負(fù)責(zé)的輸出物，具體細(xì)節(jié)我將在下面逐一介紹。1）需求獲取階段：

此階段通常來(lái)說(shuō)會(huì)由PD等外部資源發(fā)起，輸出物主要是FRD文檔和時(shí)間計(jì)劃文檔，用以描述問(wèn)題、提出初步目標(biāo)，假想可能的解決方案、預(yù)估資源并梳理時(shí)間計(jì)劃等。當(dāng)然，對(duì)于從UED內(nèi)部發(fā)起的項(xiàng)目，這兩部分的輸出也可以由交互設(shè)計(jì)師完成，屬于可能責(zé)任輸出物； 2）需求分析階段：

歷史數(shù)據(jù)的關(guān)注和分析階段，基于項(xiàng)目本身，要針對(duì)競(jìng)爭(zhēng)對(duì)手、行業(yè)現(xiàn)狀等做詳盡的收集和分析，其中的關(guān)鍵考核點(diǎn)是要做必要的頭腦風(fēng)暴，獲取發(fā)散而全面的信息集合。在此階段，競(jìng)爭(zhēng)分析報(bào)告和頭腦風(fēng)暴輸出物是交互設(shè)計(jì)師專業(yè)度的重要表現(xiàn)。

3）用戶訪談階段：

對(duì)于一些條件允許的項(xiàng)目，我們建議能在項(xiàng)目初期尋求一些用戶的信息，定義一些用戶的屬性，這些對(duì)于之后的交互設(shè)計(jì)都會(huì)是堅(jiān)實(shí)的基礎(chǔ)。一個(gè)高專業(yè)度的交互設(shè)計(jì)師甚至?xí)鲃?dòng)介入訪談問(wèn)卷的設(shè)定工作，客觀的參與調(diào)研報(bào)告輸出的全過(guò)程。

4）需求修正階段：

專業(yè)的交互設(shè)計(jì)師通常不甘于淪為一個(gè)純粹的資源，抗拒被動(dòng)的接受命令。我們之前經(jīng)歷的需求分析和用戶訪談都是為掌控主動(dòng)權(quán)而做的準(zhǔn)備。如今，我們有理有據(jù)，應(yīng)該主動(dòng)出擊，和需求方討論研究需求的合理性、可行性，明確最終的修正目標(biāo)，并對(duì)達(dá)成目標(biāo)所涉及的重點(diǎn)突破點(diǎn)有理性的分析判斷，篩選出各設(shè)計(jì)點(diǎn)的優(yōu)先級(jí)。5）設(shè)計(jì)草稿階段

項(xiàng)目目標(biāo)和設(shè)計(jì)方向確定下來(lái)后，我們將進(jìn)入核心的設(shè)計(jì)環(huán)節(jié)。作為交互設(shè)計(jì)師的“殺手锏”，交互流程和線框草圖當(dāng)然一個(gè)都不能少，但此時(shí)我更想強(qiáng)調(diào)一項(xiàng)輔助性質(zhì)的調(diào)研分析工作。從交互的角度來(lái)看，在大流程大框架敲定的情況下，交互設(shè)計(jì)師通常會(huì)投入更多的精力在一些核心的設(shè)計(jì)點(diǎn)，也就是我們?cè)谛枨笮拚A段確認(rèn)的設(shè)計(jì)重點(diǎn)。此時(shí)，專業(yè)的設(shè)計(jì)師絕對(duì)不會(huì)拍腦袋設(shè)計(jì)，更不會(huì)想當(dāng)然出方案，而是會(huì)針對(duì)這些核心點(diǎn)做業(yè)界調(diào)研和分析，為自己即將進(jìn)行的設(shè)計(jì)尋求一個(gè)足夠?qū)拸V厚實(shí)的肩膀。6）設(shè)計(jì)細(xì)化階段

第一階段的設(shè)計(jì)工作將在此階段性輸出。我們回顧一下，截止此時(shí)的設(shè)計(jì)產(chǎn)物有：用戶調(diào)研報(bào)告、FRD確認(rèn)文檔、交互流程、線框草圖、核心設(shè)計(jì)調(diào)研分析、核心設(shè)計(jì)詳細(xì)說(shuō)明、交互流程整體說(shuō)明等?；旧希粋€(gè)交互設(shè)計(jì)師的專業(yè)度，已經(jīng)可以根據(jù)此時(shí)的輸出物數(shù)量、質(zhì)量看出個(gè)大概齊了 7）專家評(píng)審階段

一個(gè)專業(yè)的交互設(shè)計(jì)師，要謙虛。此刻，我們進(jìn)入小范圍專家評(píng)審的階段了，三個(gè)臭皮匠還頂一個(gè)諸葛亮呢，更何況是參與評(píng)審的專家呢。此時(shí)設(shè)計(jì)師的專業(yè)度就體現(xiàn)在 “聽(tīng)”、“說(shuō)”和“想”這三訣上，耐心的做好評(píng)審記錄，有理有據(jù)的同專家們進(jìn)行專業(yè)溝通，并確認(rèn)最終的結(jié)論和方向。8）設(shè)計(jì)優(yōu)化階段

經(jīng)歷了專家團(tuán)的考驗(yàn)，又該抖擻精神重新上路了，沒(méi)什么好說(shuō)的，把過(guò)程做好了，你的專業(yè)度也就到位了。設(shè)計(jì)優(yōu)化階段的投入度和產(chǎn)出將直接影響到后續(xù)Demo及測(cè)試的效果，和最終設(shè)計(jì)也息息相關(guān)，各位交互設(shè)計(jì)師們，千萬(wàn)別打瞌睡了！

9）仿真Demo開(kāi)發(fā)階段

終于到了仿真Demo的模型化階段啦，這時(shí)盡管并沒(méi)有直接的交互輸出物，但還是需要交互設(shè)計(jì)師用百分百的挑刺精神，協(xié)助視覺(jué)和前端精準(zhǔn)的達(dá)成我們之前的設(shè)計(jì)，嚴(yán)格保證最佳的輸出效果。10）測(cè)試驗(yàn)證階段

仿真Demo出來(lái)之后，將進(jìn)入最后的測(cè)試驗(yàn)證階段，根據(jù)項(xiàng)目的實(shí)際情況，可能是QA測(cè)試，也可能是用戶測(cè)試，總之，這個(gè)環(huán)節(jié)能幫助設(shè)計(jì)師最后把關(guān)設(shè)計(jì)的合理性，專業(yè)如你，一定要親自跟進(jìn)測(cè)試并給出最終的評(píng)估報(bào)告，哪些點(diǎn)是前期沒(méi)有考慮周全的？那些點(diǎn)是成功的？哪些點(diǎn)是必須立即改進(jìn)的？哪些點(diǎn)能以后再說(shuō)？哪些?? 11）完成設(shè)計(jì)階段

最后的設(shè)計(jì)階段，根據(jù)之前的測(cè)試驗(yàn)證評(píng)估報(bào)告，交互設(shè)計(jì)師要對(duì)所有之前的輸出做一次嚴(yán)格的檢查和修正，完成最后的輸出。

12）開(kāi)發(fā)上線階段

盯緊視覺(jué)設(shè)計(jì)師和前端工程師吧，最關(guān)鍵的時(shí)候終于到了，經(jīng)歷了那么多紛繁復(fù)雜的環(huán)節(jié)，我們等的就是上線的這一瞬間。當(dāng)然，千萬(wàn)別忘了后續(xù)的跟蹤和分析，這能為你的專業(yè)度加分不少哦 ·總結(jié)和展望

綜上所述，我們已經(jīng)整理出來(lái)了體現(xiàn)交互設(shè)計(jì)師專業(yè)度的過(guò)程輸出物了，總結(jié)一下：以75分交互設(shè)計(jì)師的標(biāo)準(zhǔn)來(lái)看，我們的專業(yè)度能通過(guò)以下的關(guān)鍵輸出物衡量：FRD目標(biāo)確認(rèn)文檔、競(jìng)爭(zhēng)分析報(bào)告、頭腦風(fēng)暴產(chǎn)出物、項(xiàng)目初期用戶調(diào)研報(bào)告、核心設(shè)計(jì)點(diǎn)調(diào)研及分析報(bào)告、專家評(píng)審報(bào)告和評(píng)估報(bào)告、原型測(cè)試報(bào)告、交互流程圖及詳細(xì)說(shuō)明文檔、頁(yè)面線框圖、核心設(shè)計(jì)點(diǎn)說(shuō)明文檔和最后的跟蹤分析報(bào)告。

基本上，所有的輸出物都是反復(fù)易稿的結(jié)果，都是細(xì)碎過(guò)程的迭代輸出，都飽含了設(shè)計(jì)師辛勤的工作投入。所有有夢(mèng)想的交互設(shè)計(jì)師們，請(qǐng)正確的審視這些輸出物，珍惜自己的付出，它們不光是單板的形式教條，它們更是證明自己專業(yè)度最有利的武器！

被很多同學(xué)都質(zhì)疑過(guò)：那么多的輸出物，平時(shí)做需求怎么可能全部做出來(lái)？每當(dāng)此時(shí)，我的回答都是一樣的：“是的，找借口總是很容易的。大家的確都很忙碌，按季度來(lái)說(shuō)，基本上每個(gè)人都會(huì)經(jīng)手大大小小幾十個(gè)需求，但我們真的忙碌到輸出一個(gè)高質(zhì)量設(shè)計(jì)的精力都沒(méi)有了嗎？還是我們打心里就本著做交互、混日子的想法呢？”

不是不能，是不愿！那才是交互設(shè)計(jì)這個(gè)職業(yè)最可悲之處??

作者信息：本文http://

第四篇：交互設(shè)計(jì)實(shí)習(xí)報(bào)告

實(shí)習(xí)報(bào)告：

一、實(shí)習(xí)說(shuō)明

(1)實(shí)習(xí)時(shí)間：2010年10月20日至2011年1月5日

(2)實(shí)習(xí)內(nèi)容：關(guān)于手機(jī)微波客戶端的交互分析

(3)實(shí)習(xí)性質(zhì)：畢業(yè)實(shí)習(xí)

二、實(shí)習(xí)內(nèi)容介紹

微博，即微博客（MicroBlog）的簡(jiǎn)稱，是一個(gè)基于用戶關(guān)系的信息分享、傳播以及獲取平臺(tái)，用戶可以通過(guò)WEB、WAP以及各種客戶端組件個(gè)人社區(qū)，以140字左右的文字更新信息，并實(shí)現(xiàn)即時(shí)分享。最早也是最著名的微博是美國(guó)的twitter，根據(jù)相關(guān)公開(kāi)數(shù)據(jù)，截至2010年1月份，該產(chǎn)品在全球已經(jīng)擁有7500萬(wàn)注冊(cè)用戶。2009年8月份中國(guó)最大的門戶網(wǎng)站新浪網(wǎng)推出“新浪微博”內(nèi)測(cè)版，成為門戶網(wǎng)站中第一家提供微博服務(wù)的網(wǎng)站，微博正式進(jìn)入中文上網(wǎng)主流人群視野。

在微博是一種互動(dòng)及傳播性極快的工具，傳播速度甚至比媒體還要快。微博所謂“微型博客（micro-bloging）”是一種非正式的迷你型博客，它是最近新興起的一個(gè)web2.0表現(xiàn)，是一種可以即時(shí)發(fā)布消息的類似博客的系統(tǒng)。它最大的特點(diǎn)就是集成化和開(kāi)放化，你可以通過(guò)你的手機(jī)、IM軟件（gtalk、MSN、QQ、skype）和外部API接口等途徑向你的微博客發(fā)布消息。微博客的另一個(gè)特點(diǎn)還在于這個(gè)“微”字，一般發(fā)布的消息只能是只言片語(yǔ)，像Twitter這樣的微博客平臺(tái)，每次只能發(fā)送140個(gè)字符。相對(duì)于強(qiáng)調(diào)版面布置的博客來(lái)說(shuō)，微博的內(nèi)容組成只是由簡(jiǎn)單的只言片語(yǔ)組成，從這個(gè)角度來(lái)說(shuō)，對(duì)用戶的技術(shù)要求門檻很低，而且在語(yǔ)言的編排組織上，沒(méi)有博客那么高，只需要反映自己的心情，不需要長(zhǎng)篇大論,更新起來(lái)也方便，和博客比起來(lái)，字?jǐn)?shù)也有所限制 ；微博開(kāi)通的多種API使得大量的用戶可以通過(guò)手機(jī)、網(wǎng)絡(luò)等方式來(lái)即時(shí)更新自己的個(gè)人信息。言兩語(yǔ)，現(xiàn)場(chǎng)記錄，發(fā)發(fā)感慨，曬曬心情，Twitter網(wǎng)站打通了移動(dòng)通信網(wǎng)與互聯(lián)網(wǎng)的界限。相比傳統(tǒng)博客中的長(zhǎng)篇大論，微博的字?jǐn)?shù)限制恰恰使用戶更易

于成為一個(gè)多產(chǎn)的博客發(fā)布者，著名流量統(tǒng)計(jì)網(wǎng)站ALEXA的數(shù)據(jù)顯示，Twitter日均訪問(wèn)量已近2000萬(wàn)人次，在美國(guó)、英國(guó)、加拿大等地的網(wǎng)站排名中均列前15位。

微博開(kāi)通的多種API使得大量的用戶可以通過(guò)手機(jī)、網(wǎng)絡(luò)等方式來(lái)即時(shí)更新自己的個(gè)人信息。

三、實(shí)習(xí)環(huán)境

通過(guò)網(wǎng)絡(luò)以及觀察等，在學(xué)校和學(xué)校外的環(huán)境進(jìn)行多方位的考察，對(duì)人們使用微博的情況進(jìn)行了具體深入的了解，每周一次的外出考察和網(wǎng)上問(wèn)卷調(diào)研是我這次實(shí)習(xí)的主要環(huán)境，環(huán)境比較良好。

四、實(shí)習(xí)過(guò)程

(1)了解過(guò)程

起初，自己親自使用了微博一個(gè)星期，保持每天看微博一個(gè)小時(shí)并要求每天發(fā)至少五張圖片五條留言，保持到現(xiàn)在。了解到同學(xué)朋友使用微博的情況，并與他們交流使用心得，了解名人使用微博情況并通過(guò)微博與他們進(jìn)行了少量的溝通。

(2)摸索過(guò)程

微博的廣泛流傳與手機(jī)分不開(kāi)的，新浪微博也推出了手機(jī)客戶端，在這個(gè)過(guò)程，我把手機(jī)客戶端的每一個(gè)界面都分析，并得出流程圖，進(jìn)行探索。畢竟微博客戶端流行時(shí)間不長(zhǎng)，其中的不足之處很多，通過(guò)這段時(shí)間的摸索清楚的了解到微博客戶端的作用，對(duì)以后的設(shè)計(jì)有了深層次的認(rèn)識(shí)。

(3)實(shí)際應(yīng)用

實(shí)習(xí)的后半時(shí)期，我用Flash軟件做了一個(gè)自己設(shè)計(jì)的微博的高保真模型，并讓同學(xué)朋友使用。我把微博的廣泛作用和手機(jī)通訊簿聯(lián)系到一起，讓信息交流更直接更方便。

由于微博推出時(shí)間短，在微博客戶端的設(shè)計(jì)上有很多出路，微博現(xiàn)在雖說(shuō)已經(jīng)較為廣泛的應(yīng)用，但還有很多的發(fā)展空間。

五、實(shí)習(xí)期工作總結(jié)和收獲

進(jìn)入wab2.0時(shí)代已經(jīng)以來(lái)，人與人的交流的方式逐漸的更新變化，這幾個(gè)月實(shí)習(xí)以來(lái)，我也親自深入的體驗(yàn)了微博的魅力，成為了一個(gè)十足的微博迷。

收獲頗多，在一個(gè)嶄新的領(lǐng)域有了自己的設(shè)計(jì)空間。為以后的畢業(yè)設(shè)計(jì)做下了堅(jiān)實(shí)的基礎(chǔ)，對(duì)交互設(shè)計(jì)有了新的認(rèn)識(shí)，開(kāi)拓了大學(xué)學(xué)業(yè)一片新的空間嗎，為以后的就業(yè)做了鋪墊。

實(shí)習(xí)報(bào)告

工業(yè)設(shè)計(jì)工科07-1 指導(dǎo)老師 喬楠 邵聰 200805070122

第五篇：昆士蘭大學(xué)交互設(shè)計(jì)專業(yè)

004km.cn

昆士蘭大學(xué)交互設(shè)計(jì)專業(yè)

昆士蘭大學(xué)交互設(shè)計(jì)（Interaction Design）專業(yè)設(shè)于信息技術(shù)與電氣工程學(xué)院之下，研究生開(kāi)設(shè)有以下4個(gè)學(xué)位項(xiàng)目，分別是：

交互設(shè)計(jì)研究生證書課程（Graduate Certificate in Interaction Design）：為期0.5年，屬授課型項(xiàng)目，針對(duì)的是本科（或?qū)？疲┓墙换ピO(shè)計(jì)專業(yè)的學(xué)生，無(wú)前置課程要求，無(wú)專業(yè)背景要求。該項(xiàng)目可為進(jìn)入交互設(shè)計(jì)研究生文憑課程打下基礎(chǔ)

交互設(shè)計(jì)研究生文憑課程（Graduate Diploma in Interaction Design）：為期1年，屬授課型項(xiàng)目，針對(duì)的是本科（或?qū)？疲┓墙换ピO(shè)計(jì)專業(yè)的學(xué)生，無(wú)前置課程要求，無(wú)專業(yè)背景要求。該項(xiàng)目可為進(jìn)入交互設(shè)計(jì)碩士項(xiàng)目打下基礎(chǔ)

交互設(shè)計(jì)碩士（Master of Interaction Design）：為期2年，屬授課型項(xiàng)目，針對(duì)的是本科非交互設(shè)計(jì)專業(yè)的學(xué)生，無(wú)前置課程要求，無(wú)專業(yè)背景要求

昆士蘭大學(xué)交互設(shè)計(jì)碩士信息

課程名稱：交互設(shè)計(jì)碩士(Master of Interaction Design)

學(xué)位類型：碩士

專業(yè)方向：藝術(shù)與人文

004km.cn

學(xué)

制：24個(gè)月

開(kāi)課時(shí)間：2月 7月

開(kāi)課類型：全日制

學(xué)

費(fèi)：33280澳幣

澳洲交互設(shè)計(jì)碩士

莫納什大學(xué)（Monash University）

也稱為蒙納士大學(xué)，世界百?gòu)?qiáng)名校，是澳洲八大名校（Group of Eight）的盟校成員。于1958年由國(guó)會(huì)建立，是維多利亞州的第二所古老的大學(xué)。莫納什大學(xué)以其卓越的教學(xué)和精湛的科研蜚聲國(guó)際，莫納什是澳大利亞規(guī)模最大的國(guó)立大學(xué)之一，其綜合實(shí)力在各大學(xué)中名列前茅，也是享譽(yù)世界的密集研究型大學(xué)，被評(píng)為澳大利亞五星級(jí)大學(xué)。并在四大洲多個(gè)國(guó)家設(shè)有校區(qū)和科研中心，與全球科研領(lǐng)域與高校緊密合作，在北美，歐洲，英國(guó)，亞洲以非洲建立了合作關(guān)系并結(jié)為聯(lián)盟。莫納什在墨爾本有七個(gè)校區(qū)，每個(gè)校區(qū)皆各具特色。2014QS世界大學(xué)排名，莫納什大學(xué)綜合排名第66位。

專業(yè)名稱：Master of Interaction Design交互設(shè)計(jì)碩士2年制

人機(jī)互動(dòng)，融合了工程、計(jì)算機(jī)知識(shí)到設(shè)計(jì)里面，這個(gè)方面Monash大學(xué)獨(dú)樹(shù)一幟。

交互設(shè)計(jì)是一個(gè)專業(yè)碩士研究生學(xué)位課程為學(xué)生尋求成為交互設(shè)計(jì)師。本課程涵蓋了廣泛的領(lǐng)域,包括先進(jìn)技術(shù)的應(yīng)用,電子和編程,物理或虛擬界面操作、材料和工程制造。學(xué)生將會(huì)接觸到交互設(shè)計(jì)的關(guān)鍵概念。他們會(huì)探索創(chuàng)新方法的集成先進(jìn)技術(shù)在設(shè)計(jì)實(shí)踐。他們也會(huì)理解社會(huì)和商業(yè)的環(huán)境中使用的產(chǎn)品和技術(shù)。在學(xué)位的最后一年,學(xué)生有機(jī)會(huì)設(shè)計(jì)互動(dòng)工件,可能導(dǎo)致系統(tǒng)或服務(wù)領(lǐng)先的工業(yè)項(xiàng)目。

004km.cn

校區(qū)：墨爾本Caulfield校區(qū)

雅思要求：總分6.5，單項(xiàng)不低于6.0

悉尼大學(xué)（The University of Sydney）

始建于1850年，是坐落于澳大利亞第一大城市悉尼內(nèi)西區(qū)的一所世界著名高等學(xué)府，也是澳大利亞及大洋洲的第一所大學(xué)。悉尼大學(xué)是澳大利亞六所砂巖學(xué)府之一，也是澳大利亞八大名校聯(lián)盟(Group of Eight)的核心成員，國(guó)際著名研究型大學(xué)聯(lián)盟組織環(huán)太平洋大學(xué)聯(lián)盟、亞太國(guó)際貿(mào)易教育暨研究聯(lián)盟的成員之一。根據(jù)澳洲政府官方整理的資料，1/3的澳洲諾貝爾獎(jiǎng)得主為悉尼大學(xué)校友，遙遙領(lǐng)先澳洲其他大學(xué)。2015年美國(guó)世界新聞周刊USNEWS世界大學(xué)排名中，悉尼大學(xué)綜合排名全球第37位；而2016/17英國(guó)QS世界大學(xué)排名則將悉尼大學(xué)名列全球第37位。

專業(yè)名稱：Master of Interaction Design and Electronic Arts交互設(shè)計(jì)

Faculty:Architecture,Design and Planning

學(xué)制：for international students:1.5 years full time

雅思：7.0 overall and a minimum result of 6.0雅思7（單項(xiàng)不低于6.0）

昆士蘭大學(xué)（The University of Queensland）

簡(jiǎn)稱昆大，世界百?gòu)?qiáng)名校和頂尖的高等科研學(xué)府之一，始建于1910年，是昆士蘭州的第一所綜合型大學(xué)，也是澳大利亞最大最有聲望的大學(xué)之一，同時(shí)還是六所砂巖學(xué)府（Sandstone Universities）之一。昆大是澳洲八大名校（Group of Eight）的盟校成員，同時(shí)也是UNIVERSITAS 21成員之一，其科學(xué)研究的經(jīng)費(fèi)及學(xué)術(shù)水平在澳大利亞的大學(xué)之中始終位居前列，在學(xué)博士生的人數(shù)最多。昆士蘭大學(xué)The University of Queensland擁有兩位諾貝爾獎(jiǎng)得主，前澳大利亞總理Kevin Rudd和前國(guó)防部長(zhǎng)Peter Gration都是昆大校友。昆士蘭大學(xué)在US NEWS世界大學(xué)排名47名，QS世界大學(xué)排名第43位，均處于世界排名top50的超級(jí)頂尖大學(xué)位置，穩(wěn)居澳洲大學(xué)前四名。

Master of Interaction Design交互設(shè)計(jì)碩士

Duration:2 Years full-time

雅思：IELTS overall 6.5;writing 6,reading 6,speaking 6,and listening 6.