交互設(shè)計(jì)師修煉指南!教你從零開(kāi)始成為優(yōu)秀交互設(shè)計(jì)師

9 評(píng)論 8367 瀏覽 71 收藏 35 分鐘

本文全系列滿滿干貨,是從眾多交互設(shè)計(jì)前輩們分享的寶貴經(jīng)驗(yàn)里挑選出的最實(shí)用的方法,不僅能讓你徹底了解交互設(shè)計(jì),還能幫有志在這個(gè)領(lǐng)域發(fā)展,卻苦于沒(méi)有老師的童鞋,從零開(kāi)始學(xué)習(xí)成為一名優(yōu)秀的交互設(shè)計(jì)師。

在校大學(xué)生、想轉(zhuǎn)行的設(shè)計(jì)師還能在這兒得到前輩的實(shí)用建議,想進(jìn)階的交互也有職場(chǎng)系列經(jīng)驗(yàn)分享,文末還有超贊的資源奉獻(xiàn),干貨量大,推薦童鞋們收藏 :)

交互設(shè)計(jì)那些事兒

一、什么是交互?

超星網(wǎng)產(chǎn)品總監(jiān)@張淼程 :交互這個(gè)說(shuō)法來(lái)自于國(guó)外,交互的名詞形式是interaction,形容詞是interactive,交互設(shè)計(jì)的英文則是 Interaction Design。

問(wèn)題是到底什么是交互?這里不給任何學(xué)院派高深的解釋。

在我看來(lái)”交互”其實(shí)很簡(jiǎn)單。

“你來(lái)我往”謂之”交互”;這里的”你來(lái)”指的是”輸入(input)”,”我往”是”反饋(feedback)或輸出(output)”。

如果只有”你來(lái)”沒(méi)有”我往”就不能稱之為交互。

你點(diǎn)一下鼠標(biāo),電腦屏幕馬上告訴你”你二姑的菜就被你偷了2棵”——”點(diǎn)鼠標(biāo)”是”你來(lái)”,電腦的那個(gè)提示是電腦給你回饋的”我往”。
這就是最簡(jiǎn)單的一個(gè)交互。

交互可能存在于人與人之間,也可能存在于人于物之間。

對(duì)于交互設(shè)計(jì)師來(lái)說(shuō),這個(gè)物可以是電腦,或者手機(jī),MP3播放器……一切需要你work on的產(chǎn)品。

Interaction-2

二,交互設(shè)計(jì)師的一天是怎么度過(guò)的?

(該處來(lái)自知乎,作者:可風(fēng))

檢查了一下我的谷歌日歷,才發(fā)現(xiàn)一天做的事情竟然這么雜,概括起來(lái)的話可以又這些吧:

一,計(jì)劃整理:

1,剛到公司第一件事就是整理一下昨天的事情,哪些完成了哪些沒(méi)完成,接下來(lái)要怎么跟進(jìn)的;

2,檢查郵件,制定計(jì)劃表,今天可能會(huì)來(lái)什么需求,什么會(huì)議,什么問(wèn)題,提前做好準(zhǔn)備;

3,看看發(fā)出去的東西是否收到反饋,檢查一下項(xiàng)目進(jìn)度表哪些可以去對(duì)效果了,加入計(jì)劃表;

4,約人,包括有PM要來(lái)提需求,以及約別人確認(rèn)方案,都提前在QQ上說(shuō)好,然后預(yù)定好會(huì)議室之類的;
大概早上要花半個(gè)小時(shí)都干這些吧!

Interaction-1

二,對(duì)需求:

就是產(chǎn)品經(jīng)理來(lái)提需求,然后和他們對(duì)一遍,目標(biāo)當(dāng)然是能夠正確的理解并整理好這些需求,方便開(kāi)展接下來(lái)的交互設(shè)計(jì);

在對(duì)之前通常會(huì)大概了解一下相關(guān)方面的知識(shí),看看競(jìng)品,準(zhǔn)備好材料。

對(duì)需求的時(shí)候,必須要搞明白的三個(gè)問(wèn)題:

  • 1)為什么要做這個(gè)?(目標(biāo))
  • 2)這個(gè)需求針對(duì)的用戶群是什么?(用戶)
  • 3)什么場(chǎng)景下會(huì)使用到這個(gè)功能?(場(chǎng)景)

當(dāng)然是和PM一起想這些問(wèn)題,PM品可能有的只能回答到第一條。還有對(duì)需求的時(shí)候聚焦的核心是產(chǎn)品目標(biāo),其他不相關(guān)的比如PM說(shuō)想做個(gè)轉(zhuǎn)場(chǎng)動(dòng)畫(huà),想分3步完成這種話都我一般都會(huì)主動(dòng)過(guò)濾掉,這個(gè)應(yīng)該自己交互自己獨(dú)立思考的,不能受PM的干擾。

三,思考交互方案:

其實(shí)對(duì)需求的時(shí)候往往大腦中就已經(jīng)有相應(yīng)的方案了,但是要把方案細(xì)化,每一個(gè)步驟的走過(guò)去又會(huì)發(fā)現(xiàn)很多問(wèn)題,然后一個(gè)問(wèn)題又引出很多不確定的點(diǎn)。所 以這之間還會(huì)有很多參考,溝通,反復(fù)的環(huán)節(jié),需要畫(huà)花時(shí)間還挺多的,但最終想法清晰的落地時(shí)候只不過(guò)是畫(huà)一個(gè)線框草圖分分鐘的事情。

四,跟進(jìn):

1,設(shè)計(jì)方案出來(lái)之后找PM確定,征詢視覺(jué)和開(kāi)發(fā)的建議。方案確定下來(lái)之后還要寫(xiě)一個(gè)很好地交互文檔給領(lǐng)導(dǎo),產(chǎn)品,設(shè)計(jì),開(kāi)發(fā)等人一個(gè)個(gè)講明白,確保他們都懂了;

2,上次設(shè)計(jì)的部分開(kāi)發(fā)接近完成,要去和開(kāi)發(fā)對(duì)一下效果,看看實(shí)現(xiàn)的如何,是否有偏差。在開(kāi)發(fā)階段發(fā)現(xiàn)一些以前沒(méi)有想到的問(wèn)題要酌情給出解決方案;

3,產(chǎn)品上線后的反饋如何?用戶反響怎么樣,喜歡還是罵?罵的都是哪些內(nèi)容?根據(jù)數(shù)據(jù)反饋,設(shè)計(jì)的流程轉(zhuǎn)化率如何,點(diǎn)擊量高嗎?問(wèn)題都是出在哪里等;

其實(shí)最怕的就是看反饋,總擔(dān)心自己當(dāng)時(shí)天花亂墜給產(chǎn)品經(jīng)理們的保證實(shí)際上上線了效果完全不一樣,好打擊權(quán)威性啊%>_<%~

五,參加各種會(huì)議:

參加產(chǎn)品經(jīng)理們的例會(huì),參加視覺(jué)設(shè)計(jì)師的例會(huì),還有自己的會(huì)議,各種分享會(huì)交流會(huì)等。其實(shí)有些人覺(jué)得無(wú)聊,但我都超認(rèn)真的,尤其是產(chǎn)品經(jīng)理的會(huì)議, 可以發(fā)現(xiàn)很多產(chǎn)品們的問(wèn)題,接下來(lái)的產(chǎn)品戰(zhàn)略還有產(chǎn)品目標(biāo),方便前置的準(zhǔn)備自己的工作。而且還可以學(xué)到很多他們的溝通和思考方法,方便到時(shí)候的PK!

六,充電:

1,看各種設(shè)計(jì),一般是看花瓣,Dribbble – Popular,或者自己下載一些應(yīng)用把玩一下;

2,看各種文章,也就是網(wǎng)站到處轉(zhuǎn)載的那些CDC,MUX的文章。不過(guò)現(xiàn)在覺(jué)得看多了大部分也就那樣,很少看到一些新穎的思想或方法,所以更加關(guān)注一些跨界的設(shè)計(jì)或生活中的書(shū);

3,刷知乎,微博,朋友圈,你們懂的~

七:其他時(shí)間:

大部分都在想如何能讓自己做的更好一些!

Interaction-4

二、交互設(shè)計(jì)師修煉指南

本文作者愛(ài)奇藝無(wú)線UED負(fù)責(zé)人@愛(ài)奇藝_曉生,原文刊發(fā)在作者博客 daichuanqing

1,交互設(shè)計(jì)師需要怎樣的知識(shí)體系?

教你從零開(kāi)始成為優(yōu)秀交互設(shè)計(jì)師

看過(guò)各種分析,交互設(shè)計(jì)師需要具備什么樣的能力 ,但個(gè)人始終專注于探索如何提高專業(yè)能力,一是興趣所在,二是學(xué)習(xí)知識(shí)能得到成就感。寫(xiě)博客可以督促學(xué)習(xí),動(dòng)機(jī)非常單純,沒(méi)有關(guān)注過(guò)什么個(gè)人品牌和增加名 氣,博客也不能成為評(píng)價(jià)設(shè)計(jì)師的標(biāo)準(zhǔn),作品才是評(píng)價(jià)設(shè)計(jì)師的唯一標(biāo)準(zhǔn)。學(xué)習(xí)和提高個(gè)人工作能力都是以做出優(yōu)秀作品為目標(biāo)。

設(shè)計(jì)師各個(gè)階段需要學(xué)習(xí)不同難度的知識(shí)和做不同的事情,正如我將學(xué)習(xí)資料劃為三個(gè)梯度,希望設(shè)計(jì)師能由淺到深的學(xué)習(xí)。一開(kāi)始沒(méi)有項(xiàng)目經(jīng)驗(yàn),缺乏基礎(chǔ)知識(shí),不宜硬啃高難度的資料。

基礎(chǔ)篇

適合剛?cè)胄胁㈤_(kāi)始接觸項(xiàng)目的設(shè)計(jì)師學(xué)習(xí) :

1.設(shè)計(jì)的美學(xué)知識(shí)。

2.交互設(shè)計(jì)的基本原則,如一致性、減少輸入和減少操作步驟等等,這些原則容易理解,通過(guò)學(xué)習(xí)案例和閱讀通俗易懂的書(shū)籍迅速地掌握。此階段適合泛讀《交互設(shè)計(jì)精髓》等書(shū)籍,不宜精讀,沒(méi)有項(xiàng)目經(jīng)驗(yàn)的話,讀完之后不知所云。

3.平臺(tái)特性及其設(shè)計(jì)規(guī)范,通過(guò)閱讀平臺(tái)的設(shè)計(jì)規(guī)范對(duì)設(shè)計(jì)思維的形成非常有幫助,特別是Microsoft和Apple的文檔。

4.做交互設(shè)計(jì)方案的方法,如繪制流程圖、原型圖和撰寫(xiě)交互設(shè)計(jì)規(guī)范文檔,難度不大,只是需要多次的練習(xí)。但這種文檔很少會(huì)對(duì)外分享,學(xué)生很難學(xué)習(xí)到這部分內(nèi)容,這會(huì)影響到他們表達(dá)自己的設(shè)計(jì)想法。

進(jìn)階篇

適合有3個(gè)月以上項(xiàng)目經(jīng)驗(yàn)的設(shè)計(jì)師學(xué)習(xí):

1.特定控件設(shè)計(jì),如標(biāo)簽欄、標(biāo)簽欄、列表界面和彈窗口等,匯總已有設(shè)計(jì)的優(yōu)缺點(diǎn)和設(shè)計(jì)規(guī)律。

2.特定界面設(shè)計(jì),界面中如何呈現(xiàn)特定的信息,如應(yīng)用程序首頁(yè)、個(gè)人資料或者數(shù)據(jù)流界面。

3.獨(dú)立常用功能設(shè)計(jì),如注冊(cè)登錄、刷新和功能引導(dǎo),需要了解功能背后的技術(shù)知識(shí)和產(chǎn)品策略,需要繪制流程圖,組織線性的操作流。你需要調(diào)研已有產(chǎn) 品,并試圖區(qū)分它們的優(yōu)缺點(diǎn)。與技術(shù)人員溝通是學(xué)習(xí)技術(shù)的有效途徑,你可以有意為難產(chǎn)品經(jīng)理,讓他們講解各種產(chǎn)品策略,掌握更多的信息對(duì)于做出正確的設(shè)計(jì) 決策和擴(kuò)展眼界非常有幫助。

中階篇

適合具有一個(gè)以上完整項(xiàng)目經(jīng)驗(yàn)的設(shè)計(jì)師學(xué)習(xí):

1.多項(xiàng)功能設(shè)計(jì),一個(gè)界面融合單獨(dú)的功能,需要應(yīng)用到設(shè)計(jì)方法和架構(gòu)的思路。設(shè)計(jì)方法是挖掘用戶需求和推動(dòng)設(shè)計(jì)優(yōu)先級(jí)的情景故事法、卡片分類、人 物角色、訪談和問(wèn)卷等。這些方法的學(xué)習(xí)不是必須的,你可能工作兩年從來(lái)沒(méi)有使用過(guò)它們,但也設(shè)計(jì)出了不錯(cuò)的產(chǎn)品。這些方法可以作為了解性知識(shí),當(dāng)有需要時(shí) 再深入學(xué)習(xí),方法只能幫助設(shè)計(jì)師發(fā)現(xiàn)問(wèn)題和避免問(wèn)題,但不能對(duì)結(jié)果起到?jīng)Q定性作用。

2.方法和已有的設(shè)計(jì)風(fēng)格研究,以總結(jié)為主,最好能應(yīng)用到自己的設(shè)計(jì)當(dāng)中去,千言萬(wàn)語(yǔ)不如動(dòng)手實(shí)踐。

3.競(jìng)品和優(yōu)秀產(chǎn)品分析。這件事情看起來(lái)很普通,如果沒(méi)有相關(guān)的設(shè)計(jì)知識(shí)和分析能力,只能生搬硬套大概念,無(wú)法綜合多種因素分析,壓根找不到切入點(diǎn)。

4.最新的系統(tǒng)和產(chǎn)品分析。之前的學(xué)習(xí)都知識(shí)的深向發(fā)展,但是這一條需要設(shè)計(jì)師具備較為廣闊的知識(shí)面,不僅僅限于自己參與過(guò)的產(chǎn)品。如果每?jī)芍軐W⒀芯恳粋€(gè)方向,你將比八成的人更熟悉。

通過(guò)不定期下載多種同類應(yīng)用程序,查閱資料,已經(jīng)研究過(guò)輸入法、LBS、個(gè)性推薦、語(yǔ)音輸入和閱讀類等產(chǎn)品,雖然從來(lái)沒(méi)有參與過(guò)這些項(xiàng)目,但從中可以加深對(duì)設(shè)計(jì)的理解,做好知識(shí)積累。

5.掌控技術(shù)。設(shè)計(jì)師需要對(duì)技術(shù)有掌控能力,就像工業(yè)設(shè)計(jì)師掌握各種材料的特性才能游刃有余,這也是嘗試彌補(bǔ)自身不足。web端交互設(shè)計(jì)師要求會(huì)寫(xiě) html和 css,一是便于設(shè)計(jì),二是鍛煉邏輯思維能力,而手機(jī)交互設(shè)計(jì)師對(duì)技術(shù)普遍缺乏了解。早期交互設(shè)計(jì)師是從程序員中分離出來(lái)的職位,用來(lái)彌補(bǔ)程序設(shè)計(jì)的不 足。所以我更喜歡聽(tīng)技術(shù)講座。

純粹的技術(shù)路線比較難,如果你對(duì)社交、搜索和電子商務(wù)等領(lǐng)域有深入的理解,這可以增加個(gè)人在職場(chǎng)的不可替代性。

高階篇

個(gè)人還在探索,還是以能做出好產(chǎn)品為目標(biāo),主要方向是:

1.產(chǎn)品架構(gòu),web端已有架構(gòu)的理念,手機(jī)端也會(huì)面臨這個(gè)問(wèn)題。

2.設(shè)計(jì)趨勢(shì)研究,比如操作方式,做預(yù)測(cè)是最難的。

3.產(chǎn)品發(fā)展趨勢(shì),如未來(lái)LBS產(chǎn)品在手機(jī)端如何設(shè)計(jì) ,如何為用戶的生活帶來(lái)便利,這需要設(shè)計(jì)師具備預(yù)見(jiàn)能力和判斷力。

……

注意事項(xiàng)

學(xué)習(xí)中需要注意以下幾點(diǎn):

1.學(xué)習(xí)宜由淺入深,知識(shí)需深入淺出,早期可以挑一 些簡(jiǎn)單的產(chǎn)品研究,如閱讀類產(chǎn)品,先形成適合自己的學(xué)習(xí)方法。題目不宜太難,有位學(xué)弟想研究手機(jī)支付,資料很少,無(wú)從下手,會(huì)打擊到自信心。

2.工作太忙,也要抽空學(xué)習(xí),這影響到長(zhǎng)期發(fā)展。挑選工作時(shí),盡量加入學(xué)習(xí)型團(tuán)隊(duì)。每家公司都會(huì)對(duì)你許諾發(fā)展空間,甚至是期權(quán),你完全可以忽略。

3.給自己找個(gè)好老師,如果你的運(yùn)氣足夠好的話。

4.少扯淡,這種忽悠外行人的伎倆對(duì)你沒(méi)有好處,純粹是浪費(fèi)時(shí)間。

5.理論不是必須的,不要看到別人寫(xiě)博客有心理壓力,貌似自己不這么做無(wú)法體現(xiàn)自己的專業(yè)能力。如果你能動(dòng)手設(shè)計(jì)出優(yōu)秀的產(chǎn)品,理論完全可以忽略,實(shí)踐甚于理論。

6.不要迷信相信理論和從這博客中看到的,保持獨(dú)立思考。設(shè)計(jì)團(tuán)隊(duì)中最可貴的人才是經(jīng)常提出自己不同見(jiàn)解的,合理地質(zhì)疑設(shè)計(jì)方案。

7.不要瞎編造和固執(zhí),當(dāng)你試圖以某種理論設(shè)計(jì)產(chǎn)品或者說(shuō)服他人時(shí),確保自己能舉三個(gè)以上的案例。

 

三、在校大學(xué)生篇

騰訊ISUX交互設(shè)計(jì)師@王閱微 :現(xiàn)在這一代的交互設(shè)計(jì)師,除了留學(xué)回來(lái),或者西安交大等幾所國(guó)內(nèi)大學(xué)科班出身的,基本都是從各種其他專業(yè)轉(zhuǎn)過(guò)來(lái)的,從相關(guān)設(shè)計(jì)專業(yè)轉(zhuǎn)過(guò)來(lái)的,也寥寥可數(shù)。

基本上每個(gè)人都有自己成長(zhǎng)的不同路徑,不同方法,找到屬于自己的那條路是最重要的。

專業(yè)上的提升,其實(shí)我覺(jué)得不是問(wèn)題,只寫(xiě)寫(xiě)我覺(jué)得對(duì)于“非設(shè)計(jì)專業(yè)”的同學(xué)進(jìn)入“設(shè)計(jì)”領(lǐng)域可能比較重要的幾點(diǎn)。

1. 理解什么是設(shè)計(jì)

非常多的人入行后會(huì)關(guān)注”交互設(shè)計(jì)”前面的”交互”,卻容易忽略后面的”設(shè)計(jì)”。

但只有理解什么是”設(shè)計(jì)”,才能更好地理解什么是”交互設(shè)計(jì)”。

  • 閱讀《現(xiàn)代設(shè)計(jì)史》、《什么是產(chǎn)品設(shè)計(jì)》這類書(shū)能幫助你理解設(shè)計(jì);
  • 至少你得看看《關(guān)鍵設(shè)計(jì)報(bào)告》,看看那些著名的交互設(shè)計(jì)是怎么設(shè)計(jì)出來(lái)的;
  • 空閑時(shí)閱讀一下《設(shè)計(jì)中的設(shè)計(jì)》之類設(shè)計(jì)思考的書(shū);
  • 經(jīng)常想想,自己每天究竟是在做什么。

2. 學(xué)習(xí)關(guān)注人,而非僅僅是產(chǎn)品

我在工作了很久之后才反思到這點(diǎn)(就是因?yàn)閷?duì)設(shè)計(jì)的理解不深)。

設(shè)計(jì)原本就是為人服務(wù)的,而交互設(shè)計(jì)尤其強(qiáng)調(diào)”交互”的過(guò)程。要學(xué)習(xí)不只關(guān)注產(chǎn)品,還要關(guān)注人。

  • 不要只盯著產(chǎn)品,留意觀察周圍到人是怎么使用產(chǎn)品,他們的行為是怎樣的;
  • 學(xué)習(xí)心理學(xué),反思自己的體驗(yàn),了解體驗(yàn)是如何發(fā)生的;
  • 你可以不懂用戶研究的所有事情和知識(shí),但一定要有所了解,至少不要誤用他們的報(bào)告。

3. 提升自己的品位,對(duì)美的感受力

品位有多重要?看看Jobs和Gates的差別就知道了。 不要忽略設(shè)計(jì)專業(yè)出身的人的優(yōu)勢(shì):對(duì)美的鑒別和感受能力, 這會(huì)影響一個(gè)人的品位。

許多 非設(shè)計(jì)專業(yè)的人因?yàn)榻佑|相對(duì)較少,也沒(méi)有經(jīng)過(guò)系統(tǒng)的訓(xùn)練,在感受力和鑒別力方面會(huì)顯得比較弱。表現(xiàn)在設(shè)計(jì)中就是缺乏美感。

  • 大量的去看、去接觸、去感受那些美好的東西。不只產(chǎn)品,所有藝術(shù)相關(guān)的事物都應(yīng)該接觸;
  • 看展覽是非常好的事情,能和一個(gè)設(shè)計(jì)專業(yè)的朋友一起去就更好了;
  • 有興趣的話,可以學(xué)習(xí)攝影。

有人可能不理解”交互設(shè)計(jì)師”為什么也需要。我想說(shuō),只要是設(shè)計(jì)師,就必須擁有好的品位。

4. 多讀書(shū),完整地讀書(shū)

很多人覺(jué)得讀書(shū)沒(méi)有用,非常理論,無(wú)法實(shí)際運(yùn)用……對(duì)于新人來(lái)說(shuō)的確是這樣的。
但是,非科班出身的人面對(duì)的一個(gè)非常大的挑戰(zhàn),就是缺乏完整的知識(shí)和思維體系。
所以,讀書(shū)不僅僅是為了關(guān)注具體的理論或內(nèi)容,更重要是去感受和了解作者的體系是怎么樣的。

  • 多讀書(shū),了解不同的設(shè)計(jì)思維體系,建立自己的思維體系;
  • 類似《Don’t Make Me Think》,你也會(huì)發(fā)現(xiàn)它是按照Web開(kāi)發(fā)過(guò)程來(lái)寫(xiě)的:認(rèn)知心理-設(shè)計(jì)原則-內(nèi)容-導(dǎo)航-細(xì)節(jié)-用戶測(cè)試-開(kāi)發(fā)
  • 作為設(shè)計(jì)師, 其實(shí)是應(yīng)該讀更多不同專業(yè)的書(shū)的….

5. 盡可能地?cái)U(kuò)展知識(shí)面

An architect knows something about everything. An engineer knows everything about one thing.
——《101 Things I Learned in Architecture School》

尤其是在互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)流程中,現(xiàn)在的交互設(shè)計(jì)師扮演了一個(gè)承上啟下的關(guān)鍵角色。

  • 了解和你工作流程相關(guān)的所有事情,無(wú)論多遠(yuǎn);
  • 了解你的同事們是怎么工作的,不只是事情本身,還有人;
  • 接觸在不同設(shè)計(jì)領(lǐng)域工作的人。

 

四、平面轉(zhuǎn)行篇

IDEO設(shè)計(jì)師@chazeffect :平面設(shè)計(jì)的理念這個(gè)詞有點(diǎn)廣。讓我啰嗦點(diǎn)解析一下思路,然后試者回答如何進(jìn)行”轉(zhuǎn)換”理念…怕聽(tīng)來(lái)有點(diǎn)理論,所以加上一些例子來(lái)比較。

邏輯上來(lái)說(shuō)…

  • 首先,平面設(shè)計(jì)的理念可以有不同層級(jí):觀點(diǎn)、視覺(jué)溝通:布局(Layout)、表現(xiàn)手法等。
  • 細(xì)節(jié)、美工等設(shè)計(jì)元素應(yīng)是這個(gè)以觀察或閱讀為主的溝通體驗(yàn)的重要接觸點(diǎn)。有點(diǎn)類似人機(jī)界面里的具體元件,讓用戶可以接觸與操控的東西。
  • 這個(gè)觀察與閱讀體驗(yàn)不見(jiàn)得完全被動(dòng),想想一些”活動(dòng)”貼紙、t-shirt、收集簽名…
  • 這個(gè)體驗(yàn)要刊登的媒體一樣必須有整體的考量。對(duì)誰(shuí)說(shuō)、跟多少人說(shuō)都算是策略規(guī)劃的東西…就像交互體驗(yàn)里的接觸點(diǎn):手機(jī)、裝置、網(wǎng)站、服務(wù)人員等

理念不變,變化的只是媒介與工具的角色

所以說(shuō)如果一個(gè)海報(bào)傳達(dá)一個(gè)設(shè)計(jì)者的理念,那交互設(shè)計(jì)只是另一種手段,轉(zhuǎn)變的都是”閱讀”與”使用”體驗(yàn)本質(zhì)跟媒體的差異。可以看一些平面設(shè)計(jì)師涉足交互設(shè)計(jì)或互動(dòng)藝術(shù)的案例。

比較極端但經(jīng)典的例子是Joshua Davis跟Processing的創(chuàng)始人。<- 被”媒介”轉(zhuǎn)化而啟發(fā)的設(shè)計(jì)經(jīng)典

設(shè)計(jì)元素的共通性

如果”理念”是像其他朋友提到的視覺(jué)、邏輯、流程…其實(shí)平面是有類似的元素。比方說(shuō)報(bào)紙的導(dǎo)讀、字學(xué)跟”閱讀行為”為主的交互體驗(yàn)是習(xí)習(xí)相關(guān)的。只是這個(gè)平面設(shè)計(jì)的項(xiàng)目性質(zhì)、成本是否與這些相關(guān)。

你看好的報(bào)紙、雜志設(shè)計(jì),它的網(wǎng)站或iPad App也不會(huì)差到哪里去。FastCompany, NYTimes… Weird (遲疑中)

  • 設(shè)計(jì)理念當(dāng)然適用于交互設(shè)計(jì)中,很多是延展并演化,交互設(shè)計(jì)是眾多學(xué)科的綜合且不斷的自我演化。Apple的例子應(yīng)該很明顯的回答了你的問(wèn)題。

從兩個(gè)極端的角度來(lái)看,中間的轉(zhuǎn)換

  • 很多平面設(shè)計(jì)師、品牌公司的網(wǎng)站,大多從展示頁(yè)面的觀念出發(fā)來(lái)形成這個(gè)網(wǎng)頁(yè)的體驗(yàn)。較不偏重從這媒體上、從與用戶交流帶給自己什么。
  • 不過(guò)可以看看Muji的網(wǎng)站跟其他數(shù)字體驗(yàn)。
  • 相對(duì)來(lái)說(shuō),Jonathan Harris 的 We feel fine 這樣的體驗(yàn),就根源于網(wǎng)路生態(tài)的特性,把交互設(shè)計(jì)里面一個(gè)截取分享、策劃整合(curate)、從新視覺(jué)化成一種影像。完全是非常有意思的轉(zhuǎn)化過(guò)程。

影響力:(或許是共通卻無(wú)法比較的)

平面設(shè)計(jì)不見(jiàn)得只強(qiáng)調(diào)視覺(jué)上的愉悅。好的平面設(shè)計(jì)比任何非線性的交互設(shè)計(jì)更有效率的傳達(dá)情感、信息與發(fā)揮影響力。用戶體驗(yàn)與情感真的能被設(shè)計(jì)嗎?really?

你看經(jīng)濟(jì)學(xué)人在最近日本大地震后做出的封面,沒(méi)有任何一個(gè)交互設(shè)計(jì)項(xiàng)目可以在這么短的時(shí)間發(fā)揮感染力。

有好的平面設(shè)計(jì)水平(sense)進(jìn)入交互設(shè)計(jì)之后,能用更視覺(jué)化的方式”看見(jiàn)”體驗(yàn)的痛點(diǎn),并提出更人性的設(shè)計(jì)觀點(diǎn)。

說(shuō)平面設(shè)計(jì)背景出身的只能做UI? 想想TED的創(chuàng)辦人–Richard Saul Wurman,他給這個(gè)世界帶來(lái)的TED體驗(yàn)。

5

 

五、職場(chǎng)篇

1,求職篇

創(chuàng)新工場(chǎng)用戶體驗(yàn)總監(jiān)@uxworks :有很多同學(xué)問(wèn)我,學(xué)校沒(méi)有用戶體驗(yàn)設(shè)計(jì)相關(guān)的課程,怎么才能把自己培養(yǎng)成一名合格的用戶體驗(yàn)設(shè)計(jì)師。咱們不妨從了解和分析企業(yè)的要求入手,這里以創(chuàng)新工場(chǎng)為例:

 

2,職業(yè)發(fā)展篇

如何從新人蛻變?yōu)榇笈#?/p>

百度云UE負(fù)責(zé)人@elya妞 :我還是個(gè)新兵,不是有所建樹(shù)的老鳥(niǎo),不過(guò)受邀之下,也聊聊自己的看法。

首先,交互設(shè)計(jì)師要具有如下特質(zhì)

  • 邏輯思維能力強(qiáng)
  • 數(shù)據(jù)分析能力好
  • 有同理心
  • 有激情
  • 有審美眼光
  • 有創(chuàng)新意識(shí)
  • 有良好的溝通能力
  • 有敏捷的執(zhí)行能力
  • 膽大心細(xì)
  • 有大局觀
  • 善于觀察
  • 仔細(xì)傾聽(tīng)

在欠缺的方面,需要去彌補(bǔ),比如我就要彌補(bǔ)數(shù)據(jù)分析能力、溝通能力、觀察和傾聽(tīng)能力。

其次,要有自己信仰的設(shè)計(jì)原則,最好自己去總結(jié)

比如我的原則就是縮減、隱藏、附加、組織,每次拿這個(gè)原則去套用,檢查我的手機(jī)產(chǎn)品設(shè)計(jì)是否足夠的簡(jiǎn)單可依賴。

第三,掌握很好的流程和方法

有自己擅長(zhǎng)的設(shè)計(jì)工具和設(shè)計(jì)方法。遇到問(wèn)題可以先明確需求,了解角色、場(chǎng)景、任務(wù),再細(xì)分去做流程。交付的東西足夠?qū)I(yè),有說(shuō)服力,有很強(qiáng)的表意能力和演示性。

第四,要用項(xiàng)目來(lái)證明自己

一切都是空談,唯有拿得出手的產(chǎn)品,才是你的能力證明。所以,在你有選擇權(quán)的時(shí)候,要去選擇合適的產(chǎn)品,可以為足夠多的人,提供有意義的服務(wù),可以 體現(xiàn)自己設(shè)計(jì)價(jià)值的產(chǎn)品。不要為了賺錢,做一些亂七八糟的事情。要懂得,自己的職業(yè)生涯需要有意義。怎么去譜寫(xiě),把握在你自己手里。

第五,要有積極總結(jié)和分享的精神

交互真的是一個(gè)要活到老學(xué)到了的職位了,你要持續(xù)關(guān)注最新產(chǎn)品,最新交互設(shè)計(jì)方法,保持自己的精力充沛和創(chuàng)業(yè)無(wú)窮是很難的。在每個(gè)階段性的時(shí)間里,都要沉淀自己的案例,積累自己的理論,樂(lè)于總結(jié)和分享,這對(duì)你自己來(lái)說(shuō)是個(gè)莫大的促進(jìn)作用,對(duì)比人來(lái)說(shuō)也是好事情。
第六,要有自己的品牌意識(shí)

這個(gè)我沒(méi)什么發(fā)言權(quán),但是我覺(jué)得這個(gè)最重要。包含了你的工作方式,設(shè)計(jì)理念,為人處世,等等,最高境界,也就不過(guò)如此。你的作品,可以被稱之為XX出品。

 

3,職場(chǎng)溝通篇

與產(chǎn)品經(jīng)理意見(jiàn)不一致怎么辦?

百度@王煜UX :作為交互設(shè)計(jì)師,給你幾條建議:

1.不要認(rèn)為意見(jiàn)不一是壞事,交互設(shè)計(jì)師從設(shè)計(jì)體驗(yàn)的角度為你的產(chǎn)品把脈,你從產(chǎn)品未來(lái)規(guī)劃的角度為產(chǎn)品建模。有意見(jiàn)才能檢驗(yàn)彼此的觀點(diǎn)是否正確。

2.如果按你所說(shuō),交互對(duì)產(chǎn)品沒(méi)有做分析,產(chǎn)品形態(tài)和通用規(guī)則他不了解,那他在公司就是混飯吃的,你可以不搭理他,找別的設(shè)計(jì)師合作,實(shí)在繞不過(guò)認(rèn)命吧。

3.如果按你所說(shuō),交互不了解產(chǎn)品未來(lái)規(guī)劃,那就是你的不對(duì)。前期調(diào)研和產(chǎn)品規(guī)劃你不給他分享,不讓他參與,設(shè)計(jì)師只能憑經(jīng)驗(yàn)和感官設(shè)計(jì),這是不符合”以用戶為中心的設(shè)計(jì)”,交互設(shè)計(jì)必須盡早介入項(xiàng)目才對(duì)項(xiàng)目發(fā)展有推動(dòng)作用。

4.對(duì)于A/B方案,最好的方式就是測(cè)試,讓用戶測(cè)。

5.交互設(shè)計(jì)是一門有嚴(yán)謹(jǐn)方法論的科學(xué),希望你能多和設(shè)計(jì)師溝通,沒(méi)有設(shè)計(jì)師的支持,你的產(chǎn)品即使功能框架沒(méi)有偏差,糟糕的體驗(yàn)也會(huì)害了你。繞過(guò)交互設(shè)計(jì)這個(gè)環(huán)節(jié),未來(lái)再去重視體驗(yàn),是補(bǔ)不回來(lái)的。

交互設(shè)計(jì)行業(yè)起步晚,流程正在逐步完善,不要低估這個(gè)行業(yè)的價(jià)值。

原型制作工具 axure

 

六、工具類

阿里巴巴交互設(shè)計(jì)師盧藝方:

Mockup Builder:

殺手級(jí)的原型工具 MockupBuilder最近才發(fā)布,很值得期待。他有非常多的功能:UI模型,交互的線框圖,頁(yè)面布局,客戶端原型甚至站點(diǎn)地圖和屏幕導(dǎo)航。

Tiggr:

協(xié)作制作原型圖 Tiggr的思想是給你需要做成最終稿的所有資源。你可以設(shè)計(jì)很多的元素,然后分享,其他的協(xié)作用戶會(huì)幫你制作相應(yīng)HTML/CSS代碼,以達(dá)到最快生成。

Frame Box:

輕量級(jí)原型在線制作 FrameBox并沒(méi)有多么特別的特色。你可以拖放、設(shè)置大小、復(fù)制粘貼這些UI組件,但是他的特色在于你可以非常輕松的通過(guò)它的拖拽很容易就完成你的原型制作。

SimpleDiagrams:

免費(fèi)版(Adobe Air App) simplediagrams是一個(gè)非常小巧的Adobe Air程序,通過(guò)他你可以非常輕松的實(shí)現(xiàn)自己的想法。拖拽組件,添加圖片或者便簽,導(dǎo)出PNG圖都是他的特色,通過(guò)添加一些小功能就能實(shí)現(xiàn)一個(gè)非常不錯(cuò)的原型圖。

iPhone Mockup:

iPhone原型制作,在iPhone Mockup里面你可以使用鉛筆模式,也可以使用圖表模式的編輯器。不管你選擇什么,功能都是一樣的,都可以很簡(jiǎn)單很方便的生成iPhone上的應(yīng)用原型。你也可以分享給別人,就算你更改了設(shè)計(jì),別人通過(guò)那個(gè)鏈接也一樣可以看到。

FluidIA:

fluidIA是一個(gè)在線的但是可以下載的富用戶界面原型設(shè)計(jì)工具。它基于面向?qū)ο蟮睦砟?,可以讓你快速完善。它設(shè)計(jì)的基本思想是團(tuán)隊(duì)中的任何成 員,無(wú)論是設(shè)計(jì)師還是工程師都可以自由的設(shè)計(jì)自己的原型。最近fluidIA的更新稍微慢了點(diǎn),但是它仍是一個(gè)非常優(yōu)秀的線框圖工具。.

Pencil Project:

FireFox插件 Pencil Project是一個(gè)原型界面設(shè)計(jì)的Firefox插件,通過(guò)它內(nèi)置的模板,你可以創(chuàng)建可鏈接的文檔,并輸出成為HTML文件、PNG、 OpenOffice文檔、Word文檔、PDF。還有什么可說(shuō)的呢?這么優(yōu)秀的插件,是每個(gè)設(shè)計(jì)師和開(kāi)發(fā)人員必備啊。
CogToolWin MAC下應(yīng)用程序 CogTool是一個(gè)強(qiáng)大原型生成工具,他與別的工具還有一些不同,他可以對(duì)你的設(shè)計(jì)自動(dòng)根據(jù)人類認(rèn)知模型進(jìn)行評(píng)估。你可以通過(guò)一些圖標(biāo)啊按鈕啊圖片,生 成一個(gè)描述,然后點(diǎn)擊評(píng)估的按鈕,他就會(huì)對(duì)你的設(shè)計(jì)進(jìn)行人類認(rèn)知模型的評(píng)估,他會(huì)告訴你一般人需要多久才能理解你的意圖。

Prototype Composer:

Prototype Composer可以讓你在真正的代碼編寫(xiě)之前就看到網(wǎng)站是如何運(yùn)行的。以前的那些無(wú)數(shù)的文字入口,復(fù)雜的數(shù)據(jù)結(jié)構(gòu)以及技術(shù)含量不低的UML圖,這個(gè)工具可以讓你很方便的協(xié)作完成一個(gè)看起來(lái)能運(yùn)行的程序。
DUB – DENIM(跨平臺(tái)應(yīng)用程序) DENIM是一個(gè)跨平臺(tái)的桌面程序。他自己的介紹是為早期網(wǎng)站設(shè)計(jì)提供幫助的非正式工具。

它有很多理念來(lái)自于紙筆設(shè)計(jì)原型。你可以快速的畫(huà)出草圖,保證重要的功能優(yōu)先。但是跟紙筆的草圖不同的是,他還可以有交互和動(dòng)畫(huà)。

 

七、資源篇

1,網(wǎng)站篇

騰訊設(shè)計(jì)師@周莜-yoyo :自2012年11月開(kāi)始,和一群喜歡翻譯的童鞋成立了CDC翻客, 一個(gè)提供精選原創(chuàng)譯文的博客。由此,認(rèn)識(shí)了一群富有激情的朋友,方知浮華之外,還能有人能靜心閱讀不同國(guó)度的文字,再悉心將這些文字轉(zhuǎn)譯為我們熟知的母語(yǔ)。

 

2,好文篇

@Heidixie (阿里巴巴資深交互設(shè)計(jì)師):交互設(shè)計(jì)那些事兒(一)、交互設(shè)計(jì)那些事兒(二)

《IOS7視覺(jué)/交互設(shè)計(jì)測(cè)試講解》
《推薦:交互設(shè)計(jì)七大定律》
《推薦!交互細(xì)節(jié)中的那些變形金剛》
《經(jīng)驗(yàn)分享:高大上的扁平化交互設(shè)計(jì)》
《經(jīng)驗(yàn)分享:關(guān)于交互DEMO設(shè)計(jì)的一些建議》
《經(jīng)驗(yàn)分享:一個(gè)優(yōu)秀的交互設(shè)計(jì)師是怎樣練成的?》

3,干貨篇

《設(shè)計(jì)師新寵!交互神器ORIGAMI》
《交互設(shè)計(jì)師必藏:50個(gè)線框圖套件和在線設(shè)計(jì)工具》
《超全的Apple設(shè)備PSD模型素材(扁平化風(fēng)格)》
《超級(jí)全!50款精致的IPHONE原型素材免費(fèi)下載》
《包裝你的設(shè)計(jì)作品!50款精致的IPAD模型免費(fèi)下載》

原文來(lái)自:優(yōu)設(shè)網(wǎng)

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 網(wǎng)站就那一個(gè)襖?!

    來(lái)自遼寧 回復(fù)
  2. mark

    來(lái)自湖南 回復(fù)
  3. 。。。。這么多工具,敢問(wèn)你用么,自己都沒(méi)怎么用,說(shuō)出來(lái)炫什么

    來(lái)自北京 回復(fù)
  4. 感謝分享,mark!

    來(lái)自陜西 回復(fù)
  5. 引用請(qǐng)標(biāo)注一下原文作者,第二部分時(shí)間篇是知乎上可風(fēng)寫(xiě)的一個(gè)文章:
    http://www.zhihu.com/question/20372719/answer/20050344

    來(lái)自北京 回復(fù)