Day1.交互設(shè)計(jì)的基本概念

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)?

交互設(shè)計(jì)階段

(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)丹墨。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市嬉愧,隨后出現(xiàn)的幾起案子贩挣,更是在濱河造成了極大的恐慌,老刑警劉巖没酣,帶你破解...
    沈念sama閱讀 216,651評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件王财,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡裕便,警方通過查閱死者的電腦和手機(jī)绒净,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,468評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來偿衰,“玉大人挂疆,你說我怎么就攤上這事∠卖幔” “怎么了缤言?”我有些...
    開封第一講書人閱讀 162,931評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)视事。 經(jīng)常有香客問我胆萧,道長(zhǎng),這世上最難降的妖魔是什么郑口? 我笑而不...
    開封第一講書人閱讀 58,218評(píng)論 1 292
  • 正文 為了忘掉前任鸳碧,我火速辦了婚禮盾鳞,結(jié)果婚禮上犬性,老公的妹妹穿的比我還像新娘。我一直安慰自己腾仅,他們只是感情好乒裆,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,234評(píng)論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著推励,像睡著了一般鹤耍。 火紅的嫁衣襯著肌膚如雪肉迫。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,198評(píng)論 1 299
  • 那天稿黄,我揣著相機(jī)與錄音喊衫,去河邊找鬼。 笑死杆怕,一個(gè)胖子當(dāng)著我的面吹牛族购,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播陵珍,決...
    沈念sama閱讀 40,084評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼寝杖,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了互纯?” 一聲冷哼從身側(cè)響起瑟幕,我...
    開封第一講書人閱讀 38,926評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎留潦,沒想到半個(gè)月后只盹,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,341評(píng)論 1 311
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡愤兵,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,563評(píng)論 2 333
  • 正文 我和宋清朗相戀三年鹿霸,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片秆乳。...
    茶點(diǎn)故事閱讀 39,731評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡懦鼠,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出屹堰,到底是詐尸還是另有隱情肛冶,我是刑警寧澤,帶...
    沈念sama閱讀 35,430評(píng)論 5 343
  • 正文 年R本政府宣布扯键,位于F島的核電站睦袖,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏荣刑。R本人自食惡果不足惜馅笙,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,036評(píng)論 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望厉亏。 院中可真熱鬧董习,春花似錦、人聲如沸爱只。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,676評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至窝趣,卻和暖如春疯暑,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背哑舒。 一陣腳步聲響...
    開封第一講書人閱讀 32,829評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工妇拯, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人洗鸵。 一個(gè)月前我還...
    沈念sama閱讀 47,743評(píng)論 2 368
  • 正文 我出身青樓乖阵,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親预麸。 傳聞我的和親對(duì)象是個(gè)殘疾皇子瞪浸,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,629評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容