2024-6-24 資深UI設(shè)計(jì)者
交互設(shè)計(jì)師(或稱UI設(shè)計(jì)師)發(fā)展的三部曲——器、勢(shì)、人,這三部曲基本會(huì)貫穿你的職業(yè)生涯。本文專門為交互新人和轉(zhuǎn)行者指明學(xué)習(xí)方向。
交互設(shè)計(jì)師(或者稱UI設(shè)計(jì)師)發(fā)展的三部曲——器、勢(shì)、人。這三部曲基本會(huì)貫穿你的職業(yè)生涯。
先普及一些常見(jiàn)的崗位術(shù)語(yǔ)。GUI指視覺(jué)設(shè)計(jì),PM指產(chǎn)品經(jīng)理,這兩個(gè)詞的含義是公認(rèn)的。UI則非常有歧義,在中國(guó)的大公司(譬如華為、聯(lián)想、三星、騰訊、百度等)指交互設(shè)計(jì),小團(tuán)隊(duì)指視覺(jué)設(shè)計(jì),很多中小團(tuán)隊(duì)甚至沒(méi)有交互這個(gè)詞。
UE對(duì)應(yīng)的是交互設(shè)計(jì)和用戶研究,在百度交互設(shè)計(jì)、用戶研究和視覺(jué)設(shè)計(jì)(GUI)都稱為UE,是一個(gè)團(tuán)隊(duì)稱呼。騰訊干脆把“UI”這個(gè)詞撤了,崗位設(shè)定就是視覺(jué)設(shè)計(jì)師和交互設(shè)計(jì)師。
交互設(shè)計(jì)其實(shí)是一種方法論,這種方法論可以用在工業(yè)造型上,讓用戶感覺(jué)更好用;可以用在互聯(lián)網(wǎng)設(shè)計(jì)上,比如今天的互聯(lián)網(wǎng)產(chǎn)品;也可以用在服務(wù)上,比如意大利米蘭理工很早就搞了服務(wù)設(shè)計(jì)……設(shè)計(jì)師通過(guò)交互設(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ì)圖片把用戶吸引過(guò)來(lái),如果用項(xiàng)目類比飯店,它在整個(gè)銷售流程里就相當(dāng)于設(shè)計(jì)了飯店的招牌,用非常好看的招牌把用戶吸引進(jìn)來(lái)。
而用戶在飯店的所有活動(dòng)——包括消費(fèi)、服務(wù)、吃飯點(diǎn)菜等各類流程——都和設(shè)計(jì)沒(méi)有關(guān)系。所以設(shè)計(jì)師可能覺(jué)得自己的設(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ì)老板來(lái)說(shuō)哪種設(shè)計(jì)師價(jià)值更高,才好理清自己的發(fā)展方向。
傳統(tǒng)設(shè)計(jì)就是吸引人看過(guò)來(lái),里面的所有服務(wù)和你無(wú)關(guān),所以傳統(tǒng)設(shè)計(jì)師不值錢,而互聯(lián)網(wǎng)時(shí)代企業(yè)所有的營(yíng)銷、投入、物流、店面、服務(wù)用戶都是看不見(jiàn)的,他只能通過(guò)一個(gè)小小的界面來(lái)購(gòu)買產(chǎn)品,傳統(tǒng)時(shí)代一系列的轉(zhuǎn)化過(guò)程全部濃縮在界面里,用戶了解產(chǎn)品、增強(qiáng)信任、轉(zhuǎn)化購(gòu)買都是通過(guò)設(shè)計(jì)來(lái)完成的,這就是互聯(lián)網(wǎng)設(shè)計(jì)師值錢的原因,因?yàn)樗纳虡I(yè)價(jià)值更高。
為什么今天很多人在談交互設(shè)計(jì),就是因?yàn)榛ヂ?lián)網(wǎng)產(chǎn)品通過(guò)交互設(shè)計(jì)來(lái)捕捉人的行為,捕捉的好用戶就會(huì)使用你的產(chǎn)品,捕捉的不好用戶就會(huì)放棄你,所以交互設(shè)計(jì)才會(huì)這么有地位。
剛才我講了交互設(shè)計(jì)是一種方法論,那么什么是UI設(shè)計(jì)?大部分人對(duì)UI設(shè)計(jì)的理解就是漂亮的界面,很多老板把界面丟過(guò)來(lái)“給我做的美一點(diǎn)”就完了。我不否認(rèn)視覺(jué)是UI設(shè)計(jì)的一部分,UI設(shè)計(jì)其實(shí)分為兩部分,一部分是視覺(jué)設(shè)計(jì),產(chǎn)品做的好看確實(shí)能提升轉(zhuǎn)化率,但是你們平時(shí)看到的大牛產(chǎn)品比如微信、58同城、QQ之類,感受到過(guò)它們的“美麗”嗎?這就是另外一部分更重要的,交互設(shè)計(jì)。
實(shí)際上,用戶在使用微信、58的時(shí)候只是在完成自己的目的,這些應(yīng)用提升了他的做事效率,視覺(jué)其實(shí)只是整個(gè)設(shè)計(jì)流程的最后一步。大公司的視覺(jué)設(shè)計(jì)師比交互設(shè)計(jì)師的薪酬要低一些,不同公司還不一樣,百度的只是工資低一些,騰訊的可能要低一個(gè)級(jí)別,基本都是交互設(shè)計(jì)師帶著視覺(jué)設(shè)計(jì)師工作。
講了UI設(shè)計(jì)為什么這么重要,還有人問(wèn)我交互設(shè)計(jì)有沒(méi)有前途,我告訴你交互太有前途了。你要了解行業(yè)的變化,過(guò)去人們接觸信息是通過(guò)現(xiàn)實(shí)的各種聯(lián)系,比如你想聽(tīng)鬼故事就要附近的朋友給你講,現(xiàn)在就通過(guò)手機(jī)或電腦上的界面——人接觸大量數(shù)據(jù)是一種本能,今天的UI就是人和大量信息的接口。
所以設(shè)計(jì)師要將大量的企業(yè)服務(wù)、商機(jī)、信息整合到界面里,將大量有價(jià)值的信息通過(guò)UI展示給用戶?,F(xiàn)在很多人購(gòu)物都不愿意出家門了,通過(guò)1號(hào)店、唯品會(huì)、淘寶這些互聯(lián)網(wǎng)產(chǎn)品進(jìn)行購(gòu)物,這一套服務(wù)和商品他們都是通過(guò)UI進(jìn)行購(gòu)買的。
中國(guó)的發(fā)展太快了,這帶來(lái)了一個(gè)很大的問(wèn)題,就是公司里做老大的人往往是外行,他活躍的年代根本沒(méi)有這么先進(jìn)的設(shè)計(jì)思想,而新進(jìn)來(lái)的設(shè)計(jì)師可能是內(nèi)行,這就會(huì)頻繁出現(xiàn)外行領(lǐng)導(dǎo)內(nèi)行的情況,即使是一流互聯(lián)網(wǎng)企業(yè)也是一樣的。時(shí)代在飛速變化,UI不是界面設(shè)計(jì),經(jīng)過(guò)最近數(shù)年的發(fā)展,界面設(shè)計(jì)已經(jīng)退縮為UI很小的一部分了。
今天來(lái)聽(tīng)課的很多人可能都是想自學(xué)交互設(shè)計(jì)的,我們下面就講一下今天的核心內(nèi)容——器、勢(shì)、人。
【第一段:器】
設(shè)計(jì)師學(xué)習(xí)的第一階段其實(shí)都是從“器”開(kāi)始的,器指的就是工具。這分為兩種,第一種是有形工具,比如PS、AI、Axure之類的軟件;另一種是無(wú)形工具,就是設(shè)計(jì)時(shí)用到的思維方式。
先說(shuō)第一種有形工具。很多同學(xué)在學(xué)習(xí)UI時(shí)很容易陷到工具的盲海里去,覺(jué)得工具學(xué)的越多能力就越強(qiáng),其實(shí)根本不是這么一回事,軟件對(duì)交互來(lái)說(shuō)是非?;A(chǔ)的一部分,保底就足夠了,學(xué)的太多反而會(huì)本末倒置。
怎么提升自己有形的“器”呢?從UI視覺(jué)方面來(lái)考慮,PS就足夠了,AI都顯得略有多余,不需要其他軟件。PS其實(shí)是一款非常強(qiáng)大的視覺(jué)軟件,切圖也比較方便,BAT等公司也是用的PS。
還有輸出交互文檔的工具,一種是PPT,一種是Axure,這兩款軟件就足夠覆蓋絕大多數(shù)交互文檔了,當(dāng)然還有其他軟件,如果是快速迭代的原型直接在紙上畫也可以。
我們集創(chuàng)堂有一個(gè)新手群,很多人在群里不斷問(wèn)“我要不要學(xué)XX軟件啊”“學(xué)軟件要不要報(bào)班啊”,軟件其實(shí)和鉛筆、白紙一樣就是設(shè)計(jì)的工具,它的操作越復(fù)雜說(shuō)明它設(shè)計(jì)的越差勁,PS和Axure跟著一些免費(fèi)視頻學(xué)一學(xué)就夠了,拿過(guò)來(lái)就可以用的,千萬(wàn)不要花費(fèi)太多精力在有形的“器”的提升上,當(dāng)然你PS連臨摹都不會(huì)就要多練練了。
Axure和PPT很簡(jiǎn)單,直接拿過(guò)來(lái)就能用的……QC?這是什么東西,你搞這么多復(fù)雜的軟件干嘛呀,交互需要快速溝通,你要拿著設(shè)計(jì)反復(fù)和其他人對(duì)接,要是搞了個(gè)很生僻的軟件給別人,結(jié)果別人打不開(kāi),老板就會(huì)罵你。你要記住自己是設(shè)計(jì)的一環(huán),能快速傳遞自己的設(shè)計(jì)思路才是最重要的,不要搞一些生僻的軟件、格式、字體,這都是門外漢干的事。
像AE、Flash面試時(shí)可能會(huì)給你加分,因?yàn)楣究赡苡幸恍└弑U娴膭?dòng)畫展示要做,其實(shí)在真實(shí)工作中用到的機(jī)會(huì)非常少。
我推薦一個(gè)icon,如果你們PS功底不好的話,去臨摹它:
能把這個(gè)臨摹出來(lái),我就覺(jué)得你視覺(jué)的基本能力是有了,但是設(shè)計(jì)的功力還不好說(shuō),一定要把軟件和思維分開(kāi)。
第二種“器”是無(wú)形的思考工具。思維的“器”其實(shí)最不好培養(yǎng),說(shuō)的殘酷點(diǎn),你可能看五年的書都出不來(lái)思維,最好能有人指點(diǎn)一下,這個(gè)就是我現(xiàn)在干的事,當(dāng)然這個(gè)你們隨意。集創(chuàng)堂一直在培養(yǎng)的就是思維的“器”,不是軟件的“器”,軟件的“器”你可以通過(guò)大量臨摹自己練出來(lái)。
【第二段:勢(shì)】
“勢(shì)”是很多設(shè)計(jì)師容易忽略的,也就是前沿的設(shè)計(jì)意識(shí)。
這個(gè)怎么練呢?每天一定要抽出三十分鐘的時(shí)間看新產(chǎn)品和新思路,這是今天的互聯(lián)網(wǎng)設(shè)計(jì)師必須要干的一件事。很多一線團(tuán)隊(duì)每天都會(huì)分享各種各樣的新聞,百度有自己的分享機(jī)制,三星喜歡每個(gè)月讓設(shè)計(jì)師找最新的交互、用研、技術(shù)信息,收集起來(lái)專門搞一個(gè)月報(bào)。
設(shè)計(jì)師有很多渠道可以看前沿信息,比如互聯(lián)網(wǎng)一些事,愛(ài)范,36kr,癮科技之類的網(wǎng)站。你現(xiàn)在不知道,說(shuō)明你沒(méi)有養(yǎng)成這方面的意識(shí),這種前沿意識(shí)非常重要,它決定了你能在二流公司還是一流公司,這是排在第二位的。
上面這三條每天都要堅(jiān)持,你們堅(jiān)持了三個(gè)月以后,自然而然就會(huì)飛躍,不需要怎么特意去學(xué),但這個(gè)不是培訓(xùn)可以給大家的,養(yǎng)成一個(gè)好的習(xí)慣,每天看半小時(shí)其實(shí)就是最好的學(xué)習(xí)。
我最怕的是公司的一些老設(shè)計(jì)師工作了十年還是小兵,每天從來(lái)不看最新的東西,我給他們說(shuō)現(xiàn)在很多90后每天都會(huì)自拍50次,他們說(shuō)打死我也不信,這就完了。包括百度、騰訊等大公司面試的時(shí)候,也會(huì)問(wèn)你些最新資訊。這個(gè)真的很重要,說(shuō)白了,別人都在搞飛毛腿導(dǎo)彈了,你還在研究十八般武器的舞法,這就不行。
比如支付寶加了社交的功能,這就是最新趨勢(shì),支付寶為什么要做社交?你應(yīng)該多了解這樣的軟件變化,去思考它背后的含義。
【第三段:人】
絕大多數(shù)設(shè)計(jì)師在工作的第一年解決的都是“器”和“勢(shì)”的問(wèn)題,這兩個(gè)問(wèn)題比較好解決,最難解決的問(wèn)題其實(shí)是“人”的問(wèn)題。可能很多設(shè)計(jì)師一輩子都解決不了“人”的問(wèn)題,而它對(duì)企業(yè)的影響又是最大的,交互設(shè)計(jì)最重要的就是解決“人”的問(wèn)題。
記住了,這一點(diǎn)甚至能決定一款千萬(wàn)級(jí)甚至上億級(jí)產(chǎn)品的生死。
剛才我們講的東西太理論性了,可能有點(diǎn)空泛,下面我給大家一個(gè)案例,比如說(shuō)淘寶這個(gè)界面,你們看到它的時(shí)候看到了什么?從自己的專業(yè)角度分析一下:
說(shuō)“看到美女”的人很正常,除了美女還看到了什么?銷量、排版、價(jià)格?典型的淘寶界面實(shí)際是一個(gè)非常人性化的界面,這一張界面里很多地方存在著人性設(shè)計(jì)。
在分析這個(gè)界面之前,先給你們分析一下傳統(tǒng)商品的銷售模式:
比如說(shuō)我要買一瓶果汁,來(lái)到一家商店,看到了這家店的門面、精美的果汁、美麗的店員,然后我詳細(xì)詢問(wèn)店員果汁的價(jià)格、口味,店員慢慢給我解釋,最后我購(gòu)買了。這整個(gè)購(gòu)物過(guò)程我們用八個(gè)字來(lái)解釋就是——了解、信任、價(jià)值、轉(zhuǎn)化。“了解”通過(guò)各種現(xiàn)實(shí)交流來(lái)探知這款產(chǎn)品,“信任”你買這瓶果汁不怕上當(dāng),因?yàn)榈旰腿硕荚诳梢曰厝フ宜?ldquo;價(jià)值”你可以自己感受值不值得買,“轉(zhuǎn)化”就是購(gòu)買——這是傳統(tǒng)產(chǎn)品的銷售過(guò)程。
在這個(gè)過(guò)程里,還有四種用戶:
紅色性格的人比較感性,他可能因?yàn)榈陠T長(zhǎng)的漂亮態(tài)度好就購(gòu)買果汁。藍(lán)色性格的人比較重實(shí)際,會(huì)糾結(jié)性價(jià)比,可能會(huì)反復(fù)考慮很多細(xì)節(jié)再做決定。黃色性格的人注重結(jié)果,比較干脆,他就是渴了想喝果汁,無(wú)所謂這瓶多少錢。綠色性格的人是與世無(wú)爭(zhēng)的,你都不知道他看上了什么東西,可能他覺(jué)得這個(gè)瓶蓋看起來(lái)萌萌噠就去買。
優(yōu)秀的銷售人員能感受自己的客戶分別是什么人,可以很靈活的銷售?,F(xiàn)在產(chǎn)品搬到線上去做,出現(xiàn)了一個(gè)新的問(wèn)題,就是之前你看到的店鋪、果汁、店員等所有的東西都不見(jiàn)了,所有的過(guò)程都要靠一個(gè)個(gè)界面來(lái)解決,這就出現(xiàn)了難度。
這個(gè)界面要解決什么問(wèn)題呢?就是剛才談的“了解、信任、價(jià)值、轉(zhuǎn)化”,現(xiàn)在我們回到淘寶的界面:
看到了嗎?“了解”的信息、“信任”的信息、“價(jià)值”的信息,如何“轉(zhuǎn)化”,它是按照這一套流程來(lái)設(shè)計(jì)的。剛剛我講到了四種性格的用戶,紅色性格的用戶很感性,她真的是看美女——很多女孩子買衣服“哎,這件衣服穿在這個(gè)美女身上好漂亮啊”,她就會(huì)去買。黃色性格的人重結(jié)果,覺(jué)得自己應(yīng)該買件新衣服,看到289元衣服也還不錯(cuò)就買了。
藍(lán)色性格的人在下面,他看的是數(shù)據(jù)細(xì)節(jié),各種各樣的參數(shù)各種各樣的對(duì)比。綠色性格的人不好覆蓋,這個(gè)比較隨性。
一個(gè)界面覆蓋了三種性格的用戶,你能看到的信息幾乎全部都是經(jīng)過(guò)精心設(shè)計(jì)的,這就是今天的互聯(lián)網(wǎng)設(shè)計(jì),針對(duì)人的設(shè)計(jì)。用戶看到他想要的信息就會(huì)購(gòu)買,放一個(gè)好看的圖片可能會(huì)激發(fā)紅色性格的用戶,但是這只是其中的一部分,互聯(lián)網(wǎng)設(shè)計(jì)只有視覺(jué)是絕對(duì)不夠的,這就是“人”的問(wèn)題。
我們?cè)谧霎a(chǎn)品的時(shí)候如果不了解你的用戶,通常都要做建模,就是因?yàn)?ldquo;人”的問(wèn)題不好把握。比如白領(lǐng)用戶多就做白領(lǐng)的建模,當(dāng)然建模做準(zhǔn)也是需要訓(xùn)練的,現(xiàn)在就是告訴大家有這么一個(gè)東西,用建模來(lái)找準(zhǔn)目標(biāo)用戶。
如果目標(biāo)用戶找不準(zhǔn)產(chǎn)品是沒(méi)有任何價(jià)值的——這叫“槍型思維”,就是要把更多時(shí)間和精力用在瞄準(zhǔn)上,如果瞄不準(zhǔn)開(kāi)槍是沒(méi)有意義的。
“人”的問(wèn)題沒(méi)有解決,這就是很多創(chuàng)業(yè)團(tuán)隊(duì)死掉的原因。我去很多團(tuán)隊(duì)做過(guò)診斷,比如有的團(tuán)隊(duì)做政府項(xiàng)目,我問(wèn)他們找過(guò)政府的工作人員做調(diào)研嗎?他們說(shuō)沒(méi)做過(guò),我接著問(wèn)那你們從哪里找的需求和功能呢?他們說(shuō)從競(jìng)品里面找的。那個(gè)競(jìng)品其實(shí)根本不是他們的項(xiàng)目,他們直接抄著做了,結(jié)果可想而知死掉了。
做建模很難,大部分設(shè)計(jì)師能做的只是通過(guò)分析調(diào)研數(shù)據(jù)、結(jié)合產(chǎn)品的策略來(lái)建模。還有一種是比較難的,靠的是閱歷,比如我們之前建一個(gè)賭徒心理的模型,很多人沒(méi)見(jiàn)過(guò)賭徒,結(jié)果建模真的就不準(zhǔn),需求點(diǎn)找的很差。
我有個(gè)朋友在做國(guó)外項(xiàng)目,給阿拉伯人建模,痛苦死了,在國(guó)內(nèi)連人種都找不到,項(xiàng)目做了五個(gè)月還是很不準(zhǔn),沒(méi)辦法只好真的到阿拉伯調(diào)研去了,因?yàn)楹芏喈?dāng)?shù)厝擞⒄Z(yǔ)不好,溝通障礙很多,弄的非常困難。
“人”的問(wèn)題是最重要的,如果人找不準(zhǔn),你的需求就找不準(zhǔn),那么之后包括信息構(gòu)架、視覺(jué)設(shè)計(jì)都是沒(méi)有價(jià)值的,極有可能項(xiàng)目會(huì)因?yàn)檫@個(gè)死掉,下面我再給你們一個(gè)手機(jī)的案例:
這些手機(jī)都是當(dāng)年的經(jīng)典系列,htc、索尼、三星、諾基亞什么的,你們查一查就能知道喜歡這些手機(jī)的都是什么用戶,那這款手機(jī)呢?你們猜一猜這款手機(jī)多少錢,就憑自己的感覺(jué),這款手機(jī)你打算出多少錢去買:
打500、1000的算比較實(shí)在,有次我拿這款手機(jī)給九個(gè)設(shè)計(jì)師看,大多數(shù)人第一反應(yīng)是山寨機(jī),第二反應(yīng)是這款手機(jī)打死不會(huì)超過(guò)一千,還有說(shuō)狠話的“如果超過(guò)一千我就吃下去”。八個(gè)人沒(méi)有猜出來(lái),全都是年輕的設(shè)計(jì)師,只有一個(gè)銷售人員猜對(duì)了。
朋友們,這款手機(jī)狂貴,在剛出來(lái)的時(shí)候賣16000,它不是給你們這些年輕人用的,是給四十歲的傳統(tǒng)企業(yè)老板用的。
這款手機(jī)的高保真原型出來(lái)時(shí),所有設(shè)計(jì)師都投反對(duì)票,因?yàn)槟菚r(shí)蘋果已經(jīng)出現(xiàn)了,大家覺(jué)得流線型、簡(jiǎ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ī)是兩屏的,看起來(lái)是智能機(jī),其實(shí)還是一個(gè)翻蓋打電話的手機(jī)。這款手機(jī)出來(lái)之后在山西大賣,被稱為智能手機(jī)界的大哥大,非常受老板歡迎——所以每次我講這個(gè)案例的時(shí)候,有些學(xué)生比較天真,我一講他們就說(shuō)“我爸用的不就是這款手機(jī)么”,這就暴露了他們土豪的本質(zhì),父輩用這種手機(jī)的人都是土豪。
這就是“人”,作為一個(gè)年輕的設(shè)計(jì)師你可能很難理解一位四十歲的用戶心里在想什么。如果產(chǎn)品的目標(biāo)用戶是四十歲,很多大企業(yè)就會(huì)真的找一些四十歲的用戶做調(diào)研,但是用戶調(diào)研也有比較困難的地方,比如你的產(chǎn)品從未在市場(chǎng)上出現(xiàn)過(guò),你找這些用戶做調(diào)研他們也說(shuō)不出到底喜不喜歡這類產(chǎn)品,很多時(shí)候用戶調(diào)研也有很多局限性。
關(guān)于人物建模和調(diào)研的重要性,再給你們一個(gè)我們當(dāng)年做的關(guān)于手機(jī)顏色的案例:
這是我們對(duì)顏色的劃分。我們覺(jué)得10歲到20歲的女性喜歡很鮮艷的顏色,青春甜美嘛,25歲之后的成熟女性喜歡這種偏成熟的顏色,成熟冷艷嘛——問(wèn)你們一個(gè)問(wèn)題,女生在購(gòu)買手機(jī)時(shí)只注重兩點(diǎn),是哪兩點(diǎn)呢?男生請(qǐng)回答。
女性買手機(jī),最看重的一個(gè)是自拍,另一個(gè)是外觀,很多男生都想不到的。我們這個(gè)是針對(duì)外觀的新款手機(jī),顏色是彩虹色,看起來(lái)很萌很Q,大概就和這張圖里的差不多:
我們覺(jué)得20歲的女大學(xué)生應(yīng)該喜歡這種綻放的色彩、青春的顏色,這是我們男人的判斷。
結(jié)果我們到大學(xué)做調(diào)研,女大學(xué)生告訴我們這太幼稚了,她們不喜歡這種顏色,建議我們?nèi)ジ咧凶?。高中女生也說(shuō)我們太幼稚了,建議我們?nèi)バW(xué)做,我們就說(shuō)那看看你的手機(jī)是什么樣子吧,結(jié)果她拿出來(lái)一個(gè)黑色的非常成熟系的手機(jī)。
當(dāng)時(shí)我們所有人都震驚了,因?yàn)楫?dāng)時(shí)初中生和小學(xué)生是沒(méi)有購(gòu)買力的,我們沮喪回來(lái)的時(shí)候,偶然遇到公司一個(gè)28歲的女員工,她興致勃勃地叫住了我們,問(wèn)手機(jī)哪里弄來(lái)的——這種顏色就是她想要的。
于是我們繼續(xù)調(diào)研,發(fā)現(xiàn)喜歡這款顏色的是28歲到32歲的人群。青春期的女生往往不甘被人說(shuō)幼稚,更喜歡成熟一些,而28歲以上的女生青春流逝,她們會(huì)覺(jué)得再不用這種顏色就真的老了。你想想,如果手機(jī)做出后按我們想象的去大學(xué)做推廣,會(huì)不會(huì)有人買呢?
這是關(guān)于人的問(wèn)題,你要知道你的一切設(shè)計(jì)行為都是為商業(yè)負(fù)責(zé)的,所以你們前期對(duì)交互不甚了解,可以先從PS開(kāi)始,后期就是“勢(shì)”和“人”,這兩個(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á)到一百萬(wàn)用戶量,這個(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)理是一起的,包括人物建模、競(jìng)品分析。
定好需求和功能就要上框架,所謂的框架就是它的線框圖,這階段在大公司里統(tǒng)一是線框圖,不會(huì)出視覺(jué)稿的。
線框圖就是UI的0.5版本,把需求做成信息羅列出來(lái),就是你們之前看到的淘寶那種信息,絕對(duì)不會(huì)用PS啊同志們,我說(shuō)過(guò)的一句話你們很多人都會(huì)漏掉——任何項(xiàng)目第一保證的都是效率。PS在前期會(huì)影響效率,一定是用線框或者手繪的方式畫出來(lái),然后和各方面溝通,大家確認(rèn)之后才開(kāi)始上視覺(jué),視覺(jué)是非常往后的東西。
然后是低保真原型的測(cè)試或者迭代,這個(gè)涉及到可用性測(cè)試、AB測(cè)試,這兩個(gè)測(cè)試用的最多,百度現(xiàn)在可能還在用卡片分析之類的。
再之后出視覺(jué)稿,然后是高保真測(cè)試。但是用戶測(cè)試也分產(chǎn)品,有的產(chǎn)品不太需要做,有的產(chǎn)品要狂做,這個(gè)和產(chǎn)品自身的形態(tài)有關(guān)。之后開(kāi)發(fā)人員開(kāi)始介入,大概就是這個(gè)過(guò)程。
【交互能力】
現(xiàn)在的很多招聘也這么寫——心理學(xué)、視覺(jué)、計(jì)算機(jī)出身。中國(guó)大部分交互設(shè)計(jì)師都是從工業(yè)設(shè)計(jì)轉(zhuǎn)過(guò)來(lái)的,平面相對(duì)少些但也有,計(jì)算機(jī)和心理學(xué)的偏少。心理學(xué)做用戶研究的多,華為特別喜歡收計(jì)算機(jī)出身的。
其實(shí)業(yè)內(nèi)有各種行業(yè)轉(zhuǎn)成功的人,有學(xué)商業(yè)的、攝影的、數(shù)學(xué)的、英語(yǔ)的、生物的、服裝的、廣告的等等,其實(shí)我覺(jué)得互聯(lián)網(wǎng)設(shè)計(jì)應(yīng)該歡迎商業(yè)的人轉(zhuǎn)行,商業(yè)對(duì)交互很重要,而這恰恰是被忽略的。
第一種是視覺(jué)能力,80%的事情是做信息構(gòu)架和繪制界面,視覺(jué)能力往往是基礎(chǔ)能力,你要能把界面做出來(lái),可能你的分析不靠譜,但是起碼可以幫著切圖吧,也能找到工作,這是基本能力。
第二種是心理學(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è)變化的過(guò)程,今天可能五十個(gè)功能,明天可能一百個(gè)功能,這就需要你的系統(tǒng)有很強(qiáng)的包容性。
這三大能力,視覺(jué)的能力是最容易達(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萬(wàn)以下的,基本會(huì)切圖就可以了,技術(shù)含量不高,切個(gè)圖做個(gè)guideline之類的基礎(chǔ)的活,企業(yè)需要這種螺絲釘型的人。
6萬(wàn)到12萬(wàn)的設(shè)計(jì)師,做調(diào)研報(bào)告可能相對(duì)難一些,但是競(jìng)品分析是一定要熟練掌握的,還要參與信息構(gòu)架的工作。
12萬(wàn)到24萬(wàn)的,這時(shí)候調(diào)研報(bào)告、分析需求、信息構(gòu)架都需要熟練掌握了,還要學(xué)會(huì)處理細(xì)節(jié)、文案等。
24萬(wàn)到40萬(wàn)就一定要結(jié)合商業(yè)了,比如我講的三大市場(chǎng),有形無(wú)形,向心力差別化,這些都是商業(yè)的東西,我的很多交互理論都是從商業(yè)演化來(lái)的。
這個(gè)工資標(biāo)準(zhǔn)是一線城市的,現(xiàn)在可能比這個(gè)還要高一些,我們有個(gè)工業(yè)設(shè)計(jì)從未做過(guò)交互的人,初次找工作稅后一萬(wàn)三,還有一個(gè)深圳學(xué)攝影的,轉(zhuǎn)行拿到的是一萬(wàn)一?;旧献钌俚囊灿邪饲О?,一線城市很缺人,你可以查查IXDC的調(diào)研報(bào)告,里面有寫一線城市交互的工資水平。
現(xiàn)在高?;緵](méi)開(kāi)UI課,社會(huì)上很多地方所謂的UI其實(shí)還是傳統(tǒng)美術(shù)的變型,比如傳統(tǒng)美工用PS做海報(bào),他們是用PS做圖標(biāo)。有人甚至能用PS把游戲人物很精美地畫出來(lái),心想我PS技術(shù)這么好,把icon畫出來(lái)不就是UI了么,其實(shí)根本就不是。
【新人答疑】
答:前兩天我和蕭蕭一起和辛向陽(yáng)吃飯,我也在問(wèn)他這個(gè)問(wèn)題,現(xiàn)在很多數(shù)據(jù)說(shuō)交互有一百萬(wàn)的缺口,結(jié)果辛向陽(yáng)說(shuō)有一千萬(wàn)的缺口。現(xiàn)在我們接觸到的交互設(shè)計(jì)可能只局限在網(wǎng)頁(yè)或者APP這種,他指的交互設(shè)計(jì)是個(gè)很廣泛的概念,前景肯定是有的。
互聯(lián)網(wǎng)是人和服務(wù)的對(duì)接,如果你們觀察現(xiàn)在我們做的很多事,很多嶄新的設(shè)計(jì)和商業(yè)模式一旦出來(lái),那就是新的商機(jī)。
答:剛才說(shuō)了器勢(shì)人。視覺(jué)基礎(chǔ)不好的就學(xué)PS去臨摹,現(xiàn)在很多開(kāi)源的信息,比如學(xué)UI網(wǎng)。如果你臨摹到一定程度,可以看一看dribbble,其實(shí)視覺(jué)非常好解決,思維的提升才困難。
答:PPT和axure足夠了,這兩個(gè)東西都不需要學(xué)。隨便來(lái)個(gè)人學(xué)兩三天都能拿著軟件畫出漂亮的線框圖,關(guān)鍵是你的線框圖從哪里來(lái)、為什么要這么畫。
答:交互設(shè)計(jì)師不需要學(xué)代碼。我在很多公司都指導(dǎo)過(guò)工作,像聯(lián)想、騰訊、三星,還有多如牛毛的創(chuàng)業(yè)團(tuán)隊(duì),其實(shí)我做設(shè)計(jì)師之前本科是學(xué)計(jì)算機(jī)的,很多代碼我都會(huì)寫,但是工作多年一條代碼都沒(méi)寫過(guò)。
知道為什么企業(yè)招聘要求你們懂代碼嗎?因?yàn)楹芏嗥髽I(yè)希望你做了設(shè)計(jì)做前端,節(jié)省人力成本,正式公司都不會(huì)有這個(gè)要求。
寫代碼這個(gè)要求最開(kāi)始是網(wǎng)頁(yè)設(shè)計(jì)師,這是需要懂前端知識(shí)的,但是hr不懂,他只是把設(shè)計(jì)師的招聘到處貼,后來(lái)就貼到交互設(shè)計(jì)師里去了,因?yàn)楹芏鄅r心里網(wǎng)頁(yè)設(shè)計(jì)就是交互設(shè)計(jì),結(jié)果很多人覺(jué)得交互需要學(xué)代碼。
就算你覺(jué)得設(shè)計(jì)師應(yīng)該學(xué)代碼,我建議你還是先把本行的設(shè)計(jì)能力學(xué)好。當(dāng)兩件事你都要做的時(shí)候意味著哪件事你都做不好,這是自我管理的問(wèn)題。
答:你們可以查一下IXDC的行業(yè)報(bào)告,目前30%—40%的交互崗位薪酬在10到15萬(wàn)之間,但是也不排除高級(jí)的會(huì)更高,平均水平是這樣。
答:這個(gè)是完全不一樣的,大公司我們拿BAT為例子,它比較注重專項(xiàng)的能力,比如你做交互設(shè)計(jì)的人不需要視覺(jué)設(shè)計(jì)很好,只要交互設(shè)計(jì)能力過(guò)關(guān)就可以,所以給大公司投簡(jiǎn)歷,視覺(jué)就是視覺(jué),交互就是交互。
答:創(chuàng)業(yè)團(tuán)隊(duì)追求的是快準(zhǔn)狠,大公司可能研究型做的比較多。我建議最好在大公司和創(chuàng)業(yè)團(tuán)隊(duì)都做過(guò),這樣看事情更全面。新手能去大公司就去大公司吧,可以很好的磨煉你們的專項(xiàng)能力。
答:簡(jiǎn)歷必須要有交互設(shè)計(jì)相關(guān)的案例,如果沒(méi)有hr那關(guān)就會(huì)把你刷掉。我知道你們很多新手沒(méi)作品,這個(gè)才是最愁人的。新手可以積累視覺(jué)類作品,從視覺(jué)開(kāi)始慢慢就有交互的東西了。
學(xué)校里的學(xué)生好些,實(shí)習(xí)生沒(méi)太高要求。項(xiàng)目經(jīng)驗(yàn)非常重要,你去面試十道題里可能七八道都是根據(jù)你的項(xiàng)目案例問(wèn)的,如果你打算轉(zhuǎn)交互一定要積累相關(guān)的案例。
答:大公司對(duì)學(xué)歷都有要求,不行就去創(chuàng)業(yè)團(tuán)隊(duì)吧。當(dāng)然不排除能力特別強(qiáng)的,如果你進(jìn)來(lái)之后很多東西都能給它切實(shí)搞掉,擺出你的實(shí)力給它們看,學(xué)歷不夠進(jìn)大公司的還是大有人在,但是這些人的經(jīng)歷基本不可復(fù)制。
答:一萬(wàn)并不高,還是有很多人能拿到的……這個(gè)問(wèn)題我可以回答歡迎來(lái)到集創(chuàng)堂嗎,哈哈。其實(shí)新人拿到這個(gè)數(shù)還是要有一點(diǎn)運(yùn)氣的,當(dāng)然你實(shí)力強(qiáng)也可以穩(wěn)拿。
大公司的要求死板些,反而是一些小公司對(duì)能力要求很高。大公司不缺人,所以比較挑剔,你去了也是一枚維系公司運(yùn)轉(zhuǎn)的螺絲釘……當(dāng)然你長(zhǎng)的特別美機(jī)會(huì)也大,確實(shí)美女容易進(jìn)大公司,比如老大是男的往往喜歡找一些好看的女生進(jìn)來(lái),這也是人性啊。
答:越是老大開(kāi)會(huì)越頻繁,后期可能一個(gè)禮拜全是會(huì)議,不同公司也不一樣。交互設(shè)計(jì)師非常注重溝通,你的工作十分可能有四分在溝通,有五分在思考怎么做,最后一分才是呈遞交互文檔。
答:這個(gè)分市場(chǎng)。現(xiàn)有市場(chǎng)的產(chǎn)品如果和其他產(chǎn)品沒(méi)什么區(qū)別,就不太需要用戶訪談,投入越多的錢就有越多的量;突圍產(chǎn)品就要頻繁接觸用戶;創(chuàng)新產(chǎn)品就更要頻繁接觸。如果你做這類產(chǎn)品,一定要和真實(shí)用戶溝通,不然全是自己猜測(cè)非常容易出問(wèn)題。
答:這個(gè)是產(chǎn)品的問(wèn)題,如果市場(chǎng)上暫時(shí)沒(méi)有成熟的產(chǎn)品,說(shuō)明這個(gè)東西的核心功能有問(wèn)題,在做這類產(chǎn)品的時(shí)候,不要做它們的優(yōu)點(diǎn),而要吸取它們的缺點(diǎn)進(jìn)行改進(jìn)。核心功能是產(chǎn)品最初步的問(wèn)題,其次才是用戶基數(shù)。
答:手繪功底?有或者沒(méi)有都可以,交互不需要你造型能力多強(qiáng),你只要能把邏輯關(guān)系畫出來(lái)就行了,不需要搞什么素描陰影。你不是要做畫家,朋友們,畫家和設(shè)計(jì)師是有區(qū)別的。
藍(lán)藍(lán)設(shè)計(jì)(m.88yangsc.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司、銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.88yangsc.com