如何快速上手UX/UE

UX即用戶體驗(yàn),是一門涉及多個(gè)領(lǐng)域的交叉學(xué)科,要深入、專注的做好UX,需要很長時(shí)間的積累。但是如果是想要快速入門,會(huì)有一些比較便捷的學(xué)習(xí)方法,從業(yè)八年的我總結(jié)出了以下八點(diǎn),在這里分享給大家。

1、工具的學(xué)習(xí)和使用,比如:Photoshop、Axure、UxPin等。

對(duì)于設(shè)計(jì)工具的學(xué)習(xí),在入門階段盡快掌握基本的核心功能點(diǎn)即可。大家通常以為,要先學(xué)好、精通一門工具之后才能開始進(jìn)行設(shè)計(jì),其實(shí)不然,比工具更重要的是你對(duì)作品的理解和構(gòu)思。如果你頭腦中有了一個(gè)基本的藍(lán)圖,可以先用簡單的方式畫出來,哪怕只是一個(gè)紙上的草圖,然后再用你學(xué)習(xí)到的工具技能將它逐漸細(xì)化。

在入門時(shí)建議大家不要花大量時(shí)間放在工具上面,把工具最基本的核心功能點(diǎn)掌握了,就盡快進(jìn)入實(shí)戰(zhàn)階段,不然各種復(fù)雜的操作會(huì)使得你偏離最初的目標(biāo),工具中那些復(fù)雜瑣碎的功能點(diǎn)可能使得軍心渙散。或許你的耐力還堅(jiān)持不到學(xué)完工具的那一天,就失去了興趣,開始對(duì)UX設(shè)計(jì)之路打起了退堂鼓。

我們想要高效地做好一件事,就要盡快的深入到它的核心,而不是在周邊徘徊。作為UX設(shè)計(jì)師,你的產(chǎn)品設(shè)計(jì)思路要重于那些工具技能,因?yàn)楣ぞ呒寄苤械娜魏我粋€(gè)功能點(diǎn),隨時(shí)都可以在網(wǎng)上搜索到,但產(chǎn)品設(shè)計(jì)思路卻是你的獨(dú)家秘笈。

其實(shí)那些工具教程教你的面面俱到的功能很多時(shí)候都用不到。比如,word,我們會(huì)用基本功能就可以開始寫文章了,不用抱著厚厚的word教程從頭到尾學(xué)個(gè)遍,太浪費(fèi)時(shí)間了。對(duì)工具細(xì)節(jié)逐個(gè)知識(shí)點(diǎn)的深入學(xué)習(xí),我們可以在后面臨摹階段或者實(shí)踐階段根據(jù)應(yīng)用需要逐漸來補(bǔ)上。

2、臨摹一個(gè)簡單或者熟悉的例子,將你剛學(xué)到的工具應(yīng)用在產(chǎn)品設(shè)計(jì)中。

從做一個(gè)簡單的例子開始,大家比較容易理解,因?yàn)閺暮唵伍_始學(xué)習(xí),在短時(shí)間內(nèi)容易取得階段性成果,可以幫助大家獲得成就感,引發(fā)進(jìn)一步學(xué)習(xí)攀登更高級(jí)案例的興趣。但是為什么要選擇做一個(gè)最熟悉的例子呢?因?yàn)樗伎佳芯孔畛S谩⒆钍煜さ漠a(chǎn)品,你會(huì)更容易上手,因?yàn)槟闶撬馁Y深用戶,非常容易進(jìn)入角色,站在用戶的角度,圍繞用戶體驗(yàn)為中心,來思考產(chǎn)品設(shè)計(jì)過程和設(shè)計(jì)邏輯。而我們做UX設(shè)計(jì)師,最重要的一點(diǎn)就是要以用戶為中心,設(shè)身處地地為用戶做方方面面的考慮,你才能做出貼心友好的產(chǎn)品。

選擇一款你最常用、最熟悉的產(chǎn)品,可以幫助你很好的轉(zhuǎn)換角色,在UX設(shè)計(jì)師和用戶之間進(jìn)行無縫地銜接和切換。作為設(shè)計(jì)師,為什么要把產(chǎn)品做成這樣子,設(shè)計(jì)師認(rèn)為這種設(shè)計(jì)會(huì)給用戶帶來什么體驗(yàn)?而作為用戶,在使用過程中會(huì)產(chǎn)生的真實(shí)體驗(yàn)是怎樣的?和設(shè)計(jì)師的預(yù)期設(shè)計(jì)一致么?如果不一致,分歧和原因在哪里?要知道,這些思維是你將來做產(chǎn)品設(shè)計(jì)非常重要的思考基石。如果從一開始你就能很好地培養(yǎng)、鍛煉、切換到這種思考問題的角色中,對(duì)你做出好的產(chǎn)品非常有幫助。

大家想想看,你最常用、最熟悉的產(chǎn)品是什么?可能大部分人都會(huì)說是微信、QQ或者淘寶一類的APP。如果你想學(xué)UI,就用PS臨摹一整套界面,包括它的布局設(shè)計(jì)、色彩設(shè)計(jì)、大小尺寸、文案設(shè)計(jì)等等,你都要從細(xì)節(jié)上去仔細(xì)體會(huì)這些產(chǎn)品為什么會(huì)做成這樣子。如果你想學(xué)UX,不僅僅要模擬界面,還要模擬出交互的功能,要用Axure或UxPin把每個(gè)元素或者頁面的互動(dòng)、跳轉(zhuǎn)加上。

3、畫出用戶使用流程圖,從中體會(huì)設(shè)計(jì)師要如何根據(jù)用戶使用流程來設(shè)計(jì)產(chǎn)品。

我們拿微信舉例,你可以觀察一下自己的使用過程,打開微信之后第一個(gè)頁面是什么(如果你是一個(gè)新用戶,會(huì)出現(xiàn)怎樣的界面;如果你是一個(gè)老用戶,又會(huì)出現(xiàn)怎樣的界面),第一個(gè)頁面是歡迎頁、注冊(cè)頁面、登陸頁面還是功能首頁呢?什么情況下會(huì)出現(xiàn)什么樣的頁面內(nèi)容呢,你要把這個(gè)條件和頁面內(nèi)容整理出來,用分支條件的形式畫在流程圖上。

接著往下走,當(dāng)你進(jìn)入到功能首頁后,如果你想找人聊天,下一步要怎樣做;如果你想看一下朋友圈動(dòng)態(tài),要怎樣操做;如果你想發(fā)布一條朋友圈,要經(jīng)過幾個(gè)步驟?進(jìn)一步來說,如果你想通過微信打車、點(diǎn)外賣、訂機(jī)票、買電影票、開鎖摩拜,又需要怎樣做?

你可以使用ProcessOn或者其他畫流程的工具,將微信的用戶使用流程圖畫出來。各種順序、并行的箭頭關(guān)系,會(huì)讓你快速理解什么是用戶場景。用戶在什么情境下需要使用什么功能,產(chǎn)品設(shè)計(jì)師又需要提供什么樣的界面滿足用戶所需功能。

4、學(xué)習(xí)產(chǎn)品的差異性,通過競品分析的比較,提升產(chǎn)品鑒賞力。

我們?nèi)匀灰晕⑿排e例,大家想想看微信的競品有哪些?我們可以從橫向和縱向兩個(gè)維度去尋找。橫向來說就是和微信的整體定位比較類似,雖然最終沒有勝過微信或者沒有微信的用戶規(guī)模這樣大,但是在即時(shí)通訊領(lǐng)域占有過或者正在占據(jù)著一隅之地。縱向來看,你可以把微信功能拆分成若干子功能,然后尋找這些子功能的類似產(chǎn)品。

舉個(gè)例子,從橫向來說,飛信、米聊、易信等,它們和微信總體的功能定位有相當(dāng)大的重合度,如果你想對(duì)即時(shí)通信領(lǐng)域有一個(gè)比較透徹的研究,可以把這些相關(guān)產(chǎn)品都試用一遍,體會(huì)一下試用過程中的不同體驗(yàn),總體來說哪個(gè)比較好用,哪款產(chǎn)品有什么特點(diǎn)?

從縱向來說,我們可以把微信的功能點(diǎn)拆分出來,比如說朋友圈社交這個(gè)功能,現(xiàn)在非常流行的健身減肥APP,很多都含有朋友圈社交功能,微信和這些產(chǎn)品的朋友圈社交有何異同點(diǎn)。大家通過實(shí)際使用去體會(huì)哪款產(chǎn)品做的更好用,在什么場景下用戶更喜歡用哪一款產(chǎn)品。這些產(chǎn)品的目標(biāo)客群、實(shí)際用戶群體有何不同。這些用戶有什么特點(diǎn)。他們?yōu)槭裁磿?huì)喜歡某種產(chǎn)品。這些都值得我們?nèi)ド钊氲厮伎甲聊ァ?/p>

5、多看優(yōu)秀設(shè)計(jì)作品,啟發(fā)創(chuàng)意、提升審美和鑒賞能力。

多看優(yōu)秀的作品的確能夠快速地提升我們的審美品味,而這個(gè)審美能力又是設(shè)計(jì)好作品的基石,一個(gè)人實(shí)際做出來的東西不會(huì)超過他能夠達(dá)到的審美高度。現(xiàn)在全球優(yōu)秀設(shè)計(jì)師匯聚的社區(qū)比較大的是Dribbble和Behance,中國設(shè)計(jì)師匯聚的地方比較大的站酷、花瓣,當(dāng)然其他的社區(qū)也有很多。

大家每天上班打開電腦后,如果沒有特別緊急的工作要立馬完成,我建議大家可以先打開這些優(yōu)秀的設(shè)計(jì)師社區(qū)網(wǎng)站,看看全球、全國最優(yōu)秀的設(shè)計(jì)師們的作品。通過這種多多益善的瀏覽,你漸漸可以培養(yǎng)出一種直覺,你看到一個(gè)作品的第一眼,你會(huì)用直覺捕捉到它的精髓所在,一個(gè)作品之所以優(yōu)秀到底是什么地方做出了神韻?你可以思考一下,對(duì)于特別好的作品也收藏下來,做一些簡單的筆記,為什么覺得它好,好在哪里。

6、在實(shí)際項(xiàng)目中多磨練

當(dāng)大家有了使用工具的基本能力、有了臨摹產(chǎn)品的經(jīng)驗(yàn),有了對(duì)產(chǎn)品的思考能力,下一步就要爭取一些在項(xiàng)目中實(shí)習(xí)或者工作的機(jī)會(huì),在實(shí)踐過程中體會(huì)產(chǎn)品設(shè)計(jì)之道。

在你真正做東西的過程中,如果發(fā)現(xiàn)自己做的不夠好而且又沒有如何改善的思路,這時(shí)也可以打開你收藏的那些設(shè)計(jì)網(wǎng)站,搜索一下相關(guān)的元素,看看別的設(shè)計(jì)師是如何處理這些情況。他們的作品哪里做的好,哪里做的不好,原因是什么,給你帶來哪些啟發(fā)。

比如,你想做一個(gè)APP的登陸頁面,你可以看到僅僅一個(gè)登陸頁面,就有成千上萬種設(shè)計(jì)思路。有的設(shè)計(jì)師會(huì)把用戶名和密碼放在外面,有的設(shè)計(jì)師會(huì)放在里面;有的設(shè)計(jì)師會(huì)用圖標(biāo),有的設(shè)計(jì)師會(huì)用文字;有的設(shè)計(jì)師會(huì)將用戶名和密碼放在一行,有的會(huì)放在兩行;有的會(huì)把登陸和注冊(cè)做成兩個(gè)并列的Tab頁,有的會(huì)把注冊(cè)做成一個(gè)小鏈接放在登陸頁面的角落里。有的登陸方式包括了社交賬號(hào)注冊(cè)登陸,有的只能用手機(jī)號(hào)注冊(cè)登陸。諸如此類,僅僅是一個(gè)登陸頁面,就有很多的布局方案和配色方案,大家可以仔細(xì)地對(duì)比體會(huì)一下。博采眾長,吸取精華,做出一個(gè)風(fēng)格獨(dú)具的設(shè)計(jì)方案。

7、建立自己的素材庫:隨時(shí)調(diào)用,提高工作效率。

建立自己的素材庫也是一件非常重要的事,可以讓你節(jié)省很多重復(fù)性的搜索和做圖的工作。比如,對(duì)于UX設(shè)計(jì)師來說,我們?cè)谧鲈偷臅r(shí)候經(jīng)常需要用到各種圖標(biāo)元素,我們不可能每個(gè)圖標(biāo)都從頭畫起。雖然需要重新設(shè)計(jì)的圖標(biāo)主要是UI設(shè)計(jì)師要負(fù)責(zé)的事情,但是我們作為UX設(shè)計(jì)師要有一種方法來告訴UI設(shè)計(jì)師,你對(duì)這個(gè)圖標(biāo)的基本要求是什么,其實(shí)最好的方式就是你來找一個(gè)比較類似的,能夠最大程度的滿足展示的需要,比如,推薦、發(fā)現(xiàn)、設(shè)置、地圖定位、時(shí)間控件這些元素,不同的功能用到不同的圖標(biāo)來表示,或許你的這個(gè)圖標(biāo)不是很完美,但是會(huì)給UI一些方向性的指導(dǎo)。諸如此類的圖標(biāo),我們?cè)谠驮O(shè)計(jì)工具Axure中可以存放在元件庫里,這樣你就可以隨時(shí)調(diào)用。除了這種圖標(biāo),我們的素材庫中還可以包含一些不錯(cuò)的背景圖、布局圖、以及一些可以啟發(fā)你思路的圖片或者完整作品。

8、建立自己的作品集,行業(yè)交流,體會(huì)交流的樂趣,獲得更多工作機(jī)會(huì)。

有很多的設(shè)計(jì)師網(wǎng)站,都鼓勵(lì)大家上傳自己的作品,如果你真的參與到其中,會(huì)獲得很大的成就感。因?yàn)樵谶@種非常專業(yè)的交流網(wǎng)站上,不會(huì)像微博那些社交媒體,總會(huì)有很多爭吵,這種專業(yè)的設(shè)計(jì)師網(wǎng)站非常純粹,大家一般都會(huì)用點(diǎn)贊、喜歡和評(píng)論來鼓勵(lì)支持你的創(chuàng)作。獲得同行們的認(rèn)可和鼓勵(lì),你會(huì)產(chǎn)生很大的動(dòng)力,做出更好、更完美的作品。而且,當(dāng)你漸漸積累了足夠多、足夠優(yōu)秀的作品之后,可能會(huì)有工作或者項(xiàng)目機(jī)會(huì)主動(dòng)找上門來邀請(qǐng)你。只是大家注意一點(diǎn),我們上傳的作品要沒有版權(quán)爭議,也要顧及到特殊作品的保密性要求。

好了,就是這八點(diǎn),開啟你的UX設(shè)計(jì)師之路,期待你的好消息!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,363評(píng)論 6 532
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,497評(píng)論 3 416
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,305評(píng)論 0 374
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,962評(píng)論 1 311
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 71,727評(píng)論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,193評(píng)論 1 324
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,257評(píng)論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,411評(píng)論 0 288
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,945評(píng)論 1 335
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 40,777評(píng)論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 42,978評(píng)論 1 369
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,519評(píng)論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,216評(píng)論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,642評(píng)論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,878評(píng)論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 51,657評(píng)論 3 391
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 47,960評(píng)論 2 373

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