交互設(shè)計(jì)師（或者稱UI設(shè)計(jì)師）發(fā)展的三部曲——器、勢、人。這三部曲基本會(huì)貫穿你的職業(yè)生涯。

 

先普及一些常見的崗位術(shù)語。GUI指視覺設(shè)計(jì)，PM指產(chǎn)品經(jīng)理，這兩個(gè)詞的含義是公認(rèn)的。UI則非常有歧義，在中國的大公司（譬如華為、聯(lián)想、三星、騰訊、百度等）指交互設(shè)計(jì)，小團(tuán)隊(duì)指視覺設(shè)計(jì)，很多中小團(tuán)隊(duì)甚至沒有交互這個(gè)詞。

 

UE對(duì)應(yīng)的是交互設(shè)計(jì)和用戶研究，在百度交互設(shè)計(jì)、用戶研究和視覺設(shè)計(jì)（GUI）都稱為UE，是一個(gè)團(tuán)隊(duì)稱呼。騰訊干脆把“UI”這個(gè)詞撤了，崗位設(shè)定就是視覺設(shè)計(jì)師和交互設(shè)計(jì)師。

 

交互設(shè)計(jì)其實(shí)是一種方法論，這種方法論可以用在工業(yè)造型上，讓用戶感覺更好用；可以用在互聯(lián)網(wǎng)設(shè)計(jì)上，比如今天的互聯(lián)網(wǎng)產(chǎn)品；也可以用在服務(wù)上，比如意大利米蘭理工很早就搞了服務(wù)設(shè)計(jì)……設(shè)計(jì)師通過交互設(shè)計(jì)的方法論讓UI設(shè)計(jì)的產(chǎn)品更好用，讓產(chǎn)品最終的實(shí)現(xiàn)原型接近用戶期待的原型。

 

既然講到UI，下面我要和你們討論一個(gè)殘酷的話題——為什么很多設(shè)計(jì)師被老板叫做美工？

 

每次被老板稱為美工，很多設(shè)計(jì)師心里就很不爽。我作為設(shè)計(jì)師里最懂老板的人，也作為老板里最懂設(shè)計(jì)師的人，不得不告訴你們一個(gè)很殘酷的現(xiàn)實(shí)——在很多老板眼里，設(shè)計(jì)師真的不如銷售，知道為什么嗎？

 

傳統(tǒng)設(shè)計(jì)是設(shè)計(jì)圖片把用戶吸引過來，如果用項(xiàng)目類比飯店，它在整個(gè)銷售流程里就相當(dāng)于設(shè)計(jì)了飯店的招牌，用非常好看的招牌把用戶吸引進(jìn)來。

而用戶在飯店的所有活動(dòng)——包括消費(fèi)、服務(wù)、吃飯點(diǎn)菜等各類流程——都和設(shè)計(jì)沒有關(guān)系。所以設(shè)計(jì)師可能覺得自己的設(shè)計(jì)能改變世界，但是在老板眼里你只干了外觀修飾的活，所以傳統(tǒng)設(shè)計(jì)的工資不高，因?yàn)槟阕龅氖虑閷?duì)企業(yè)的價(jià)值是有限的。

 

大家要記住，互聯(lián)網(wǎng)設(shè)計(jì)一定要和商業(yè)價(jià)值綁定在一起，如果你只是設(shè)計(jì)一個(gè)招牌讓人看到的話，其實(shí)你的商業(yè)價(jià)值是很低的。

 

為什么今天互聯(lián)網(wǎng)設(shè)計(jì)師這么貴？互聯(lián)網(wǎng)設(shè)計(jì)師我在這里給你報(bào)個(gè)價(jià)，比如百度，剛進(jìn)去的本科應(yīng)屆生工資也有8000到10000，基本上工作兩年的人都能到20000以上。其實(shí)BAT給的錢還算少的，他們那里收人基本要的都是螺絲釘，創(chuàng)業(yè)公司給的錢才多，往往一個(gè)創(chuàng)業(yè)團(tuán)隊(duì)里只有一個(gè)設(shè)計(jì)師，那里給的年薪是很高的。

 

為什么互聯(lián)網(wǎng)設(shè)計(jì)師這么貴？你們要看出互聯(lián)網(wǎng)設(shè)計(jì)師和傳統(tǒng)美工本質(zhì)的區(qū)別，弄明白對(duì)老板來說哪種設(shè)計(jì)師價(jià)值更高，才好理清自己的發(fā)展方向。

 

傳統(tǒng)設(shè)計(jì)就是吸引人看過來，里面的所有服務(wù)和你無關(guān)，所以傳統(tǒng)設(shè)計(jì)師不值錢，而互聯(lián)網(wǎng)時(shí)代企業(yè)所有的營銷、投入、物流、店面、服務(wù)用戶都是看不見的，他只能通過一個(gè)小小的界面來購買產(chǎn)品，傳統(tǒng)時(shí)代一系列的轉(zhuǎn)化過程全部濃縮在界面里，用戶了解產(chǎn)品、增強(qiáng)信任、轉(zhuǎn)化購買都是通過設(shè)計(jì)來完成的，這就是互聯(lián)網(wǎng)設(shè)計(jì)師值錢的原因，因?yàn)樗纳虡I(yè)價(jià)值更高。

 

為什么今天很多人在談交互設(shè)計(jì)，就是因?yàn)榛ヂ?lián)網(wǎng)產(chǎn)品通過交互設(shè)計(jì)來捕捉人的行為，捕捉的好用戶就會(huì)使用你的產(chǎn)品，捕捉的不好用戶就會(huì)放棄你，所以交互設(shè)計(jì)才會(huì)這么有地位。

 

剛才我講了交互設(shè)計(jì)是一種方法論，那么什么是UI設(shè)計(jì)？大部分人對(duì)UI設(shè)計(jì)的理解就是漂亮的界面，很多老板把界面丟過來“給我做的美一點(diǎn)”就完了。我不否認(rèn)視覺是UI設(shè)計(jì)的一部分，UI設(shè)計(jì)其實(shí)分為兩部分，一部分是視覺設(shè)計(jì)，產(chǎn)品做的好看確實(shí)能提升轉(zhuǎn)化率，但是你們平時(shí)看到的大牛產(chǎn)品比如微信、58同城、QQ之類，感受到過它們的“美麗”嗎？這就是另外一部分更重要的，交互設(shè)計(jì)。

 

實(shí)際上，用戶在使用微信、58的時(shí)候只是在完成自己的目的，這些應(yīng)用提升了他的做事效率，視覺其實(shí)只是整個(gè)設(shè)計(jì)流程的最后一步。大公司的視覺設(shè)計(jì)師比交互設(shè)計(jì)師的薪酬要低一些，不同公司還不一樣，百度的只是工資低一些，騰訊的可能要低一個(gè)級(jí)別，基本都是交互設(shè)計(jì)師帶著視覺設(shè)計(jì)師工作。

講了UI設(shè)計(jì)為什么這么重要，還有人問我交互設(shè)計(jì)有沒有前途，我告訴你交互太有前途了。你要了解行業(yè)的變化，過去人們接觸信息是通過現(xiàn)實(shí)的各種聯(lián)系，比如你想聽鬼故事就要附近的朋友給你講，現(xiàn)在就通過手機(jī)或電腦上的界面——人接觸大量數(shù)據(jù)是一種本能，今天的UI就是人和大量信息的接口。

所以設(shè)計(jì)師要將大量的企業(yè)服務(wù)、商機(jī)、信息整合到界面里，將大量有價(jià)值的信息通過UI展示給用戶?，F(xiàn)在很多人購物都不愿意出家門了，通過1號(hào)店、唯品會(huì)、淘寶這些互聯(lián)網(wǎng)產(chǎn)品進(jìn)行購物，這一套服務(wù)和商品他們都是通過UI進(jìn)行購買的。

中國的發(fā)展太快了，這帶來了一個(gè)很大的問題，就是公司里做老大的人往往是外行，他活躍的年代根本沒有這么先進(jìn)的設(shè)計(jì)思想，而新進(jìn)來的設(shè)計(jì)師可能是內(nèi)行，這就會(huì)頻繁出現(xiàn)外行領(lǐng)導(dǎo)內(nèi)行的情況，即使是一流互聯(lián)網(wǎng)企業(yè)也是一樣的。時(shí)代在飛速變化，UI不是界面設(shè)計(jì)，經(jīng)過最近數(shù)年的發(fā)展，界面設(shè)計(jì)已經(jīng)退縮為UI很小的一部分了。

 

今天來聽課的很多人可能都是想自學(xué)交互設(shè)計(jì)的，我們下面就講一下今天的核心內(nèi)容——器、勢、人。

 

【第一段：器】

設(shè)計(jì)師學(xué)習(xí)的第一階段其實(shí)都是從“器”開始的，器指的就是工具。這分為兩種，第一種是有形工具，比如PS、AI、Axure之類的軟件；另一種是無形工具，就是設(shè)計(jì)時(shí)用到的思維方式。

 

先說第一種有形工具。很多同學(xué)在學(xué)習(xí)UI時(shí)很容易陷到工具的盲海里去，覺得工具學(xué)的越多能力就越強(qiáng)，其實(shí)根本不是這么一回事，軟件對(duì)交互來說是非?；A(chǔ)的一部分，保底就足夠了，學(xué)的太多反而會(huì)本末倒置。

怎么提升自己有形的“器”呢？從UI視覺方面來考慮，PS就足夠了，AI都顯得略有多余，不需要其他軟件。PS其實(shí)是一款非常強(qiáng)大的視覺軟件，切圖也比較方便，BAT等公司也是用的PS。

 

還有輸出交互文檔的工具，一種是PPT，一種是Axure，這兩款軟件就足夠覆蓋絕大多數(shù)交互文檔了，當(dāng)然還有其他軟件，如果是快速迭代的原型直接在紙上畫也可以。

 

我們集創(chuàng)堂有一個(gè)新手群，很多人在群里不斷問“我要不要學(xué)XX軟件啊”“學(xué)軟件要不要報(bào)班啊”，軟件其實(shí)和鉛筆、白紙一樣就是設(shè)計(jì)的工具，它的操作越復(fù)雜說明它設(shè)計(jì)的越差勁，PS和Axure跟著一些免費(fèi)視頻學(xué)一學(xué)就夠了，拿過來就可以用的，千萬不要花費(fèi)太多精力在有形的“器”的提升上，當(dāng)然你PS連臨摹都不會(huì)就要多練練了。

 

Axure和PPT很簡單，直接拿過來就能用的……QC？這是什么東西，你搞這么多復(fù)雜的軟件干嘛呀，交互需要快速溝通，你要拿著設(shè)計(jì)反復(fù)和其他人對(duì)接，要是搞了個(gè)很生僻的軟件給別人，結(jié)果別人打不開，老板就會(huì)罵你。你要記住自己是設(shè)計(jì)的一環(huán)，能快速傳遞自己的設(shè)計(jì)思路才是最重要的，不要搞一些生僻的軟件、格式、字體，這都是門外漢干的事。

 

像AE、Flash面試時(shí)可能會(huì)給你加分，因?yàn)楣究赡苡幸恍└弑Ｕ娴膭?dòng)畫展示要做，其實(shí)在真實(shí)工作中用到的機(jī)會(huì)非常少。

 

我推薦一個(gè)icon，如果你們PS功底不好的話，去臨摹它：

能把這個(gè)臨摹出來，我就覺得你視覺的基本能力是有了，但是設(shè)計(jì)的功力還不好說，一定要把軟件和思維分開。

第二種“器”是無形的思考工具。思維的“器”其實(shí)最不好培養(yǎng)，說的殘酷點(diǎn)，你可能看五年的書都出不來思維，最好能有人指點(diǎn)一下，這個(gè)就是我現(xiàn)在干的事，當(dāng)然這個(gè)你們隨意。集創(chuàng)堂一直在培養(yǎng)的就是思維的“器”，不是軟件的“器”，軟件的“器”你可以通過大量臨摹自己練出來。

 

【第二段：勢】

“勢”是很多設(shè)計(jì)師容易忽略的，也就是前沿的設(shè)計(jì)意識(shí)。

 

這個(gè)怎么練呢？每天一定要抽出三十分鐘的時(shí)間看新產(chǎn)品和新思路，這是今天的互聯(lián)網(wǎng)設(shè)計(jì)師必須要干的一件事。很多一線團(tuán)隊(duì)每天都會(huì)分享各種各樣的新聞，百度有自己的分享機(jī)制，三星喜歡每個(gè)月讓設(shè)計(jì)師找最新的交互、用研、技術(shù)信息，收集起來專門搞一個(gè)月報(bào)。

 

設(shè)計(jì)師有很多渠道可以看前沿信息，比如互聯(lián)網(wǎng)一些事，愛范，36kr，癮科技之類的網(wǎng)站。你現(xiàn)在不知道，說明你沒有養(yǎng)成這方面的意識(shí)，這種前沿意識(shí)非常重要，它決定了你能在二流公司還是一流公司，這是排在第二位的。

上面這三條每天都要堅(jiān)持，你們堅(jiān)持了三個(gè)月以后，自然而然就會(huì)飛躍，不需要怎么特意去學(xué)，但這個(gè)不是培訓(xùn)可以給大家的，養(yǎng)成一個(gè)好的習(xí)慣，每天看半小時(shí)其實(shí)就是最好的學(xué)習(xí)。

 

我最怕的是公司的一些老設(shè)計(jì)師工作了十年還是小兵，每天從來不看最新的東西，我給他們說現(xiàn)在很多90后每天都會(huì)自拍50次，他們說打死我也不信，這就完了。包括百度、騰訊等大公司面試的時(shí)候，也會(huì)問你些最新資訊。這個(gè)真的很重要，說白了，別人都在搞飛毛腿導(dǎo)彈了，你還在研究十八般武器的舞法，這就不行。

比如支付寶加了社交的功能，這就是最新趨勢，支付寶為什么要做社交？你應(yīng)該多了解這樣的軟件變化，去思考它背后的含義。

 

【第三段：人】

絕大多數(shù)設(shè)計(jì)師在工作的第一年解決的都是“器”和“勢”的問題，這兩個(gè)問題比較好解決，最難解決的問題其實(shí)是“人”的問題?？赡芎芏嘣O(shè)計(jì)師一輩子都解決不了“人”的問題，而它對(duì)企業(yè)的影響又是最大的，交互設(shè)計(jì)最重要的就是解決“人”的問題。

 

記住了，這一點(diǎn)甚至能決定一款千萬級(jí)甚至上億級(jí)產(chǎn)品的生死。

 

剛才我們講的東西太理論性了，可能有點(diǎn)空泛，下面我給大家一個(gè)案例，比如說淘寶這個(gè)界面，你們看到它的時(shí)候看到了什么？從自己的專業(yè)角度分析一下：

說“看到美女”的人很正常，除了美女還看到了什么？銷量、排版、價(jià)格？典型的淘寶界面實(shí)際是一個(gè)非常人性化的界面，這一張界面里很多地方存在著人性設(shè)計(jì)。

 

在分析這個(gè)界面之前，先給你們分析一下傳統(tǒng)商品的銷售模式：

比如說我要買一瓶果汁，來到一家商店，看到了這家店的門面、精美的果汁、美麗的店員，然后我詳細(xì)詢問店員果汁的價(jià)格、口味，店員慢慢給我解釋，最后我購買了。這整個(gè)購物過程我們用八個(gè)字來解釋就是——了解、信任、價(jià)值、轉(zhuǎn)化。“了解”通過各種現(xiàn)實(shí)交流來探知這款產(chǎn)品，“信任”你買這瓶果汁不怕上當(dāng)，因?yàn)榈旰腿硕荚诳梢曰厝フ宜?ldquo;價(jià)值”你可以自己感受值不值得買，“轉(zhuǎn)化”就是購買——這是傳統(tǒng)產(chǎn)品的銷售過程。

 

在這個(gè)過程里，還有四種用戶：

紅色性格的人比較感性，他可能因?yàn)榈陠T長的漂亮態(tài)度好就購買果汁。藍(lán)色性格的人比較重實(shí)際，會(huì)糾結(jié)性價(jià)比，可能會(huì)反復(fù)考慮很多細(xì)節(jié)再做決定。黃色性格的人注重結(jié)果，比較干脆，他就是渴了想喝果汁，無所謂這瓶多少錢。綠色性格的人是與世無爭的，你都不知道他看上了什么東西，可能他覺得這個(gè)瓶蓋看起來萌萌噠就去買。

 

優(yōu)秀的銷售人員能感受自己的客戶分別是什么人，可以很靈活的銷售?，F(xiàn)在產(chǎn)品搬到線上去做，出現(xiàn)了一個(gè)新的問題，就是之前你看到的店鋪、果汁、店員等所有的東西都不見了，所有的過程都要靠一個(gè)個(gè)界面來解決，這就出現(xiàn)了難度。

這個(gè)界面要解決什么問題呢？就是剛才談的“了解、信任、價(jià)值、轉(zhuǎn)化”，現(xiàn)在我們回到淘寶的界面：

看到了嗎？“了解”的信息、“信任”的信息、“價(jià)值”的信息，如何“轉(zhuǎn)化”，它是按照這一套流程來設(shè)計(jì)的。剛剛我講到了四種性格的用戶，紅色性格的用戶很感性，她真的是看美女——很多女孩子買衣服“哎，這件衣服穿在這個(gè)美女身上好漂亮啊”，她就會(huì)去買。黃色性格的人重結(jié)果，覺得自己應(yīng)該買件新衣服，看到289元衣服也還不錯(cuò)就買了。

藍(lán)色性格的人在下面，他看的是數(shù)據(jù)細(xì)節(jié)，各種各樣的參數(shù)各種各樣的對(duì)比。綠色性格的人不好覆蓋，這個(gè)比較隨性。

 

一個(gè)界面覆蓋了三種性格的用戶，你能看到的信息幾乎全部都是經(jīng)過精心設(shè)計(jì)的，這就是今天的互聯(lián)網(wǎng)設(shè)計(jì)，針對(duì)人的設(shè)計(jì)。用戶看到他想要的信息就會(huì)購買，放一個(gè)好看的圖片可能會(huì)激發(fā)紅色性格的用戶，但是這只是其中的一部分，互聯(lián)網(wǎng)設(shè)計(jì)只有視覺是絕對(duì)不夠的，這就是“人”的問題。

 

我們?cè)谧霎a(chǎn)品的時(shí)候如果不了解你的用戶，通常都要做建模，就是因?yàn)?ldquo;人”的問題不好把握。比如白領(lǐng)用戶多就做白領(lǐng)的建模，當(dāng)然建模做準(zhǔn)也是需要訓(xùn)練的，現(xiàn)在就是告訴大家有這么一個(gè)東西，用建模來找準(zhǔn)目標(biāo)用戶。

如果目標(biāo)用戶找不準(zhǔn)產(chǎn)品是沒有任何價(jià)值的——這叫“槍型思維”，就是要把更多時(shí)間和精力用在瞄準(zhǔn)上，如果瞄不準(zhǔn)開槍是沒有意義的。

 

“人”的問題沒有解決，這就是很多創(chuàng)業(yè)團(tuán)隊(duì)死掉的原因。我去很多團(tuán)隊(duì)做過診斷，比如有的團(tuán)隊(duì)做政府項(xiàng)目，我問他們找過政府的工作人員做調(diào)研嗎？他們說沒做過，我接著問那你們從哪里找的需求和功能呢？他們說從競品里面找的。那個(gè)競品其實(shí)根本不是他們的項(xiàng)目，他們直接抄著做了，結(jié)果可想而知死掉了。

 

做建模很難，大部分設(shè)計(jì)師能做的只是通過分析調(diào)研數(shù)據(jù)、結(jié)合產(chǎn)品的策略來建模。還有一種是比較難的，靠的是閱歷，比如我們之前建一個(gè)賭徒心理的模型，很多人沒見過賭徒，結(jié)果建模真的就不準(zhǔn)，需求點(diǎn)找的很差。

 

我有個(gè)朋友在做國外項(xiàng)目，給阿拉伯人建模，痛苦死了，在國內(nèi)連人種都找不到，項(xiàng)目做了五個(gè)月還是很不準(zhǔn)，沒辦法只好真的到阿拉伯調(diào)研去了，因?yàn)楹芏喈?dāng)?shù)厝擞⒄Z不好，溝通障礙很多，弄的非常困難。

 

“人”的問題是最重要的，如果人找不準(zhǔn)，你的需求就找不準(zhǔn)，那么之后包括信息構(gòu)架、視覺設(shè)計(jì)都是沒有價(jià)值的，極有可能項(xiàng)目會(huì)因?yàn)檫@個(gè)死掉，下面我再給你們一個(gè)手機(jī)的案例：

這些手機(jī)都是當(dāng)年的經(jīng)典系列，htc、索尼、三星、諾基亞什么的，你們查一查就能知道喜歡這些手機(jī)的都是什么用戶，那這款手機(jī)呢？你們猜一猜這款手機(jī)多少錢，就憑自己的感覺，這款手機(jī)你打算出多少錢去買：

打500、1000的算比較實(shí)在，有次我拿這款手機(jī)給九個(gè)設(shè)計(jì)師看，大多數(shù)人第一反應(yīng)是山寨機(jī)，第二反應(yīng)是這款手機(jī)打死不會(huì)超過一千，還有說狠話的“如果超過一千我就吃下去”。八個(gè)人沒有猜出來，全都是年輕的設(shè)計(jì)師，只有一個(gè)銷售人員猜對(duì)了。

 

朋友們，這款手機(jī)狂貴，在剛出來的時(shí)候賣16000，它不是給你們這些年輕人用的，是給四十歲的傳統(tǒng)企業(yè)老板用的。

這款手機(jī)的高保真原型出來時(shí)，所有設(shè)計(jì)師都投反對(duì)票，因?yàn)槟菚r(shí)蘋果已經(jīng)出現(xiàn)了，大家覺得流線型、簡約設(shè)計(jì)才是潮流，但是我們看完調(diào)研的結(jié)果真的就服氣了。

 

它的建模是這樣的：一個(gè)四十歲的土老板，每天最多的事就是接打電話。老板每天可能會(huì)打幾百個(gè)電話，這個(gè)頻率是你們想象不到的，他可能隨時(shí)隨地都在打電話，而很少用微信、QQ。傳統(tǒng)手機(jī)接打電話非常方便，按下按鈕或翻蓋閉眼都能接電話，用智能機(jī)反而不方便，所以他希望自己用的還是傳統(tǒng)手機(jī)。但是傳統(tǒng)手機(jī)太低端了，老板擔(dān)心同行和下屬嘲笑他，就很糾結(jié)——于是我們的手機(jī)就誕生了。

 

這款手機(jī)是兩屏的，看起來是智能機(jī)，其實(shí)還是一個(gè)翻蓋打電話的手機(jī)。這款手機(jī)出來之后在山西大賣，被稱為智能手機(jī)界的大哥大，非常受老板歡迎——所以每次我講這個(gè)案例的時(shí)候，有些學(xué)生比較天真，我一講他們就說“我爸用的不就是這款手機(jī)么”，這就暴露了他們土豪的本質(zhì)，父輩用這種手機(jī)的人都是土豪。

 

這就是“人”，作為一個(gè)年輕的設(shè)計(jì)師你可能很難理解一位四十歲的用戶心里在想什么。如果產(chǎn)品的目標(biāo)用戶是四十歲，很多大企業(yè)就會(huì)真的找一些四十歲的用戶做調(diào)研，但是用戶調(diào)研也有比較困難的地方，比如你的產(chǎn)品從未在市場上出現(xiàn)過，你找這些用戶做調(diào)研他們也說不出到底喜不喜歡這類產(chǎn)品，很多時(shí)候用戶調(diào)研也有很多局限性。

 

關(guān)于人物建模和調(diào)研的重要性，再給你們一個(gè)我們當(dāng)年做的關(guān)于手機(jī)顏色的案例：

這是我們對(duì)顏色的劃分。我們覺得10歲到20歲的女性喜歡很鮮艷的顏色，青春甜美嘛，25歲之后的成熟女性喜歡這種偏成熟的顏色，成熟冷艷嘛——問你們一個(gè)問題，女生在購買手機(jī)時(shí)只注重兩點(diǎn)，是哪兩點(diǎn)呢？男生請(qǐng)回答。

 

女性買手機(jī)，最看重的一個(gè)是自拍，另一個(gè)是外觀，很多男生都想不到的。我們這個(gè)是針對(duì)外觀的新款手機(jī)，顏色是彩虹色，看起來很萌很Q，大概就和這張圖里的差不多：

我們覺得20歲的女大學(xué)生應(yīng)該喜歡這種綻放的色彩、青春的顏色，這是我們男人的判斷。

結(jié)果我們到大學(xué)做調(diào)研，女大學(xué)生告訴我們這太幼稚了，她們不喜歡這種顏色，建議我們?nèi)ジ咧凶?。高中女生也說我們太幼稚了，建議我們?nèi)バW(xué)做，我們就說那看看你的手機(jī)是什么樣子吧，結(jié)果她拿出來一個(gè)黑色的非常成熟系的手機(jī)。

 

當(dāng)時(shí)我們所有人都震驚了，因?yàn)楫?dāng)時(shí)初中生和小學(xué)生是沒有購買力的，我們沮喪回來的時(shí)候，偶然遇到公司一個(gè)28歲的女員工，她興致勃勃地叫住了我們，問手機(jī)哪里弄來的——這種顏色就是她想要的。

 

于是我們繼續(xù)調(diào)研，發(fā)現(xiàn)喜歡這款顏色的是28歲到32歲的人群。青春期的女生往往不甘被人說幼稚，更喜歡成熟一些，而28歲以上的女生青春流逝，她們會(huì)覺得再不用這種顏色就真的老了。你想想，如果手機(jī)做出后按我們想象的去大學(xué)做推廣，會(huì)不會(huì)有人買呢？

 

這是關(guān)于人的問題，你要知道你的一切設(shè)計(jì)行為都是為商業(yè)負(fù)責(zé)的，所以你們前期對(duì)交互不甚了解，可以先從PS開始，后期就是“勢”和“人”，這兩個(gè)東西是比較難的。

 

【研發(fā)流程】

 

下面是研發(fā)的一些流程，大體的給大家看一看，很多人感興趣交互在互聯(lián)網(wǎng)產(chǎn)品線中處于什么位置：

產(chǎn)品經(jīng)理和交互設(shè)計(jì)師容易混淆。產(chǎn)品經(jīng)理的最終目標(biāo)是保證項(xiàng)目完成，比如六個(gè)月達(dá)到一百萬用戶量，這個(gè)是他的kpi，用戶研究只是其中的一部分。

 

一般產(chǎn)品經(jīng)理定大的需求，小的細(xì)節(jié)是交互設(shè)計(jì)師做，但是很多公司產(chǎn)品經(jīng)理和交互設(shè)計(jì)師是一個(gè)人.產(chǎn)品經(jīng)理保證項(xiàng)目落地達(dá)成目標(biāo)，交互設(shè)計(jì)師對(duì)用戶體驗(yàn)負(fù)責(zé),細(xì)化需求。在前期對(duì)需求進(jìn)行挖掘和理解的時(shí)候，交互設(shè)計(jì)師和產(chǎn)品經(jīng)理是一起的，包括人物建模、競品分析。

 

定好需求和功能就要上框架，所謂的框架就是它的線框圖，這階段在大公司里統(tǒng)一是線框圖，不會(huì)出視覺稿的。

 

線框圖就是UI的0.5版本，把需求做成信息羅列出來，就是你們之前看到的淘寶那種信息，絕對(duì)不會(huì)用PS啊同志們，我說過的一句話你們很多人都會(huì)漏掉——任何項(xiàng)目第一保證的都是效率。PS在前期會(huì)影響效率，一定是用線框或者手繪的方式畫出來，然后和各方面溝通，大家確認(rèn)之后才開始上視覺，視覺是非常往后的東西。

 

然后是低保真原型的測試或者迭代，這個(gè)涉及到可用性測試、AB測試，這兩個(gè)測試用的最多，百度現(xiàn)在可能還在用卡片分析之類的。

 

再之后出視覺稿，然后是高保真測試。但是用戶測試也分產(chǎn)品，有的產(chǎn)品不太需要做，有的產(chǎn)品要狂做，這個(gè)和產(chǎn)品自身的形態(tài)有關(guān)。之后開發(fā)人員開始介入，大概就是這個(gè)過程。

 

【交互能力】

現(xiàn)在的很多招聘也這么寫——心理學(xué)、視覺、計(jì)算機(jī)出身。中國大部分交互設(shè)計(jì)師都是從工業(yè)設(shè)計(jì)轉(zhuǎn)過來的，平面相對(duì)少些但也有，計(jì)算機(jī)和心理學(xué)的偏少。心理學(xué)做用戶研究的多，華為特別喜歡收計(jì)算機(jī)出身的。

 

其實(shí)業(yè)內(nèi)有各種行業(yè)轉(zhuǎn)成功的人，有學(xué)商業(yè)的、攝影的、數(shù)學(xué)的、英語的、生物的、服裝的、廣告的等等，其實(shí)我覺得互聯(lián)網(wǎng)設(shè)計(jì)應(yīng)該歡迎商業(yè)的人轉(zhuǎn)行，商業(yè)對(duì)交互很重要，而這恰恰是被忽略的。

 

第一種是視覺能力，80%的事情是做信息構(gòu)架和繪制界面，視覺能力往往是基礎(chǔ)能力，你要能把界面做出來，可能你的分析不靠譜，但是起碼可以幫著切圖吧，也能找到工作，這是基本能力。

 

第二種是心理學(xué)能力，這是“人”的范疇，你的一條信息正好打?qū)α诉@個(gè)點(diǎn)，就會(huì)形成很強(qiáng)的轉(zhuǎn)化，這是對(duì)心理的研究。

 

第三種是邏輯能力，UI其實(shí)不是在設(shè)計(jì)一個(gè)界面，而是在設(shè)計(jì)一個(gè)系統(tǒng)，你的設(shè)計(jì)和用戶的邏輯是綁定在一起的。另外互聯(lián)網(wǎng)是一個(gè)變化的過程，今天可能五十個(gè)功能，明天可能一百個(gè)功能，這就需要你的系統(tǒng)有很強(qiáng)的包容性。

 

這三大能力，視覺的能力是最容易達(dá)到的，心理學(xué)和邏輯學(xué)有點(diǎn)困難。有些人平面轉(zhuǎn)UI公司不收，那是因?yàn)槟愕拿拦に季S已經(jīng)定型，懂行的一看就不會(huì)要你，你要從美工思維轉(zhuǎn)到UI的思維、互聯(lián)網(wǎng)的思維，我今天給你們講的就是UI的思維。

 

我給你們一個(gè)薪酬標(biāo)準(zhǔn)：

年收入6萬以下的，基本會(huì)切圖就可以了，技術(shù)含量不高，切個(gè)圖做個(gè)guideline之類的基礎(chǔ)的活，企業(yè)需要這種螺絲釘型的人。

 

6萬到12萬的設(shè)計(jì)師，做調(diào)研報(bào)告可能相對(duì)難一些，但是競品分析是一定要熟練掌握的，還要參與信息構(gòu)架的工作。

 

12萬到24萬的，這時(shí)候調(diào)研報(bào)告、分析需求、信息構(gòu)架都需要熟練掌握了，還要學(xué)會(huì)處理細(xì)節(jié)、文案等。

 

24萬到40萬就一定要結(jié)合商業(yè)了，比如我講的三大市場，有形無形，向心力差別化，這些都是商業(yè)的東西，我的很多交互理論都是從商業(yè)演化來的。

 

這個(gè)工資標(biāo)準(zhǔn)是一線城市的，現(xiàn)在可能比這個(gè)還要高一些，我們有個(gè)工業(yè)設(shè)計(jì)從未做過交互的人，初次找工作稅后一萬三，還有一個(gè)深圳學(xué)攝影的，轉(zhuǎn)行拿到的是一萬一。基本上最少的也有八千吧，一線城市很缺人，你可以查查IXDC的調(diào)研報(bào)告，里面有寫一線城市交互的工資水平。

 

現(xiàn)在高校基本沒開UI課，社會(huì)上很多地方所謂的UI其實(shí)還是傳統(tǒng)美術(shù)的變型，比如傳統(tǒng)美工用PS做海報(bào)，他們是用PS做圖標(biāo)。有人甚至能用PS把游戲人物很精美地畫出來，心想我PS技術(shù)這么好，把icon畫出來不就是UI了么，其實(shí)根本就不是。

 

【新人答疑】

答：前兩天我和蕭蕭一起和辛向陽吃飯，我也在問他這個(gè)問題，現(xiàn)在很多數(shù)據(jù)說交互有一百萬的缺口，結(jié)果辛向陽說有一千萬的缺口。現(xiàn)在我們接觸到的交互設(shè)計(jì)可能只局限在網(wǎng)頁或者APP這種，他指的交互設(shè)計(jì)是個(gè)很廣泛的概念，前景肯定是有的。

 

互聯(lián)網(wǎng)是人和服務(wù)的對(duì)接，如果你們觀察現(xiàn)在我們做的很多事，很多嶄新的設(shè)計(jì)和商業(yè)模式一旦出來，那就是新的商機(jī)。

答：剛才說了器勢人。視覺基礎(chǔ)不好的就學(xué)PS去臨摹，現(xiàn)在很多開源的信息，比如學(xué)UI網(wǎng)。如果你臨摹到一定程度，可以看一看dribbble，其實(shí)視覺非常好解決，思維的提升才困難。

答：PPT和axure足夠了，這兩個(gè)東西都不需要學(xué)。隨便來個(gè)人學(xué)兩三天都能拿著軟件畫出漂亮的線框圖，關(guān)鍵是你的線框圖從哪里來、為什么要這么畫。

答：交互設(shè)計(jì)師不需要學(xué)代碼。我在很多公司都指導(dǎo)過工作，像聯(lián)想、騰訊、三星，還有多如牛毛的創(chuàng)業(yè)團(tuán)隊(duì)，其實(shí)我做設(shè)計(jì)師之前本科是學(xué)計(jì)算機(jī)的，很多代碼我都會(huì)寫，但是工作多年一條代碼都沒寫過。

 

知道為什么企業(yè)招聘要求你們懂代碼嗎？因?yàn)楹芏嗥髽I(yè)希望你做了設(shè)計(jì)做前端，節(jié)省人力成本，正式公司都不會(huì)有這個(gè)要求。

 

寫代碼這個(gè)要求最開始是網(wǎng)頁設(shè)計(jì)師，這是需要懂前端知識(shí)的，但是hr不懂，他只是把設(shè)計(jì)師的招聘到處貼，后來就貼到交互設(shè)計(jì)師里去了，因?yàn)楹芏鄅r心里網(wǎng)頁設(shè)計(jì)就是交互設(shè)計(jì)，結(jié)果很多人覺得交互需要學(xué)代碼。

 

就算你覺得設(shè)計(jì)師應(yīng)該學(xué)代碼，我建議你還是先把本行的設(shè)計(jì)能力學(xué)好。當(dāng)兩件事你都要做的時(shí)候意味著哪件事你都做不好，這是自我管理的問題。

答：你們可以查一下IXDC的行業(yè)報(bào)告，目前30%—40%的交互崗位薪酬在10到15萬之間，但是也不排除高級(jí)的會(huì)更高，平均水平是這樣。

答：這個(gè)是完全不一樣的，大公司我們拿BAT為例子，它比較注重專項(xiàng)的能力，比如你做交互設(shè)計(jì)的人不需要視覺設(shè)計(jì)很好，只要交互設(shè)計(jì)能力過關(guān)就可以，所以給大公司投簡歷，視覺就是視覺，交互就是交互。

答：創(chuàng)業(yè)團(tuán)隊(duì)追求的是快準(zhǔn)狠，大公司可能研究型做的比較多。我建議最好在大公司和創(chuàng)業(yè)團(tuán)隊(duì)都做過，這樣看事情更全面。新手能去大公司就去大公司吧，可以很好的磨煉你們的專項(xiàng)能力。

答：簡歷必須要有交互設(shè)計(jì)相關(guān)的案例，如果沒有hr那關(guān)就會(huì)把你刷掉。我知道你們很多新手沒作品，這個(gè)才是最愁人的。新手可以積累視覺類作品，從視覺開始慢慢就有交互的東西了。

 

學(xué)校里的學(xué)生好些，實(shí)習(xí)生沒太高要求。項(xiàng)目經(jīng)驗(yàn)非常重要，你去面試十道題里可能七八道都是根據(jù)你的項(xiàng)目案例問的，如果你打算轉(zhuǎn)交互一定要積累相關(guān)的案例。

答：大公司對(duì)學(xué)歷都有要求，不行就去創(chuàng)業(yè)團(tuán)隊(duì)吧。當(dāng)然不排除能力特別強(qiáng)的，如果你進(jìn)來之后很多東西都能給它切實(shí)搞掉，擺出你的實(shí)力給它們看，學(xué)歷不夠進(jìn)大公司的還是大有人在，但是這些人的經(jīng)歷基本不可復(fù)制。

答：一萬并不高，還是有很多人能拿到的……這個(gè)問題我可以回答歡迎來到集創(chuàng)堂嗎，哈哈。其實(shí)新人拿到這個(gè)數(shù)還是要有一點(diǎn)運(yùn)氣的，當(dāng)然你實(shí)力強(qiáng)也可以穩(wěn)拿。

 

大公司的要求死板些，反而是一些小公司對(duì)能力要求很高。大公司不缺人，所以比較挑剔，你去了也是一枚維系公司運(yùn)轉(zhuǎn)的螺絲釘……當(dāng)然你長的特別美機(jī)會(huì)也大，確實(shí)美女容易進(jìn)大公司，比如老大是男的往往喜歡找一些好看的女生進(jìn)來，這也是人性啊。

答：越是老大開會(huì)越頻繁，后期可能一個(gè)禮拜全是會(huì)議，不同公司也不一樣。交互設(shè)計(jì)師非常注重溝通，你的工作十分可能有四分在溝通，有五分在思考怎么做，最后一分才是呈遞交互文檔。

答：這個(gè)分市場?，F(xiàn)有市場的產(chǎn)品如果和其他產(chǎn)品沒什么區(qū)別，就不太需要用戶訪談，投入越多的錢就有越多的量；突圍產(chǎn)品就要頻繁接觸用戶；創(chuàng)新產(chǎn)品就更要頻繁接觸。如果你做這類產(chǎn)品，一定要和真實(shí)用戶溝通，不然全是自己猜測非常容易出問題。

答：這個(gè)是產(chǎn)品的問題，如果市場上暫時(shí)沒有成熟的產(chǎn)品，說明這個(gè)東西的核心功能有問題，在做這類產(chǎn)品的時(shí)候，不要做它們的優(yōu)點(diǎn)，而要吸取它們的缺點(diǎn)進(jìn)行改進(jìn)。核心功能是產(chǎn)品最初步的問題，其次才是用戶基數(shù)。

答：手繪功底？有或者沒有都可以，交互不需要你造型能力多強(qiáng)，你只要能把邏輯關(guān)系畫出來就行了，不需要搞什么素描陰影。你不是要做畫家，朋友們，畫家和設(shè)計(jì)師是有區(qū)別的。