第一篇:基于軟件交互設(shè)計綜合實踐教學研究
基于軟件交互設(shè)計綜合實踐教學研究
摘 要:針對專業(yè)交叉團隊合作模式的培養(yǎng)體系,提出綜合實踐方式,以廣東東軟學院為例,根據(jù)專業(yè)方向進行崗位設(shè)置,配備具有雙師素質(zhì)的教師、企業(yè)工程師進行全程交叉指導,分階段、分崗位進行考核,將軟件交互設(shè)計工作貫穿于綜合實踐開發(fā)過程的各個階段,使實踐成果達到軟件交互設(shè)計的期望目標,同時也引導學生以用戶為中心并以人性化的軟件交互設(shè)計理念,培養(yǎng)軟件交互原型設(shè)計能力,加強對可用性設(shè)計的評估能力。
關(guān)鍵詞:綜合實踐;交互技術(shù);原型設(shè)計;軟件評估概述及背景
隨著人機交互技術(shù)的快速發(fā)展,軟件數(shù)量日漸暴增,最新版本的軟件工程知識體系 SWEBOK V3.0將人機交互列為一個獨立的知識域[1],交互設(shè)計也成為軟件產(chǎn)品競爭與創(chuàng)新的關(guān)鍵,但是軟件質(zhì)量卻參差不齊,特別是體現(xiàn)在用戶可用性與易用性等方面;同時,在實際項目開發(fā)過程中,用戶需求不明確、不完整、變更頻繁等因素導致系統(tǒng)設(shè)計困難,實現(xiàn)的系統(tǒng)與需求不一致,項目風險提升,致使項目延期或者成本超支。開發(fā)者要提升軟件核心競爭力,需要關(guān)注用戶在使用過程中的體驗與感受,掌握軟件開發(fā)過程中的工程方法、核心技術(shù)及開發(fā)工具,運用綜合知識,開發(fā)出滿足用戶需求的優(yōu)質(zhì)軟件。實踐學期組織
2.1 基本思路
軟件綜合實踐安排在大二暑假學期進行,以“研究用戶需求、強化實踐技能、突出能力培養(yǎng)”為實踐思想,采用以用戶為中心的創(chuàng)新實踐教學體系,以能力培養(yǎng)為重點,以就業(yè)為導向,培養(yǎng)學生具備崗位所需的職業(yè)能力。
開發(fā)周期為4周,以項目團隊為組織形式,采用基于項目案例的綜合實踐教學體系以及分階段、分崗位的考核形式。實踐的組織模式更貼近實際工作需要,即根據(jù)專業(yè)(包括專業(yè)方向)的就業(yè)崗位進行項目團隊的崗位設(shè)置,項目團隊以1:2:1:1:1:1:1的比例設(shè)有項目經(jīng)理(兼)、軟件開發(fā)、數(shù)據(jù)庫開發(fā)、Web前端開發(fā)、軟件測試、系統(tǒng)實施與維護、基礎(chǔ)網(wǎng)絡(luò)設(shè)施搭建等崗位,以經(jīng)過裁剪、修改或補充的真實項目需求作為團隊的目標進行實踐,配備具有雙師素質(zhì)的教師、企業(yè)工程師進行全程交叉指導。
隨著人機交互在軟件設(shè)計與開發(fā)中的地位變得越來越重要,有些引領(lǐng)企業(yè)如蘋果公司已經(jīng)派生出交互設(shè)計師、界面設(shè)計師、可用性工程師、用戶體驗設(shè)計師等職業(yè),而更多的企業(yè)則由軟件工程師兼顧交互設(shè)計方面的工作[2](如圖1所示)。根據(jù)圖1可知,Web前端開發(fā)由網(wǎng)站規(guī)劃與開發(fā)專業(yè)的學生承擔,而交互設(shè)計是Web前端開發(fā)中的核心內(nèi)容。
2.2 交互設(shè)計
交互設(shè)計(interaction design,IXD)是一種系統(tǒng)的設(shè)計,產(chǎn)生于20世紀80年代,以實現(xiàn)產(chǎn)品的“可用性”和“用戶體驗”為目標,把握設(shè)計、行為設(shè)計和形式設(shè)計3者的相互關(guān)系,由人(people)、行為(activity)、產(chǎn)品使用時的場景(context)和支持交互行為的技術(shù)(technology)組成,簡稱 PACT [3]。
交互設(shè)計原型和可用性評估是交互設(shè)計的核心,科學地建立符合用戶需求的交互原型是交互設(shè)計追求的目標[4]。其中,原型設(shè)計能夠快速發(fā)掘并明確用戶的需求,是交互設(shè)計師、用戶和軟件工程師收集需求、確認需求最好的溝通工具;可用性評估是基于真實用戶,找出軟件可用性方面的問題,也是提高產(chǎn)品可用性的有效途徑。實踐開發(fā)過程
整個實踐學期,從實踐項目啟動到項目總結(jié)結(jié)束,軟件交互設(shè)計崗位的工作貫穿軟件工程開發(fā)過程,采用迭代、循序漸進的方法進行軟件開發(fā),如圖2所示。
從軟件項目實施過程來看,由于存在學生缺乏軟件開發(fā)經(jīng)驗、需求變更過多、缺乏軟件測評手段、進度計劃不合理等項目風險,因此用戶會對軟件質(zhì)量和開發(fā)周期提出更高的要求。為了降低軟件危機,確保項目順利交付,項目的需求分析階段可采用場景劇本、角色法、訪談法、親和圖法等方式進行用戶調(diào)研,形成信息架構(gòu);概要設(shè)計和詳細設(shè)計階段輸出交互原型,使用原型技術(shù)和可用性評估對需求及設(shè)計進行驗證;編碼階段由網(wǎng)站開發(fā)專業(yè)學生負責軟件Web前端開發(fā),使用html、css、javacsript、Bootstrap框架等技術(shù)完成前端頁面開發(fā);測試階段由網(wǎng)站開發(fā)專業(yè)學生對軟件進行交互設(shè)計評估、交互需求驗證、軟件可用性確認并輸出評估報告,評估報告會反饋給軟件開發(fā)崗位學生,軟件崗位的學生會根據(jù)技術(shù)約束、資金、開發(fā)時間等因素,與交互設(shè)計人員溝通,形成最終的修改方案,整個過程會迭代進行,直至項目完成。實踐內(nèi)容與成果
軟件綜合開發(fā)實踐中,網(wǎng)站開發(fā)專業(yè)的學生承擔Web前端開發(fā),具體工作內(nèi)容包括需求分析、軟件原型、軟件界面設(shè)計、Web前端開發(fā)、軟件評估等。網(wǎng)站開發(fā)專業(yè)學生工作中的重點不僅僅是使界面美觀,還要實現(xiàn)軟件的可用性、易用性、有效性等指標。
軟件開發(fā)流程中交互設(shè)計崗位主要工作分成4個階段:需求調(diào)研分析、原型設(shè)計、軟件界面開發(fā)和軟件評估。針對4個階段的主要工作,對其使用的工具、技術(shù)和方法以及輸出成果進行闡述,具體內(nèi)容見表1。實踐考核方式
根據(jù)各專業(yè)的畢業(yè)標準,課程?M教師制定了一套全方位、科學有效的考核體系。答辯委員會分別由指導老師、學校督導和企業(yè)工程師組成。
學生實踐學期的總體考核方案分為3部分:IT職業(yè)素養(yǎng)能力(30%)、團隊實踐成果(30%)和崗位專業(yè)技能(40%)。其中,IT職業(yè)素養(yǎng)能力和團隊實踐成果考核是各專業(yè)通用,崗位專業(yè)技能考核根據(jù)各專業(yè)單獨設(shè)置考核點。我們以網(wǎng)站開發(fā)技術(shù)專業(yè)為例進行介紹,見表2。實踐意義
網(wǎng)站開發(fā)技術(shù)專業(yè)學生于大二已經(jīng)學習了Java程序設(shè)計、網(wǎng)頁設(shè)計與制作、Web開發(fā)基礎(chǔ)、Javascript頁面特效設(shè)計、Javascript服務(wù)器技術(shù)、網(wǎng)站界面設(shè)計藝術(shù)等課程,掌握了Dreamweaver、Photoshop和Flash軟件的操作以及HTML、CSS、Javascript、Ajax等技術(shù),具備了網(wǎng)站前端開發(fā)基本技能,但是缺乏開發(fā)經(jīng)驗,針對項目的需求分析,不能合理安排和組織內(nèi)容以及設(shè)計軟件界面,難以開發(fā)出有吸引力、易尋、易用、用戶友好的網(wǎng)站。
通過學期項目實踐,培養(yǎng)學生對用戶界面設(shè)計的審美能力,增強其對可用性設(shè)計的評估能力[5],幫助學生積累項目經(jīng)驗和提高開發(fā)效率;在團隊合作過程中培養(yǎng)學生的團隊合作能力,樹立以用戶為中心的交互設(shè)計開發(fā)理念?;谲浖换ピO(shè)計的綜合實踐過程,應(yīng)最大限度地明確需求,減少方案設(shè)計時的隨意性和迭代次數(shù),提高開發(fā)效率,降低項目開發(fā)的風險,保證軟件產(chǎn)品滿足用戶需求。
綜合實踐學期結(jié)束,學校舉行院級小學期競賽,其中,人力資源管理系統(tǒng)、Neusoft好課堂、MyHouseRent房屋租賃平臺管理系統(tǒng)、SOVO?C合管理系統(tǒng)、奧運獎牌記錄管理系統(tǒng)、“程序猿”學院等作品獲獎。
教師可以競賽的方式激發(fā)學生的潛能,培養(yǎng)學生對軟件開發(fā)的興趣,同時為學生校外競賽打好堅實的基礎(chǔ)。例如,2016年攀登計劃省級立項并獲得撥款,包括基于Face++的人臉識別考勤系統(tǒng)(2萬元)、基于Android系統(tǒng)的金標試紙定量檢測儀的研制(1.5萬元);2016年大學生創(chuàng)新創(chuàng)業(yè)省級立項并獲得撥款,包括基于Android的老人緊急報警APP(1萬元)、“打醬油”移動社區(qū)App(1萬元);第四屆“多迪杯”全國大學生網(wǎng)站開發(fā)大賽中,作品“ECHO商城”獲得國家特等獎,獎金5 000元。結(jié) 語
我院實踐了具有特色的實踐教學模式,即兩個理論教學學期后,安排一個綜合實踐學期,更好地把理論知識轉(zhuǎn)換為能力,突出實踐能力的培養(yǎng)。軟件綜合實踐教學體系以優(yōu)質(zhì)創(chuàng)新教學建設(shè)為目的,以達到教學質(zhì)量為最高目標,為培養(yǎng)學生實踐能力和創(chuàng)新精神打下了堅實的基礎(chǔ)。未來的計算機軟件應(yīng)用中,人機交互必然會發(fā)揮越來越重要的作用,我們將繼續(xù)緊跟時代步伐,積極創(chuàng)新,不斷積累教學經(jīng)驗,探索合適的教學體系,不斷提高學生的創(chuàng)新能力以適應(yīng)社會需求。
參考文獻:
[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ù)課程的實踐教學方法探索[J].計算機教育,2015(23): 48-52.[3] 郭璐,李雅箏.基于PACT-P模式的社交網(wǎng)站交互設(shè)計策略研究: 以“人人網(wǎng)”為例[J].今傳媒,2014(1): 15-17.[4] 陳波,劉彥秀.基于公理設(shè)計的交互原型構(gòu)建研究[J].人類工效學,2016,22(1): 68-72.[5] 林連南,劉嘉偉,許南鴻.人機交互課程體系設(shè)計的研究[J].計算機教育,2015(1): 78-82.(編輯:宋文婷)
第二篇:軟件交互系的自薦信(范文)
軟件交互系的自薦信范文,關(guān)鍵詞是自薦信,軟件交互系,
尊敬的領(lǐng)導:
您好!衷心的感謝您在百忙之中翻閱我的這份材料,并祝愿貴單位事業(yè)欣欣向榮,蒸蒸日上!
我是x大學xx學院軟件交互屆畢業(yè)生,自從今日大學之后,高考后的輕松、獲知被錄取的喜悅隨風而逝,因為我的從新開始,繼續(xù)努力奮斗,迎接新的挑戰(zhàn)。時光飛梭,我講到這童年的夢想、青年的理想離開學校,走上工作崗位。大學四年是我思想、知識結(jié)構(gòu)及心理、生長成熟的四年。惠于理工大學的濃厚學習、創(chuàng)新氛圍,熔融其中四年使我成為一名復合型人才。
在校期間,我勤奮學習專業(yè)知識,努力把理論知識運用到實踐中去,曾參加全國大學生電子設(shè)計競賽,并取得佳績。此外我很喜歡電腦,不僅熟練掌握基本應(yīng)用軟件的使用,而且順利通過國家社會和勞動保障部高新技術(shù)信息職業(yè)資格中級考試和微軟ATC認證考試。在英語方面,通過國家英語四級,并且參加英語口語培訓。
此外,我積極投身學生會和廣播站等學生組織為同學服務(wù),表現(xiàn)出色,貢獻卓越,曾先后榮獲校級“優(yōu)秀三好學生兼優(yōu)秀團員”、“優(yōu)秀學生干部”、“校廣播站系統(tǒng)”杰出工作者“等稱號。
“長風破浪會有時,直掛云帆濟滄?!?,我真誠地希望加盟貴公司,我定會以飽滿的熱情和堅韌的性格勤奮工作,與同事精誠合作,為貴單位的發(fā)展盡自己的綿薄之力。下頁附履歷敬請勘酌,懇請接納,回函是盼,我恭候您的佳音!
此致
敬禮!
第三篇:交互設(shè)計心得整理
交互設(shè)計心得整理
長期以來我就有對幾年來交互設(shè)計的心得進行總結(jié)整理的想法?;氐街袊鴣碛H身體會到不少同行,主要是交互設(shè)計師和視覺設(shè)計師對于交互設(shè)計的困惑,以及其他行業(yè)對于交互設(shè)計的誤解和濫用。后來我在小范圍內(nèi)開設(shè)了一個關(guān)于交互設(shè)計的講座;現(xiàn)在把它整理成文,希望與同行切磋,共同進步。
這篇文章是我?guī)啄陙碓诿绹鴱氖陆换ピO(shè)計工作的一個經(jīng)驗總結(jié)。當時我們遵循以用戶為中心(User-Centered-Design, 簡稱UCD)的設(shè)計原則,每一個項目都是不折不扣的按所有UCD的步驟進行。下面總結(jié)的交互設(shè)計的方法,是從UCD的過程中提煉出來,也就是說,同樣適用于任何非UCD的設(shè)計過程。交互設(shè)計的流程
如果一提到交互設(shè)計,你就想到畫線框圖或原型圖,那你只對了五分之一。交互設(shè)計是一個過程,從開始到結(jié)束有一套系統(tǒng)的流程。原型圖只是其中的一個環(huán)節(jié)。
當接到一個設(shè)計項目,怎么開始?都應(yīng)該做哪些工作?怎樣盡可能的保證交付物滿足既定的功能以及用戶體驗層面的易用性?
第一步,是任務(wù)分析,列出界面所要完成的所有任務(wù)。第二步按各任務(wù)確定頁面流程,建立信息架構(gòu)。接下來是創(chuàng)建統(tǒng)一的頁面布局包括分區(qū)等。然后在頁面布局的基礎(chǔ)上進行原型設(shè)計,可以是低保真和高保真的原型圖。最后編寫設(shè)計說明。下面以設(shè)計一款動感相冊界面為例,逐步講解各個環(huán)節(jié)。1.任務(wù)分析
第一步任務(wù)分析。這里要做的是對于將要設(shè)計的這個新界面的所有任務(wù)的分析,也就是用戶在界面上能進行的所有操作。這個分析在功能需求的基礎(chǔ)上進行,需求方一般提供一個功能點的列表。
任務(wù)分析最常見的是任務(wù)列表,另外有任務(wù)流程和任務(wù)場景等。下面以任務(wù)列表為例。列出所有主要任務(wù),以及每個主要任務(wù)的子任務(wù)。再把子任務(wù)細分到各個步驟。形成下面這個列表。主要任務(wù)1 子任務(wù)1 步驟1 步驟2 子任務(wù)2 步驟1 步驟2 主要任務(wù)2 …
以動感相冊為例,任務(wù)分析列表如下:
1.瀏覽相冊 1)瀏覽相冊列表 2)選擇相冊 3)瀏覽照片 2.創(chuàng)建新相冊 1)添加照片 a)選擇已有相冊 b)選擇照片 c)排列順序 d)添加字幕文字 e)選擇動畫效果 2)添加模板 a)瀏覽模板 b)選擇模板 3)添加音樂 a)瀏覽音樂列表 I.試聽音樂 II.選擇音樂 b)增加新音樂 I.打開本地文件 II.選擇音樂 4)預(yù)覽(略)… 5)命名(略)… 6)保存(略)… 3.修改相冊(略)…
任務(wù)列表包括所有功能點,并對每一個功能點的邏輯關(guān)系進行整合。必要時會對各任務(wù)的使用頻率和其它影響設(shè)計的重要因素進行分析,這里不做解釋了。2.頁面流程
任務(wù)分析完成后,進入設(shè)計的第一步,即設(shè)計頁面流程。頁面流程是設(shè)計的開始,也是重要的一環(huán)。它決定整個界面的信息架構(gòu)和操作邏輯。頁面流程是上一步任務(wù)分析的自然轉(zhuǎn)化。一般來說,一個主要任務(wù)就是一個頁面,其它子任務(wù)也可以轉(zhuǎn)化為頁面。
以動感相冊為例,頁面流程如下:
頁面幾乎是把任務(wù)分析照搬過來了。所以上一步做好了,這一步很輕松,而且越往后越輕松。注意這個流程圖應(yīng)該包括所有將要設(shè)計的新頁面,一個不少,一個不多。它不僅確定頁面內(nèi)容,頁面數(shù)量,還確定各頁面之間的關(guān)系。如果在后來設(shè)計具體頁面原型時,發(fā)現(xiàn)這個流程圖多了或少了頁面,或者頁面關(guān)系發(fā)生了變化,說明你的功夫不到家(這個比較難,我一般不苛求我們的設(shè)計師)。根據(jù)原型圖來創(chuàng)建或者修改頁面流程圖,不是在做設(shè)計,而是在寫設(shè)計說明。3.頁面布局
第三步頁面布局是具體頁面設(shè)計的開始,在上一步知道有哪些頁面需要進行設(shè)計后,這里對頁面進行劃分,對內(nèi)容進行組織。最重要的一點是確定頁面分區(qū)。以動感相冊為例,頁面布局如下: 總布局,即通用布局,適合所有頁面。
具體頁面布局,在不與總布局沖突的情況下,有更細節(jié)的布局。
頁面布局賦予零碎的內(nèi)容以邏輯性,以分區(qū)的形式把頁面各區(qū)域所對應(yīng)的功能區(qū)確定下來,減少具體設(shè)計時的隨意性。這是設(shè)計嚴謹與否的表現(xiàn)所在。把類似的操作放在一起,對于用戶來說是可以預(yù)見的,用戶能夠判斷哪個操作在哪個區(qū)域,減少盲目尋找?guī)淼睦щy和疑惑。4.原型設(shè)計 這一步是大家熟知的,即具體頁面的設(shè)計。這一步設(shè)計把所有的界面元素表現(xiàn)出來??梢杂械捅U婧透弑U嬖蛨D。低保真即是線框圖,高保真多是接近最終效果圖。下面是動感相冊的低保真原型圖。
5.設(shè)計說明
最后一步需要做的是對所有頁面進行詳細的描述,包括對頁面上所有元素進行說明,比如默認狀態(tài),跳轉(zhuǎn)頁面,字號字體,尺寸等。這里就不解釋了。這是交給開發(fā)人員的文檔,以及測試人員進行測試的依據(jù)。小結(jié)
交互設(shè)計是一個過程,它不僅僅是畫線框圖。交互設(shè)計最關(guān)鍵的兩個環(huán)節(jié)是頁面流程和頁面布局,前者建立清晰的架構(gòu)和嚴密的邏輯,后者整合零散的信息并確定分明的主次關(guān)系。這一切都是為了我們的終極目標——讓我們的界面符合用戶的預(yù)期,不帶給他們?nèi)魏蔚囊馔?。一切都在用戶的意料之中?/p>
第四篇:交互設(shè)計檔案
交互設(shè)計師的基本素質(zhì)
首先,談?wù)勎覀€人對交互設(shè)計師基本素質(zhì)的看法。從我個人的理解來看,可以簡單歸納為九字訣:“聽、看、想、說、磨、做、驗、寫、講”(如圖1.1)。
圖1.1 1)聽:做一個交互設(shè)計師,最重要的一點就是要懂得傾聽(這里蘊藏了一個隱晦的性格屬性:謙虛?。?。通常情況下,我們不是用戶,所以很難 100%代表用戶,更左右不了老板,所以我們首先要有聽的本事,把來自用戶的、老板的、PD的、視覺的、前端的、開發(fā)的、測試的、市場的、業(yè)界的等各方面的聲音都聽過來,聽進去。
2)看:99%的情況下,交互不是一蹴而就的創(chuàng)造工作,它是站在前人肩膀上不斷迭代更新的行為過程。我這里指的“看”是要求設(shè)計師能博覽、能泛獵,看到好的,見過差的,什么都略懂,交互才能變得很美??
3)想:交互是思考的輸出產(chǎn)物和表現(xiàn)形式。當設(shè)計師將之前聽到的和看到的內(nèi)容在頭腦中加以整理、分析,經(jīng)過發(fā)散的創(chuàng)造性碰撞和嚴謹?shù)倪壿嬚撟C后,逐漸得到了相對靠譜的交互產(chǎn)物。這個思索分析的過程貫穿于交互設(shè)計工作流程的每個環(huán)節(jié)。
4)說:一個能說會道的人不一定是一個優(yōu)秀的交互設(shè)計師,但一個優(yōu)秀的交互設(shè)計師必然是一個善于準確表達自己想法和觀點的人。在這一點上,我堅持交互是一門分享的學科,需要的是開放的性格和良好的溝通技巧。
5)磨:耐心、技巧、熱情的綜合表現(xiàn)。在一個項目的進程中,不可避免的會面臨很多的挑戰(zhàn),優(yōu)秀的交互設(shè)計師善于發(fā)揮“磨”的精神,他們懷揣對交互專業(yè)的無比熱情,以無所不用其極的技巧,耐心的纏死一個又一個質(zhì)疑方,最終讓大家認同并幫助推動設(shè)計的實現(xiàn)。通常來說,一個優(yōu)秀的交互設(shè)計師會是一個優(yōu)秀的Idea推銷員。
6)做:交互設(shè)計師專業(yè)度的核心表現(xiàn)。俗語說得好,是騾子是馬,牽出來遛遛。對于交互設(shè)計師來說,之前的環(huán)節(jié)做得再好、再完美,也只是停留在設(shè)計師自己的腦子里,游蕩于聽眾們的耳膜間。如果理論落實不到實際,那所有的想法都只是空中樓閣,你之前所有的努力都只是在佐證你的空泛和不切實際。所以我們不僅要能 “做”,更要“做”得漂亮,“做”得完美!我一直都是這樣認為:“做”決定了一個交互設(shè)計師是不是靠譜,決定了一個交互設(shè)計師的高度,是一個交互設(shè)計師最根本的專業(yè)素質(zhì)。
7)驗:用戶體驗設(shè)計,最終是要落實到用戶的身上的??陀^中立的驗證、分析、評估能力是一個優(yōu)秀交互設(shè)計師的重要素質(zhì)。無論個人還是團隊,設(shè)計的成果都需要通過精準的測試才能算得上合乎標準,此時,一顆平常心和一雙敏銳的眼睛是設(shè)計師最需要的。
8)寫:分析、歸納和總結(jié)能力的綜合表現(xiàn)。一個項目,無論成功還是失敗,總是有很多地方值得設(shè)計師本人或后來人借鑒。交互設(shè)計之路不是一座苛求零失誤的獨木橋,但絕對是一條要求零“重復”失誤的單行線。評價一個設(shè)計師的專業(yè)度,很重要的一環(huán)就是看他能不能多犯前人從來沒有犯過的錯誤,并能有效總結(jié)給后來人。于是,他就成了大家,路就這樣被趟了出來??
9)講:演講能力。這里所指的是在項目后期進行的交流分享。一個專業(yè)的交互設(shè)計師會站在宏觀的高度上,以平和的心態(tài)同他人溝通,驗證自己先前設(shè)計的合理性、全面性和科學性,更好的提高自己的專業(yè)能力,為今后的交互設(shè)計做好準備。
·交互專業(yè)度的具象化表現(xiàn)
剛才講了很多,但總體來說還是偏理論,還是讓人摸不著頭腦,虛幻的概念最大的優(yōu)勢在于它的顛簸不破和四平八穩(wěn),誰也揪不住它的小辮子。但這不是我的風格,更不是我寫這篇文章的初衷,我希望的是拋磚引玉,給大家?guī)硪恍┱嬲饬x上能直接使用的東西。所以,接下來,我們來些“干貨”,玩點簡單粗暴的??
圖1.2
根據(jù)阿里巴巴目前的產(chǎn)品開發(fā)流程(如圖1.2),交互設(shè)計是大環(huán)節(jié)中的一個小點,拋開雜亂的干擾信息,單純考量交互設(shè)計師在過程中的參與度,我們就能得到一個理想化的交互設(shè)計行為流(如圖1.3):
圖1.3 流程沒什么好講的,更沒什么好爭辯的,無非也就是增加一個、減少一個、偷換概念、細分歸納之類的忽悠。我這里想和大家分享的是流程中每個環(huán)節(jié)的專業(yè)輸出物,我有一個激進的想法:如果某人能精準的完成某些公認的標準化輸出物,那他99%可以被稱為是一個“專業(yè)”的75分交互設(shè)計師了,剩下的 1%,也許是拼RP??
這里,我先簡單交代一下即將涉及到的流程節(jié)點、對應(yīng)輸出物的圖形色塊的代表含義。
1)流程環(huán)節(jié)說明(如圖1.4):
圖1.4 2)流程環(huán)節(jié)各輸出物說明(如圖1.5):
圖1.5 在我看來,一個專業(yè)的交互設(shè)計師,在一個理想化產(chǎn)品設(shè)計的過程中,有一些是屬于必須的輸出物,有一些屬于最好有(推薦)的輸出物,還有一些屬于可有可無的輸出物。同時,根據(jù)項目的實際情況和參與角色的分工情況,存在一些交互設(shè)計師可能需要負責的輸出物,具體細節(jié)我將在下面逐一介紹。1)需求獲取階段:
此階段通常來說會由PD等外部資源發(fā)起,輸出物主要是FRD文檔和時間計劃文檔,用以描述問題、提出初步目標,假想可能的解決方案、預(yù)估資源并梳理時間計劃等。當然,對于從UED內(nèi)部發(fā)起的項目,這兩部分的輸出也可以由交互設(shè)計師完成,屬于可能責任輸出物; 2)需求分析階段:
歷史數(shù)據(jù)的關(guān)注和分析階段,基于項目本身,要針對競爭對手、行業(yè)現(xiàn)狀等做詳盡的收集和分析,其中的關(guān)鍵考核點是要做必要的頭腦風暴,獲取發(fā)散而全面的信息集合。在此階段,競爭分析報告和頭腦風暴輸出物是交互設(shè)計師專業(yè)度的重要表現(xiàn)。
3)用戶訪談階段:
對于一些條件允許的項目,我們建議能在項目初期尋求一些用戶的信息,定義一些用戶的屬性,這些對于之后的交互設(shè)計都會是堅實的基礎(chǔ)。一個高專業(yè)度的交互設(shè)計師甚至會主動介入訪談問卷的設(shè)定工作,客觀的參與調(diào)研報告輸出的全過程。
4)需求修正階段:
專業(yè)的交互設(shè)計師通常不甘于淪為一個純粹的資源,抗拒被動的接受命令。我們之前經(jīng)歷的需求分析和用戶訪談都是為掌控主動權(quán)而做的準備。如今,我們有理有據(jù),應(yīng)該主動出擊,和需求方討論研究需求的合理性、可行性,明確最終的修正目標,并對達成目標所涉及的重點突破點有理性的分析判斷,篩選出各設(shè)計點的優(yōu)先級。5)設(shè)計草稿階段
項目目標和設(shè)計方向確定下來后,我們將進入核心的設(shè)計環(huán)節(jié)。作為交互設(shè)計師的“殺手锏”,交互流程和線框草圖當然一個都不能少,但此時我更想強調(diào)一項輔助性質(zhì)的調(diào)研分析工作。從交互的角度來看,在大流程大框架敲定的情況下,交互設(shè)計師通常會投入更多的精力在一些核心的設(shè)計點,也就是我們在需求修正階段確認的設(shè)計重點。此時,專業(yè)的設(shè)計師絕對不會拍腦袋設(shè)計,更不會想當然出方案,而是會針對這些核心點做業(yè)界調(diào)研和分析,為自己即將進行的設(shè)計尋求一個足夠?qū)拸V厚實的肩膀。6)設(shè)計細化階段
第一階段的設(shè)計工作將在此階段性輸出。我們回顧一下,截止此時的設(shè)計產(chǎn)物有:用戶調(diào)研報告、FRD確認文檔、交互流程、線框草圖、核心設(shè)計調(diào)研分析、核心設(shè)計詳細說明、交互流程整體說明等。基本上,一個交互設(shè)計師的專業(yè)度,已經(jīng)可以根據(jù)此時的輸出物數(shù)量、質(zhì)量看出個大概齊了 7)專家評審階段
一個專業(yè)的交互設(shè)計師,要謙虛。此刻,我們進入小范圍專家評審的階段了,三個臭皮匠還頂一個諸葛亮呢,更何況是參與評審的專家呢。此時設(shè)計師的專業(yè)度就體現(xiàn)在 “聽”、“說”和“想”這三訣上,耐心的做好評審記錄,有理有據(jù)的同專家們進行專業(yè)溝通,并確認最終的結(jié)論和方向。8)設(shè)計優(yōu)化階段
經(jīng)歷了專家團的考驗,又該抖擻精神重新上路了,沒什么好說的,把過程做好了,你的專業(yè)度也就到位了。設(shè)計優(yōu)化階段的投入度和產(chǎn)出將直接影響到后續(xù)Demo及測試的效果,和最終設(shè)計也息息相關(guān),各位交互設(shè)計師們,千萬別打瞌睡了!
9)仿真Demo開發(fā)階段
終于到了仿真Demo的模型化階段啦,這時盡管并沒有直接的交互輸出物,但還是需要交互設(shè)計師用百分百的挑刺精神,協(xié)助視覺和前端精準的達成我們之前的設(shè)計,嚴格保證最佳的輸出效果。10)測試驗證階段
仿真Demo出來之后,將進入最后的測試驗證階段,根據(jù)項目的實際情況,可能是QA測試,也可能是用戶測試,總之,這個環(huán)節(jié)能幫助設(shè)計師最后把關(guān)設(shè)計的合理性,專業(yè)如你,一定要親自跟進測試并給出最終的評估報告,哪些點是前期沒有考慮周全的?那些點是成功的?哪些點是必須立即改進的?哪些點能以后再說?哪些?? 11)完成設(shè)計階段
最后的設(shè)計階段,根據(jù)之前的測試驗證評估報告,交互設(shè)計師要對所有之前的輸出做一次嚴格的檢查和修正,完成最后的輸出。
12)開發(fā)上線階段
盯緊視覺設(shè)計師和前端工程師吧,最關(guān)鍵的時候終于到了,經(jīng)歷了那么多紛繁復雜的環(huán)節(jié),我們等的就是上線的這一瞬間。當然,千萬別忘了后續(xù)的跟蹤和分析,這能為你的專業(yè)度加分不少哦 ·總結(jié)和展望
綜上所述,我們已經(jīng)整理出來了體現(xiàn)交互設(shè)計師專業(yè)度的過程輸出物了,總結(jié)一下:以75分交互設(shè)計師的標準來看,我們的專業(yè)度能通過以下的關(guān)鍵輸出物衡量:FRD目標確認文檔、競爭分析報告、頭腦風暴產(chǎn)出物、項目初期用戶調(diào)研報告、核心設(shè)計點調(diào)研及分析報告、專家評審報告和評估報告、原型測試報告、交互流程圖及詳細說明文檔、頁面線框圖、核心設(shè)計點說明文檔和最后的跟蹤分析報告。
基本上,所有的輸出物都是反復易稿的結(jié)果,都是細碎過程的迭代輸出,都飽含了設(shè)計師辛勤的工作投入。所有有夢想的交互設(shè)計師們,請正確的審視這些輸出物,珍惜自己的付出,它們不光是單板的形式教條,它們更是證明自己專業(yè)度最有利的武器!
被很多同學都質(zhì)疑過:那么多的輸出物,平時做需求怎么可能全部做出來?每當此時,我的回答都是一樣的:“是的,找借口總是很容易的。大家的確都很忙碌,按季度來說,基本上每個人都會經(jīng)手大大小小幾十個需求,但我們真的忙碌到輸出一個高質(zhì)量設(shè)計的精力都沒有了嗎?還是我們打心里就本著做交互、混日子的想法呢?”
不是不能,是不愿!那才是交互設(shè)計這個職業(yè)最可悲之處??
作者信息:本文http://
第五篇:數(shù)字交互設(shè)計
《數(shù)字交互設(shè)計》教學大綱
課程名稱:數(shù)字交互設(shè)計 課程類型:專業(yè)方向課 課程編號:134081
學時數(shù)及學分:總32學時,2學分,其中講課8學時,上機24學時。
教材名稱及作者、出版社、出版時間:《Adobe Flash CS4 ActionScript 3.0中文版經(jīng)典教程》 美國Adobe公司著,井中月譯,人民郵電出版社,2009年8月 本大綱主筆人:劉云安
本大綱審定人:數(shù)字媒體學院學術(shù)委員會
一、課程的目的、要求和任務(wù)
1.通過本課程的學習,讓學生認識到新媒體的數(shù)字化、集成化和交互性特點。2.讓學生了解人機交互的歷史、發(fā)展現(xiàn)狀及趨勢。了解交互界面和交互設(shè)備。
3.了解人機界面的定義、起源、發(fā)展、研究內(nèi)容及發(fā)展趨勢。熟悉相關(guān)學科及知識,掌握人機界面設(shè)計中認知心理學、人機工程學、人機界面的藝術(shù)設(shè)計、色彩設(shè)計等。
4.結(jié)合移動互聯(lián)技術(shù)、物聯(lián)網(wǎng)技術(shù)以及多點觸摸、體感等人機交互技術(shù),讓學生的設(shè)計作品在跨媒體平臺上與用戶交互。通過創(chuàng)新的交互模式,促進人與數(shù)字媒體內(nèi)容交互的過程中達成良好的用戶體驗。
為達到上述目的和要求,在教學內(nèi)容和課程設(shè)置上,應(yīng)注意以下有關(guān)問題:
1.該課程按照從簡到繁、循序漸進、整體系統(tǒng)的原則進行教學,將課堂講授、案例分析和實踐作業(yè)三者相結(jié)合,既注重理論基礎(chǔ)又注重技術(shù)操作。
2.堂上授課、集中討論、分組實踐的方式進行教學。
3.課程高度重視藝術(shù)和技術(shù)的融合,面向行業(yè)應(yīng)用,緊隨技術(shù)的發(fā)展。4.平時作業(yè)不少于4次,期末作品1次。
二、課程主要內(nèi)容及學時分配
第一講
緒論(2學時)
一、交互設(shè)計概述
二、課程內(nèi)容介紹
第二講
新媒體及其交互性(4學時)
一、新媒體的發(fā)展與數(shù)字內(nèi)容的涌現(xiàn)
二、新媒體的可交互性
三、人機界面
四、Web界面設(shè)計實驗
第三講
人機交互技術(shù)概述(4學時)
一、人機交互的概念、發(fā)展歷史及趨勢
二、人機交互與其他學科的關(guān)系(認知心理學 計算機圖形技術(shù) 多媒體技術(shù) 虛擬現(xiàn)實技術(shù))
三、交互設(shè)備與交互界面
四、鼠標與鍵盤交互試驗。鼠標跟隨效果實驗 第四講
交互設(shè)計的方法與設(shè)計評價(6學時)
一、可交互的數(shù)字內(nèi)容
二、事件與響應(yīng)
三、交互設(shè)計的流程和方法
四、交互設(shè)計的評價。人機界面設(shè)計的測試和評價的意義、設(shè)計準則、人機界面的測試、界面設(shè)計評價、硬件人機界面設(shè)計評價、軟件人機界面設(shè)計評價與可用性測試
五、互動小游戲設(shè)計實驗。碰撞檢測與定時器實驗 第五講
人機界面設(shè)計(5學時)
一、人機界面概述。人機界面的定義、起源、發(fā)展;人機界面學的研究內(nèi)容;人機界面的設(shè)計的發(fā)展趨勢;20世紀最偉大的10種人機界面裝置。
二、軟件人機界面概述、軟件人機界面的形式與標準、軟件人機界面設(shè)計、web界面設(shè)計、圖標設(shè)計。
三、Flash跳轉(zhuǎn)函數(shù)--控制播放器實驗 第六講
驅(qū)動數(shù)字內(nèi)容(4學時)
一、鼠標與鍵盤
二、體感交互
三、多點觸摸交互模式設(shè)計實驗 第七講
flash互動媒體設(shè)計(5學時)
一、flash多媒體資源整合設(shè)計
二、flash創(chuàng)意網(wǎng)站設(shè)計
三、進度條、聲音和背景音樂的控制與Flash跳轉(zhuǎn)函數(shù)——控制播放器實驗 第八講
html5 web交互創(chuàng)意表現(xiàn)(2學時)
一、html5畫布
二、html5移動媒體創(chuàng)意設(shè)計
三、與其他課程的關(guān)系
本課程與《flash動畫設(shè)計》、《人機交互技術(shù)》、《web編程》等課程具有密切的學術(shù)關(guān)聯(lián)。這些課程之間既有理論上的相互聯(lián)系,也在實際操作上具有千絲萬縷的關(guān)系。學生可以在這些課程之間進行知識與技術(shù)的相互遷移與會通,這將對數(shù)字媒體藝術(shù)創(chuàng)作素養(yǎng)的培養(yǎng)能夠起到積極的作用。
四、考核方式
1、期末作品考查,占總成績的60%;
2、平時成績(出勤、課堂作業(yè)等)占總成績的40%。
五、參考書目
[1]《HTML&XHTML權(quán)威指南(第六版)》(美)穆西亞諾,(美)肯尼迪著,張洪濤,邢璐譯 清華大學出版社,2007年版。
[2]《javascript高效圖形編程》(美),Raffaele Cecco 著 徐鵬飛 譯,人民郵電出版社,2012年版。
[3]《Adobe Flash CS4 ActionScript 3.0中文版經(jīng)典教程》 美國Adobe公司著,井中月譯,人民郵電出版社,2009年版。
[4]《人機界面設(shè)計》,周蘇、左伍衡、王文、徐新愛 等編著,科學出版社, 2007年版。[5]《Human-Computer Interaction Second Edition》,迪克斯(英),電子工業(yè)出版社,2003年版。
六、課程所需設(shè)備
多媒體教學系統(tǒng)、數(shù)據(jù)手套、android平板電腦。