第一篇：基于軟件交互設(shè)計(jì)綜合實(shí)踐教學(xué)研究

基于軟件交互設(shè)計(jì)綜合實(shí)踐教學(xué)研究

摘 要：針對專業(yè)交叉團(tuán)隊(duì)合作模式的培養(yǎng)體系，提出綜合實(shí)踐方式，以廣東東軟學(xué)院為例，根據(jù)專業(yè)方向進(jìn)行崗位設(shè)置，配備具有雙師素質(zhì)的教師、企業(yè)工程師進(jìn)行全程交叉指導(dǎo)，分階段、分崗位進(jìn)行考核，將軟件交互設(shè)計(jì)工作貫穿于綜合實(shí)踐開發(fā)過程的各個(gè)階段，使實(shí)踐成果達(dá)到軟件交互設(shè)計(jì)的期望目標(biāo)，同時(shí)也引導(dǎo)學(xué)生以用戶為中心并以人性化的軟件交互設(shè)計(jì)理念，培養(yǎng)軟件交互原型設(shè)計(jì)能力，加強(qiáng)對可用性設(shè)計(jì)的評估能力。

關(guān)鍵詞：綜合實(shí)踐；交互技術(shù)；原型設(shè)計(jì)；軟件評估概述及背景

隨著人機(jī)交互技術(shù)的快速發(fā)展，軟件數(shù)量日漸暴增，最新版本的軟件工程知識體系 SWEBOK V3.0將人機(jī)交互列為一個(gè)獨(dú)立的知識域[1]，交互設(shè)計(jì)也成為軟件產(chǎn)品競爭與創(chuàng)新的關(guān)鍵，但是軟件質(zhì)量卻參差不齊，特別是體現(xiàn)在用戶可用性與易用性等方面；同時(shí)，在實(shí)際項(xiàng)目開發(fā)過程中，用戶需求不明確、不完整、變更頻繁等因素導(dǎo)致系統(tǒng)設(shè)計(jì)困難，實(shí)現(xiàn)的系統(tǒng)與需求不一致，項(xiàng)目風(fēng)險(xiǎn)提升，致使項(xiàng)目延期或者成本超支。開發(fā)者要提升軟件核心競爭力，需要關(guān)注用戶在使用過程中的體驗(yàn)與感受，掌握軟件開發(fā)過程中的工程方法、核心技術(shù)及開發(fā)工具，運(yùn)用綜合知識，開發(fā)出滿足用戶需求的優(yōu)質(zhì)軟件。實(shí)踐學(xué)期組織

2.1 基本思路

軟件綜合實(shí)踐安排在大二暑假學(xué)期進(jìn)行，以“研究用戶需求、強(qiáng)化實(shí)踐技能、突出能力培養(yǎng)”為實(shí)踐思想，采用以用戶為中心的創(chuàng)新實(shí)踐教學(xué)體系，以能力培養(yǎng)為重點(diǎn)，以就業(yè)為導(dǎo)向，培養(yǎng)學(xué)生具備崗位所需的職業(yè)能力。

開發(fā)周期為4周，以項(xiàng)目團(tuán)隊(duì)為組織形式，采用基于項(xiàng)目案例的綜合實(shí)踐教學(xué)體系以及分階段、分崗位的考核形式。實(shí)踐的組織模式更貼近實(shí)際工作需要，即根據(jù)專業(yè)（包括專業(yè)方向）的就業(yè)崗位進(jìn)行項(xiàng)目團(tuán)隊(duì)的崗位設(shè)置，項(xiàng)目團(tuán)隊(duì)以1：2：1：1：1：1：1的比例設(shè)有項(xiàng)目經(jīng)理（兼）、軟件開發(fā)、數(shù)據(jù)庫開發(fā)、Web前端開發(fā)、軟件測試、系統(tǒng)實(shí)施與維護(hù)、基礎(chǔ)網(wǎng)絡(luò)設(shè)施搭建等崗位，以經(jīng)過裁剪、修改或補(bǔ)充的真實(shí)項(xiàng)目需求作為團(tuán)隊(duì)的目標(biāo)進(jìn)行實(shí)踐，配備具有雙師素質(zhì)的教師、企業(yè)工程師進(jìn)行全程交叉指導(dǎo)。

隨著人機(jī)交互在軟件設(shè)計(jì)與開發(fā)中的地位變得越來越重要，有些引領(lǐng)企業(yè)如蘋果公司已經(jīng)派生出交互設(shè)計(jì)師、界面設(shè)計(jì)師、可用性工程師、用戶體驗(yàn)設(shè)計(jì)師等職業(yè)，而更多的企業(yè)則由軟件工程師兼顧交互設(shè)計(jì)方面的工作[2]（如圖1所示）。根據(jù)圖1可知，Web前端開發(fā)由網(wǎng)站規(guī)劃與開發(fā)專業(yè)的學(xué)生承擔(dān)，而交互設(shè)計(jì)是Web前端開發(fā)中的核心內(nèi)容。

2.2 交互設(shè)計(jì)

交互設(shè)計(jì)（interaction design，IXD）是一種系統(tǒng)的設(shè)計(jì)，產(chǎn)生于20世紀(jì)80年代，以實(shí)現(xiàn)產(chǎn)品的“可用性”和“用戶體驗(yàn)”為目標(biāo)，把握設(shè)計(jì)、行為設(shè)計(jì)和形式設(shè)計(jì)3者的相互關(guān)系，由人（people）、行為（activity）、產(chǎn)品使用時(shí)的場景（context）和支持交互行為的技術(shù)（technology）組成，簡稱 PACT [3]。

交互設(shè)計(jì)原型和可用性評估是交互設(shè)計(jì)的核心，科學(xué)地建立符合用戶需求的交互原型是交互設(shè)計(jì)追求的目標(biāo)[4]。其中，原型設(shè)計(jì)能夠快速發(fā)掘并明確用戶的需求，是交互設(shè)計(jì)師、用戶和軟件工程師收集需求、確認(rèn)需求最好的溝通工具；可用性評估是基于真實(shí)用戶，找出軟件可用性方面的問題，也是提高產(chǎn)品可用性的有效途徑。實(shí)踐開發(fā)過程

整個(gè)實(shí)踐學(xué)期，從實(shí)踐項(xiàng)目啟動(dòng)到項(xiàng)目總結(jié)結(jié)束，軟件交互設(shè)計(jì)崗位的工作貫穿軟件工程開發(fā)過程，采用迭代、循序漸進(jìn)的方法進(jìn)行軟件開發(fā)，如圖2所示。

從軟件項(xiàng)目實(shí)施過程來看，由于存在學(xué)生缺乏軟件開發(fā)經(jīng)驗(yàn)、需求變更過多、缺乏軟件測評手段、進(jìn)度計(jì)劃不合理等項(xiàng)目風(fēng)險(xiǎn)，因此用戶會(huì)對軟件質(zhì)量和開發(fā)周期提出更高的要求。為了降低軟件危機(jī)，確保項(xiàng)目順利交付，項(xiàng)目的需求分析階段可采用場景劇本、角色法、訪談法、親和圖法等方式進(jìn)行用戶調(diào)研，形成信息架構(gòu)；概要設(shè)計(jì)和詳細(xì)設(shè)計(jì)階段輸出交互原型，使用原型技術(shù)和可用性評估對需求及設(shè)計(jì)進(jìn)行驗(yàn)證；編碼階段由網(wǎng)站開發(fā)專業(yè)學(xué)生負(fù)責(zé)軟件Web前端開發(fā)，使用html、css、javacsript、Bootstrap框架等技術(shù)完成前端頁面開發(fā)；測試階段由網(wǎng)站開發(fā)專業(yè)學(xué)生對軟件進(jìn)行交互設(shè)計(jì)評估、交互需求驗(yàn)證、軟件可用性確認(rèn)并輸出評估報(bào)告，評估報(bào)告會(huì)反饋給軟件開發(fā)崗位學(xué)生，軟件崗位的學(xué)生會(huì)根據(jù)技術(shù)約束、資金、開發(fā)時(shí)間等因素，與交互設(shè)計(jì)人員溝通，形成最終的修改方案，整個(gè)過程會(huì)迭代進(jìn)行，直至項(xiàng)目完成。實(shí)踐內(nèi)容與成果

軟件綜合開發(fā)實(shí)踐中，網(wǎng)站開發(fā)專業(yè)的學(xué)生承擔(dān)Web前端開發(fā)，具體工作內(nèi)容包括需求分析、軟件原型、軟件界面設(shè)計(jì)、Web前端開發(fā)、軟件評估等。網(wǎng)站開發(fā)專業(yè)學(xué)生工作中的重點(diǎn)不僅僅是使界面美觀，還要實(shí)現(xiàn)軟件的可用性、易用性、有效性等指標(biāo)。

軟件開發(fā)流程中交互設(shè)計(jì)崗位主要工作分成4個(gè)階段：需求調(diào)研分析、原型設(shè)計(jì)、軟件界面開發(fā)和軟件評估。針對4個(gè)階段的主要工作，對其使用的工具、技術(shù)和方法以及輸出成果進(jìn)行闡述，具體內(nèi)容見表1。實(shí)踐考核方式

根據(jù)各專業(yè)的畢業(yè)標(biāo)準(zhǔn)，課程?M教師制定了一套全方位、科學(xué)有效的考核體系。答辯委員會(huì)分別由指導(dǎo)老師、學(xué)校督導(dǎo)和企業(yè)工程師組成。

學(xué)生實(shí)踐學(xué)期的總體考核方案分為3部分：IT職業(yè)素養(yǎng)能力（30%）、團(tuán)隊(duì)實(shí)踐成果（30%）和崗位專業(yè)技能（40%）。其中，IT職業(yè)素養(yǎng)能力和團(tuán)隊(duì)實(shí)踐成果考核是各專業(yè)通用，崗位專業(yè)技能考核根據(jù)各專業(yè)單獨(dú)設(shè)置考核點(diǎn)。我們以網(wǎng)站開發(fā)技術(shù)專業(yè)為例進(jìn)行介紹，見表2。實(shí)踐意義

網(wǎng)站開發(fā)技術(shù)專業(yè)學(xué)生于大二已經(jīng)學(xué)習(xí)了Java程序設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)與制作、Web開發(fā)基礎(chǔ)、Javascript頁面特效設(shè)計(jì)、Javascript服務(wù)器技術(shù)、網(wǎng)站界面設(shè)計(jì)藝術(shù)等課程，掌握了Dreamweaver、Photoshop和Flash軟件的操作以及HTML、CSS、Javascript、Ajax等技術(shù)，具備了網(wǎng)站前端開發(fā)基本技能，但是缺乏開發(fā)經(jīng)驗(yàn)，針對項(xiàng)目的需求分析，不能合理安排和組織內(nèi)容以及設(shè)計(jì)軟件界面，難以開發(fā)出有吸引力、易尋、易用、用戶友好的網(wǎng)站。

通過學(xué)期項(xiàng)目實(shí)踐，培養(yǎng)學(xué)生對用戶界面設(shè)計(jì)的審美能力，增強(qiáng)其對可用性設(shè)計(jì)的評估能力[5]，幫助學(xué)生積累項(xiàng)目經(jīng)驗(yàn)和提高開發(fā)效率；在團(tuán)隊(duì)合作過程中培養(yǎng)學(xué)生的團(tuán)隊(duì)合作能力，樹立以用戶為中心的交互設(shè)計(jì)開發(fā)理念。基于軟件交互設(shè)計(jì)的綜合實(shí)踐過程，應(yīng)最大限度地明確需求，減少方案設(shè)計(jì)時(shí)的隨意性和迭代次數(shù)，提高開發(fā)效率，降低項(xiàng)目開發(fā)的風(fēng)險(xiǎn)，保證軟件產(chǎn)品滿足用戶需求。

綜合實(shí)踐學(xué)期結(jié)束，學(xué)校舉行院級小學(xué)期競賽，其中，人力資源管理系統(tǒng)、Neusoft好課堂、MyHouseRent房屋租賃平臺(tái)管理系統(tǒng)、SOVO?C合管理系統(tǒng)、奧運(yùn)獎(jiǎng)牌記錄管理系統(tǒng)、“程序猿”學(xué)院等作品獲獎(jiǎng)。

教師可以競賽的方式激發(fā)學(xué)生的潛能，培養(yǎng)學(xué)生對軟件開發(fā)的興趣，同時(shí)為學(xué)生校外競賽打好堅(jiān)實(shí)的基礎(chǔ)。例如，2016年攀登計(jì)劃省級立項(xiàng)并獲得撥款，包括基于Face++的人臉識別考勤系統(tǒng)（2萬元）、基于Android系統(tǒng)的金標(biāo)試紙定量檢測儀的研制（1.5萬元）；2016年大學(xué)生創(chuàng)新創(chuàng)業(yè)省級立項(xiàng)并獲得撥款，包括基于Android的老人緊急報(bào)警APP（1萬元）、“打醬油”移動(dòng)社區(qū)App（1萬元）；第四屆“多迪杯”全國大學(xué)生網(wǎng)站開發(fā)大賽中，作品“ECHO商城”獲得國家特等獎(jiǎng)，獎(jiǎng)金5 000元。結(jié) 語

我院實(shí)踐了具有特色的實(shí)踐教學(xué)模式，即兩個(gè)理論教學(xué)學(xué)期后，安排一個(gè)綜合實(shí)踐學(xué)期，更好地把理論知識轉(zhuǎn)換為能力，突出實(shí)踐能力的培養(yǎng)。軟件綜合實(shí)踐教學(xué)體系以優(yōu)質(zhì)創(chuàng)新教學(xué)建設(shè)為目的，以達(dá)到教學(xué)質(zhì)量為最高目標(biāo)，為培養(yǎng)學(xué)生實(shí)踐能力和創(chuàng)新精神打下了堅(jiān)實(shí)的基礎(chǔ)。未來的計(jì)算機(jī)軟件應(yīng)用中，人機(jī)交互必然會(huì)發(fā)揮越來越重要的作用，我們將繼續(xù)緊跟時(shí)代步伐，積極創(chuàng)新，不斷積累教學(xué)經(jīng)驗(yàn)，探索合適的教學(xué)體系，不斷提高學(xué)生的創(chuàng)新能力以適應(yīng)社會(huì)需求。

參考文獻(xiàn)：

[1] Bourque P，F(xiàn)airley R E.Guide to the software engineering body of knowledge，Version 3.0[EB/OL].（2015-08-19）[2017-04-23].http：//www.researchgate.net/publication/224302077_Guide_to_the_Software_ Engineering_Body_of_Knowledge_2004_Version.[2] 梁爽.用戶交互技術(shù)課程的實(shí)踐教學(xué)方法探索[J].計(jì)算機(jī)教育，2015（23）： 48-52.[3] 郭璐，李雅箏.基于PACT-P模式的社交網(wǎng)站交互設(shè)計(jì)策略研究： 以“人人網(wǎng)”為例[J].今傳媒，2014（1）： 15-17.[4] 陳波，劉彥秀.基于公理設(shè)計(jì)的交互原型構(gòu)建研究[J].人類工效學(xué)，2016，22（1）： 68-72.[5] 林連南，劉嘉偉，許南鴻.人機(jī)交互課程體系設(shè)計(jì)的研究[J].計(jì)算機(jī)教育，2015（1）： 78-82.（編輯：宋文婷）

第二篇：軟件交互系的自薦信（范文）

軟件交互系的自薦信范文,關(guān)鍵詞是自薦信,軟件交互系,

尊敬的領(lǐng)導(dǎo)：

您好!衷心的感謝您在百忙之中翻閱我的這份材料，并祝愿貴單位事業(yè)欣欣向榮，蒸蒸日上!

我是x大學(xué)xx學(xué)院軟件交互屆畢業(yè)生，自從今日大學(xué)之后，高考后的輕松、獲知被錄取的喜悅隨風(fēng)而逝，因?yàn)槲业膹男麻_始，繼續(xù)努力奮斗，迎接新的挑戰(zhàn)。時(shí)光飛梭，我講到這童年的夢想、青年的理想離開學(xué)校，走上工作崗位。大學(xué)四年是我思想、知識結(jié)構(gòu)及心理、生長成熟的四年。惠于理工大學(xué)的濃厚學(xué)習(xí)、創(chuàng)新氛圍，熔融其中四年使我成為一名復(fù)合型人才。

在校期間，我勤奮學(xué)習(xí)專業(yè)知識，努力把理論知識運(yùn)用到實(shí)踐中去，曾參加全國大學(xué)生電子設(shè)計(jì)競賽，并取得佳績。此外我很喜歡電腦，不僅熟練掌握基本應(yīng)用軟件的使用，而且順利通過國家社會(huì)和勞動(dòng)保障部高新技術(shù)信息職業(yè)資格中級考試和微軟ATC認(rèn)證考試。在英語方面，通過國家英語四級，并且參加英語口語培訓(xùn)。

此外，我積極投身學(xué)生會(huì)和廣播站等學(xué)生組織為同學(xué)服務(wù)，表現(xiàn)出色，貢獻(xiàn)卓越，曾先后榮獲校級“優(yōu)秀三好學(xué)生兼優(yōu)秀團(tuán)員”、“優(yōu)秀學(xué)生干部”、“校廣播站系統(tǒng)”杰出工作者“等稱號。

“長風(fēng)破浪會(huì)有時(shí)，直掛云帆濟(jì)滄海”，我真誠地希望加盟貴公司，我定會(huì)以飽滿的熱情和堅(jiān)韌的性格勤奮工作，與同事精誠合作，為貴單位的發(fā)展盡自己的綿薄之力。下頁附履歷敬請勘酌，懇請接納，回函是盼，我恭候您的佳音!

此致

敬禮!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

6）做：交互設(shè)計(jì)師專業(yè)度的核心表現(xiàn)。俗語說得好，是騾子是馬，牽出來遛遛。對于交互設(shè)計(jì)師來說，之前的環(huán)節(jié)做得再好、再完美，也只是停留在設(shè)計(jì)師自己的腦子里，游蕩于聽眾們的耳膜間。如果理論落實(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)證、分析、評估能力是一個(gè)優(yōu)秀交互設(shè)計(jì)師的重要素質(zhì)。無論個(gè)人還是團(tuán)隊(duì)，設(shè)計(jì)的成果都需要通過精準(zhǔn)的測試才能算得上合乎標(biāo)準(zhǔn)，此時(shí)，一顆平常心和一雙敏銳的眼睛是設(shè)計(jì)師最需要的。

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

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)

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

圖1.2

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

圖1.3 流程沒什么好講的，更沒什么好爭辯的，無非也就是增加一個(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é)點(diǎn)、對應(yīng)輸出物的圖形色塊的代表含義。

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

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

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

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

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

3）用戶訪談階段：

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

4）需求修正階段：

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

項(xiàng)目目標(biāo)和設(shè)計(jì)方向確定下來后，我們將進(jìn)入核心的設(shè)計(jì)環(huán)節(jié)。作為交互設(shè)計(jì)師的“殺手锏”，交互流程和線框草圖當(dāng)然一個(gè)都不能少，但此時(shí)我更想強(qiáng)調(diào)一項(xiàng)輔助性質(zhì)的調(diào)研分析工作。從交互的角度來看，在大流程大框架敲定的情況下，交互設(shè)計(jì)師通常會(huì)投入更多的精力在一些核心的設(shè)計(jì)點(diǎn)，也就是我們在需求修正階段確認(rèn)的設(shè)計(jì)重點(diǎn)。此時(shí)，專業(yè)的設(shè)計(jì)師絕對不會(huì)拍腦袋設(shè)計(jì)，更不會(huì)想當(dāng)然出方案，而是會(huì)針對這些核心點(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ì)說明、交互流程整體說明等。基本上，一個(gè)交互設(shè)計(jì)師的專業(yè)度，已經(jīng)可以根據(jù)此時(shí)的輸出物數(shù)量、質(zhì)量看出個(gè)大概齊了 7）專家評審階段

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

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

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

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

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

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

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

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

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

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

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

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

作者信息：本文http://

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

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

課程名稱：數(shù)字交互設(shè)計(jì) 課程類型：專業(yè)方向課 課程編號：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)典教程》 美國Adobe公司著，井中月譯，人民郵電出版社，2009年8月 本大綱主筆人：劉云安

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

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

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

3．了解人機(jī)界面的定義、起源、發(fā)展、研究內(nèi)容及發(fā)展趨勢。熟悉相關(guān)學(xué)科及知識，掌握人機(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)上與用戶交互。通過創(chuàng)新的交互模式，促進(jìn)人與數(shù)字媒體內(nèi)容交互的過程中達(dá)成良好的用戶體驗(yàn)。

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

1．該課程按照從簡到繁、循序漸進(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ā)展歷史及趨勢

二、人機(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ì)評價(jià)（6學(xué)時(shí)）

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

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

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

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

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

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

一、人機(jī)界面概述。人機(jī)界面的定義、起源、發(fā)展；人機(jī)界面學(xué)的研究內(nèi)容；人機(jī)界面的設(shè)計(jì)的發(fā)展趨勢；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)度條、聲音和背景音樂的控制與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í)際操作上具有千絲萬縷的關(guān)系。學(xué)生可以在這些課程之間進(jìn)行知識與技術(shù)的相互遷移與會(huì)通，這將對數(shù)字媒體藝術(shù)創(chuàng)作素養(yǎng)的培養(yǎng)能夠起到積極的作用。

四、考核方式

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

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

五、參考書目

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

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

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

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

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

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