1.什么是交互設(shè)計(jì)?
廣義上交互設(shè)計(jì):針對(duì)于機(jī)器/軟件語言的描述,操作流程的規(guī)劃;
狹義上交互設(shè)計(jì):軟件界面的交互設(shè)計(jì)和操作流程吏砂。
2.交互設(shè)計(jì)師的角色定義是什么?交互設(shè)計(jì)師所要解決的問題是什么乘客?
交互設(shè)計(jì)師負(fù)責(zé)的是產(chǎn)品行為的設(shè)計(jì)和創(chuàng)意,專門研究用戶行為淀歇,即用戶如何與產(chǎn)品交互易核,以及產(chǎn)品如何響應(yīng)用戶的操作;同時(shí)浪默,又是一個(gè)溝通的角色牡直,做為視覺設(shè)計(jì)師和程序設(shè)計(jì)的溝通橋梁。交互設(shè)計(jì)的目的是使產(chǎn)品讓用戶能簡(jiǎn)單使用纳决。任何產(chǎn)品功能的實(shí)現(xiàn)都是通過人和機(jī)器/軟件的交互來完成的碰逸。
讓用戶使用產(chǎn)品時(shí)更好的完成目標(biāo)任務(wù),并且在過程中得到情感上的滿足阔加。
3.交互設(shè)計(jì)執(zhí)行的基本流程是什么饵史?都需要使用哪些工具和方法?
基本流程:
(1)任務(wù)分析(2)導(dǎo)航設(shè)計(jì)(3)頁面流程圖(4)用戶操作流程圖(5)頁面布局設(shè)計(jì)(6)初稿評(píng)審(7)詳細(xì)交互設(shè)計(jì)(8)終稿評(píng)審
工具:
前期產(chǎn)品討論胜榔,主要是展示創(chuàng)意或流程的核心概念胳喷,基本上手繪就可以,或者借助尺子等工具夭织。
過程中涉及到的工具比較多:a.思維導(dǎo)圖工具吭露,如Mindmanager,XMind等尊惰;b.低保真原型工具讲竿,visio泥兰,主要是早期的設(shè)計(jì)在用;c.Axure题禀,現(xiàn)在用的比較多的工具鞋诗,可以快速進(jìn)行交互設(shè)計(jì)原型制作;d.AI/cdr投剥,矢量工具师脂,可以做文檔輸出,如果做原型之類的會(huì)比較復(fù)雜江锨;E.Keynote/PPT,快速展示產(chǎn)品概念
展示部分吃警,PC端:靜態(tài)展示,通常就是輸出PDF啄育、文檔酌心、圖片等;動(dòng)態(tài)的話挑豌,AE安券,PR,F(xiàn)LASH可以輸出動(dòng)態(tài)的視頻演示氓英,Axure等可以輸出可點(diǎn)擊/拖拽的交互demo侯勉;移動(dòng)端:POP、快現(xiàn)铝阐、UIDPlayer
方法:以用戶為中心的設(shè)計(jì)UCD ?以活動(dòng)為中心的設(shè)計(jì)ACD ?系統(tǒng)設(shè)計(jì) ?天才設(shè)計(jì)
4.在設(shè)計(jì)的每個(gè)階段址貌,交互設(shè)計(jì)師應(yīng)該完成的工作有哪些?
需求分析階段:如果是新產(chǎn)品徘键,需要了解:
產(chǎn)品的定位是什么练对?
用戶群體是誰?他們有哪些特征吹害?我們的產(chǎn)品需要解決用戶的什么痛點(diǎn)螟凭?如果有競(jìng)品,我們與他們的優(yōu)勢(shì)在哪里它呀、差異又在哪里螺男?
產(chǎn)品的功能點(diǎn)有哪些?
如果是迭代改進(jìn)的產(chǎn)品:
對(duì)于已經(jīng)上線的產(chǎn)品纵穿,如果是已有功能的改進(jìn)優(yōu)化烟号,需要了解:
改版目標(biāo)是什么?當(dāng)前存在的問題是什么政恍?計(jì)劃通過什么方式/方法解決汪拥?期望達(dá)到怎樣的目標(biāo)?
(1)任務(wù)分析
根據(jù)產(chǎn)品的功能點(diǎn)篙耗,先確定用戶需要完成哪些任務(wù)迫筑?每個(gè)任務(wù)又可以分解為哪些子任務(wù)宪赶?這些子任務(wù)的操作流程、目標(biāo)是什么脯燃?分布在哪些頁面搂妻,子任務(wù)的層級(jí)結(jié)構(gòu)是怎樣的?任務(wù)辕棚、子任務(wù)的優(yōu)先級(jí)關(guān)系是怎樣的欲主?如何在界面上突出主要任務(wù)?
(2)導(dǎo)航設(shè)計(jì)
突出主要功能點(diǎn)逝嚎,讓用戶在完成任務(wù)時(shí)能一目了然的知道自己要從哪個(gè)入口進(jìn)入扁瓢。通過前面的功能分析和任務(wù)分析,對(duì)于用戶任務(wù)的優(yōu)先級(jí)已經(jīng)較為明確补君,此時(shí)可以思考引几、確定產(chǎn)品的導(dǎo)航設(shè)計(jì)。
(3)頁面流程圖
明確整個(gè)產(chǎn)品的層級(jí)結(jié)構(gòu)挽铁、頁面之間的關(guān)系伟桅。
(4)用戶操作流程圖
對(duì)于比較簡(jiǎn)單的功能或產(chǎn)品,這一步可以省略叽掘。但是如果涉及到多個(gè)用戶角色之間的操作關(guān)聯(lián)楣铁、較為復(fù)雜的判斷邏輯,建議交互設(shè)計(jì)師先梳理清楚用戶操作流程圖更扁,思考清楚不同分支的走向盖腕。后續(xù)在設(shè)計(jì)評(píng)審階段,可以通過流程圖來輔助講解疯潭,更容易理解。
(5)頁面布局設(shè)計(jì)
整體框架面殖、流程梳理完成后竖哩,開始逐個(gè)完成各個(gè)界面的布局設(shè)計(jì)、界面之間的跳轉(zhuǎn)關(guān)系脊僚。這個(gè)環(huán)節(jié)是整個(gè)交互設(shè)計(jì)的重中之重相叁,如何設(shè)計(jì)友好而易用的界面,如何做到有效的組織將用戶重點(diǎn)關(guān)注的信息凸顯出來辽幌,非吃鲅停考驗(yàn)一位交互設(shè)計(jì)師的能力。
另外乌企,這個(gè)環(huán)節(jié)也要著手思考交互操作細(xì)節(jié)虑润,不過暫時(shí)不用表述完整,可等初稿評(píng)審且基本確認(rèn)后再做細(xì)化加酵。
(6)初稿評(píng)審
目標(biāo)是確認(rèn)導(dǎo)航設(shè)計(jì)拳喻、頁面流程哭当、頁面布局是否符合產(chǎn)品需求,各方的想法是否能達(dá)成一致冗澈。如果遇到不一致的情況钦勘,可討論分歧點(diǎn)在哪里,討論不同方案的優(yōu)劣點(diǎn)及如何取舍亚亲。
如果修改意見較少彻采,完成修改后可私下與相關(guān)的業(yè)務(wù)需求方或產(chǎn)品經(jīng)理溝通設(shè)計(jì)方案,基本達(dá)成一致后可開始進(jìn)行詳細(xì)設(shè)計(jì)捌归;如果交互初稿評(píng)審分歧較大肛响,需要修改后重新評(píng)審,基本確認(rèn)后再做詳細(xì)設(shè)計(jì)陨溅。
(7)詳細(xì)交互設(shè)計(jì)
這個(gè)環(huán)節(jié)终惑,需要完善不同狀態(tài)下的頁面布局和內(nèi)容展示、用戶操作反饋提示门扇、通用或異常的場(chǎng)景等等雹有。所有開發(fā)階段需要用到的都需要在詳細(xì)設(shè)計(jì)階段體現(xiàn)。
(8)終稿評(píng)審
主要是讓開發(fā)測(cè)試同事了解設(shè)計(jì)需求臼寄、評(píng)估設(shè)計(jì)方案的實(shí)現(xiàn)合理性霸奕、交互細(xì)節(jié)是否完善且無異議。需要交互設(shè)計(jì)師提前對(duì)設(shè)計(jì)方案有足夠的思考吉拳、能權(quán)衡多種方案的利弊质帅,進(jìn)而將自己經(jīng)過深思熟慮的且最為合適的方案推進(jìn)下去。
視覺設(shè)計(jì)階段
交互設(shè)計(jì)師需要向視覺設(shè)計(jì)師介紹交互原型留攒;對(duì)輸出的視覺設(shè)計(jì)方案煤惩,需要從交互角度予以評(píng)估,比如與交互設(shè)計(jì)初衷是否一致炼邀、內(nèi)容的主次是否表達(dá)得當(dāng)魄揉、是否有細(xì)節(jié)遺漏或錯(cuò)亂等等。
開發(fā)與測(cè)試驗(yàn)收階段
測(cè)試用例撰寫時(shí)拭宁,測(cè)試同事可能會(huì)在交互說明文檔的基礎(chǔ)上思考的更加全面洛退,提出一些尚未考慮到的特殊操作場(chǎng)景。交互設(shè)計(jì)師需要思考杰标、補(bǔ)充相應(yīng)的交互設(shè)計(jì)說明兵怯。
測(cè)試用例評(píng)審階段,需要確認(rèn)所有的用例是否與交互文檔上一致腔剂。
開發(fā)實(shí)現(xiàn)過程中媒区,若開發(fā)遇到一些交互上的疑問,需要實(shí)時(shí)跟進(jìn)、討論驻仅、確定最終實(shí)現(xiàn)方案谅畅。
測(cè)試驗(yàn)收階段,需要驗(yàn)收最終的效果噪服,看與交互原型是否一致毡泻,對(duì)于有出入的地方也要盡快跟進(jìn)確認(rèn)。
搜集用戶反饋階段
交互設(shè)計(jì)師需要分析用戶反饋問題的合理性粘优、是否需要優(yōu)化仇味。對(duì)于值得重視的反饋,需要思考設(shè)計(jì)方案雹顺、推進(jìn)實(shí)現(xiàn)丹墨。