制作在線UX作品集的四個(gè)步驟

1 評(píng)論 13169 瀏覽 89 收藏 18 分鐘

本文作者將幫你系統(tǒng)梳理一下創(chuàng)建一份作品集的全部步驟,讓你明白UX作品集的常規(guī)創(chuàng)建流程。

對(duì)于UX設(shè)計(jì)師而言,作品集非常重要。一方面,它是證明你的天賦、經(jīng)驗(yàn)的證據(jù),另一方面,它也是企業(yè)和機(jī)構(gòu)招聘UX設(shè)計(jì)師的的一項(xiàng)重要參考。一份作品集能夠反映出設(shè)計(jì)師的審美趣味,思維邏輯,以及解決實(shí)際設(shè)計(jì)問(wèn)題的能力。

不過(guò),不論是做什么事情,第一次總會(huì)苦手,創(chuàng)建作品集也是如此。今天的文章,幫你系統(tǒng)梳理一下創(chuàng)建一份作品集的全部步驟,讓你明白UX作品集的常規(guī)創(chuàng)建流程。

1、搭建一個(gè)網(wǎng)站

想要?jiǎng)?chuàng)造一個(gè)在線的作品集,創(chuàng)建網(wǎng)站是一個(gè)顯而易見(jiàn)的思路。換句話來(lái)說(shuō),作為互聯(lián)網(wǎng)從業(yè)者,創(chuàng)建完整不僅僅是為了展示你的設(shè)計(jì)作品,它本身就是你工作的一部分。所以,你應(yīng)該盡量讓你所設(shè)計(jì)的這個(gè)網(wǎng)站完美。

A、進(jìn)行網(wǎng)站分析

你的在線作品集需要你持續(xù)的關(guān)注和優(yōu)化,那么優(yōu)化的依據(jù)就很重要了。借助Google Analytics 這樣的網(wǎng)站數(shù)據(jù)分析服務(wù),來(lái)了解你的訪客構(gòu)成,以及他們?cè)诟鱾€(gè)頁(yè)面的停留時(shí)長(zhǎng),這些數(shù)據(jù)都能幫你優(yōu)化你的作品集,并且有針對(duì)性地提升整體的影響力。

B、清晰直觀的導(dǎo)航

考慮到這是你的作品集,千萬(wàn)不要在這個(gè)時(shí)候耍小聰明。清晰直觀的導(dǎo)航才能確保訪客能夠清晰地獲取你的信息,包括你的聯(lián)系方式,你的社交帳號(hào),以及你的詳細(xì)的設(shè)計(jì)作品和項(xiàng)目在哪。

這就是個(gè)反例,盡管 Tiffany 的網(wǎng)站列舉出了許多有趣的案例,但是很難找到相關(guān)的信息。

C、在其他網(wǎng)站上上傳作品

最好不要將你的作品只保留在你自己的網(wǎng)站上,在Dribbble 和Behance 這樣的平臺(tái)上上傳你的作品能夠更好的提供你的曝光量,并且能夠適時(shí)地給你的個(gè)人網(wǎng)站引流。

Behance 是目前最有影響力的設(shè)計(jì)師作品展示平臺(tái),許多公司都將它作為重要的參考。我最喜歡的是 Ramotion 的作品集,他們的每一個(gè)作品幾乎都是精品,并且受到業(yè)界極大的關(guān)注。

2、講述故事

即使你的作品集的核心是你,但是你在設(shè)計(jì)的時(shí)候依然要以用戶(hù)為核心來(lái)推進(jìn)。你需要搞清楚你的訪客,或者說(shuō)你的客戶(hù)/企業(yè)的訴求,并且恰到好處地展示你相應(yīng)的技能:

  • 搜索、整理并評(píng)估工作和項(xiàng)目的需求與類(lèi)型,這將幫你弄明白你需要展示的技能水平、教育背景以及所需要呈現(xiàn)的專(zhuān)業(yè)知識(shí)。
  • 找出你的競(jìng)爭(zhēng)對(duì)手。看看其他同行的、競(jìng)爭(zhēng)者的作品集,想辦法讓你自己的作品集能從中脫穎而出。

接下來(lái),你要明確你的優(yōu)缺點(diǎn),將你的優(yōu)勢(shì)在你的作品集中體現(xiàn)出來(lái)。仔細(xì)思考一下下面的問(wèn)題,應(yīng)該能讓你更好的展現(xiàn)自己:

  • 你有著怎樣的背景和經(jīng)歷?當(dāng)你從事UX設(shè)計(jì)的時(shí)候,哪些技能是你的核心?
  • 你的設(shè)計(jì)當(dāng)中最具有識(shí)別度的美學(xué)特征是什么?你習(xí)慣于采用什么樣的風(fēng)格?你是否專(zhuān)注于某個(gè)特定的設(shè)計(jì)領(lǐng)域?

A、創(chuàng)建一個(gè)漂亮的自我介紹頁(yè)面

“關(guān)于我”的頁(yè)面應(yīng)該能夠簡(jiǎn)短但是明確的描述自己,闡明你的職業(yè)特征,和所尋求的工作類(lèi)型。你應(yīng)該在網(wǎng)頁(yè)中對(duì)自己進(jìn)行簡(jiǎn)短的介紹,并且在“關(guān)于我”的頁(yè)面當(dāng)中進(jìn)行詳細(xì)的描述。

在“關(guān)于我”頁(yè)面當(dāng)中,應(yīng)該對(duì)于你的專(zhuān)業(yè)知識(shí)、興趣、愛(ài)好以及你的奮斗目標(biāo)都有詳細(xì)的說(shuō)明,讓你的雇主或者客戶(hù)對(duì)于你有個(gè)清晰的判斷和明確的預(yù)估。

Eric Bue 的關(guān)于我頁(yè)面就做的干凈整潔,又足夠有個(gè)性。

B、善用推薦和反饋

借他人之嘴來(lái)反映你的優(yōu)勢(shì)其實(shí)很符合現(xiàn)如今這個(gè)互聯(lián)網(wǎng)時(shí)代。在作品集當(dāng)中,將用戶(hù)對(duì)你的反饋、嘉獎(jiǎng),甚至推薦呈現(xiàn)出來(lái),是對(duì)你的設(shè)計(jì)能力的肯定,也是你能力的明證。

C、不要成為“獨(dú)角獸”

我們會(huì)將UX圈內(nèi)難于琢磨特立獨(dú)行的設(shè)計(jì)師稱(chēng)之為“獨(dú)角獸”,通?!蔼?dú)角獸”們會(huì)顯得在任何領(lǐng)域都非常的專(zhuān)精。相反,一專(zhuān)多能的設(shè)計(jì)師會(huì)更容易受到青睞,也更容易在團(tuán)隊(duì)中定位。

看似什么都能做的人似乎更有競(jìng)爭(zhēng)力,然而實(shí)際上,雇主們都是有針對(duì)性地尋求雇員來(lái)解決特定的問(wèn)題。你應(yīng)該有目的性的展示你的設(shè)計(jì)作品,并且將你的作品集最大化的利用。

3、想想如何組織你的設(shè)計(jì)項(xiàng)目

雖然讓你的作品集看起來(lái)足夠漂亮是非常重要的事情,但是絕大多數(shù)的客戶(hù)和雇主都是期望你能解決問(wèn)題的,他們也希望能從你的作品集當(dāng)中看到這一點(diǎn)。所以,你需要合理的組織你的設(shè)計(jì)項(xiàng)目,將它們這方面的價(jià)值最大化。

A、列舉出相關(guān)度最高的項(xiàng)目,而不是最近的

將你最令人印象深刻的設(shè)計(jì)項(xiàng)目展示出來(lái),而不是按照時(shí)間線來(lái)整理內(nèi)容。尤其是當(dāng)你經(jīng)驗(yàn)郵箱,并且嘗試獲得你的第一項(xiàng)UX相關(guān)的工作的時(shí)候。同時(shí)請(qǐng)記住,你的作品集是要展示你過(guò)去的工作,同時(shí)凸顯你未來(lái)的方向。確保你的作品集能夠體現(xiàn)出你所試圖尋找的工作類(lèi)型,而非其他。

B、提供有效的預(yù)覽

在企業(yè)HR那邊,最初的遴選過(guò)程可能是非常簡(jiǎn)單粗暴的,招聘人員可能需要從好幾十份簡(jiǎn)歷和作品集當(dāng)中快速篩選出備選人員,他們需要在幾分鐘內(nèi)作出選擇,所以,正如同 Patrick Neeman 所說(shuō),HR常常只有10~15秒來(lái)篩選UX作品集。所以,盡量避免使用文字來(lái)展示項(xiàng)目細(xì)節(jié),借助有效的視覺(jué)預(yù)覽圖,清晰的呈現(xiàn)細(xì)節(jié)。

C、搞定NDA

對(duì)于許多設(shè)計(jì)師而言,由于NDA,也就是不公開(kāi)協(xié)議,使得他們很難將過(guò)去的設(shè)計(jì)項(xiàng)目在自己的作品集中展現(xiàn)出來(lái)。不過(guò)通常來(lái)說(shuō),對(duì)于NDA有幾種解決方案:

  • 請(qǐng)求許可。如果你和客戶(hù)有著良好的關(guān)系,那么可以通過(guò)溝通,在你的作品集中提及,甚至在不公開(kāi)關(guān)鍵細(xì)節(jié)的前提下,呈現(xiàn)部分內(nèi)容。
  • 匿名呈現(xiàn)。你可以通過(guò)省略敏感、核心信息來(lái)展現(xiàn)設(shè)計(jì)項(xiàng)目的梗概,未來(lái)的雇主可能會(huì)欣賞你的這一處理手法。
  • 虛構(gòu)項(xiàng)目。如果你無(wú)法展示某些真實(shí)的項(xiàng)目,那么不妨虛構(gòu)一個(gè)項(xiàng)目,并且在展示的時(shí)候說(shuō)明這一點(diǎn)。

D、不要說(shuō)你什么都沒(méi)做過(guò)

所有剛畢業(yè)的學(xué)生都會(huì)面臨一個(gè)問(wèn)題,就是他們沒(méi)有足夠的實(shí)戰(zhàn)經(jīng)歷,但是作品集當(dāng)中又需要他們展示工作經(jīng)歷,這就很尷尬了。最好的方法是即使沒(méi)有項(xiàng)目實(shí)戰(zhàn)經(jīng)驗(yàn),也要盡力展示自己。比如參加 Daily UI 挑戰(zhàn),對(duì)于初學(xué)者而言這是非常不錯(cuò)的平臺(tái),可以通過(guò)虛擬挑戰(zhàn)來(lái)展示技能,同時(shí)還能增強(qiáng)曝光度。所以,如果你是畢業(yè)生,不妨把你所有參加過(guò)的活動(dòng)、學(xué)術(shù)項(xiàng)目甚至虛擬項(xiàng)目都納入到作品集當(dāng)中。

E、強(qiáng)調(diào)質(zhì)量而非數(shù)量

作品集中的作品在精不在多。選擇2到3個(gè)有說(shuō)服力有代表性的作品,比羅列所有你做過(guò)的事情要來(lái)的有用。講好一個(gè)項(xiàng)目,一個(gè)完美的設(shè)計(jì)項(xiàng)目,比什么都好。

Michael Nino Everson 的整個(gè)作品集就只有一個(gè)設(shè)計(jì)項(xiàng)目,iOS版的 SoundCloud。他力圖深入的描述整個(gè)項(xiàng)目的背景、設(shè)計(jì)思路和過(guò)程、實(shí)現(xiàn)的細(xì)節(jié)。

4、細(xì)節(jié)描述

盡管其他的行業(yè)可以在產(chǎn)品最終實(shí)現(xiàn)的之后給予解釋說(shuō)明,但是UX行業(yè)并非如此。雇主和和客戶(hù)在看到一個(gè)精心制作的產(chǎn)品的時(shí)候,非常希望知道你是如何解決問(wèn)題的。他們想要看到這個(gè)實(shí)現(xiàn)的過(guò)程,而不是單純的一個(gè)魔術(shù)般的結(jié)果。雖然描述可能因?yàn)轫?xiàng)目不同而有所差異,但是一般而言,它是由兩個(gè)部分組成的:概述和UX流程。

首先,應(yīng)該有概述,概述部分能夠幫助雇主和客戶(hù)快速了解UX設(shè)計(jì)本身,以下是概述通常會(huì)包含的條目:

  • 項(xiàng)目目標(biāo):為何會(huì)有這個(gè)項(xiàng)目
  • 目標(biāo):可交付的結(jié)果是什么
  • 持續(xù)時(shí)間:需要多久完成
  • 團(tuán)隊(duì):你的合作伙伴和團(tuán)隊(duì)成員都有誰(shuí)
  • 你的角色:你是如何為團(tuán)隊(duì)做共享的
  • 最終產(chǎn)品:圖片、視頻、可執(zhí)行的APP或者原型、源代碼。

UX流程部分可能是你的作品集當(dāng)中最重要的部分,它解釋了你的整個(gè)用戶(hù)體驗(yàn)設(shè)計(jì)流程中的細(xì)節(jié),各種問(wèn)題的解決過(guò)程和不斷選擇的判據(jù)。

你應(yīng)該明白,你在整個(gè)UX設(shè)計(jì)過(guò)程中所做的選擇和采取的手段,應(yīng)該放在當(dāng)時(shí)的場(chǎng)景之下進(jìn)行評(píng)估。當(dāng)你開(kāi)始描述問(wèn)題和解決方案的時(shí)候,你應(yīng)該描述和展現(xiàn)當(dāng)時(shí)的情況,并且讓客戶(hù)明白你所處的情形。他們應(yīng)該能夠通過(guò)下面的信息來(lái)了解情況:

  • 設(shè)計(jì)問(wèn)題/挑戰(zhàn):通過(guò)簡(jiǎn)單的一兩句話來(lái)表明你正在處理什么問(wèn)題,或者面臨什么挑戰(zhàn)。
  • 用戶(hù)研究:根據(jù)需求、動(dòng)機(jī)或者痛點(diǎn)來(lái)闡明你的用戶(hù)所面臨的情況。這部分還應(yīng)該包含你研究的信息工具(移情圖,角色等)。你還可以提到競(jìng)爭(zhēng)分析(根據(jù)用戶(hù)需求評(píng)估競(jìng)爭(zhēng)對(duì)手的優(yōu)勢(shì)與劣勢(shì))。
  • 想法和思路:你應(yīng)該提供以下問(wèn)題的答案,包括如何解決問(wèn)題,為什么選擇這個(gè)方案,以及影響你決策的主要因素。
  • 設(shè)計(jì):完整的描述你的構(gòu)思,概念,解決方案,以及相應(yīng)的影響。使用線框圖、低保真/高保真原型、視覺(jué)稿來(lái)進(jìn)行設(shè)計(jì)。如果可能,提供可交互式的原型,供雇主和客戶(hù)來(lái)查閱。
  • 測(cè)試:你如何衡量產(chǎn)品的成功或者失敗,你是如何測(cè)試你的解決方案,以及你提出了哪些問(wèn)題。

A、清晰的陳述

你的項(xiàng)目在作品集當(dāng)中,應(yīng)該以一種清晰的陳述方式展現(xiàn)出來(lái),呈現(xiàn)出你在這個(gè)過(guò)程中的遭遇和障礙,成功和失敗。

  • 確定讀者所需要的信息的優(yōu)先級(jí)。將項(xiàng)目的關(guān)鍵點(diǎn)和重要時(shí)刻突出呈現(xiàn),確保信息的有效性和趣味性。
  • 展示你解決問(wèn)題的技巧。當(dāng)你展示不同項(xiàng)目的時(shí)候,突出不同的項(xiàng)目的關(guān)鍵問(wèn)題,以及解決這些難題的細(xì)節(jié)。展示你使用不同工具、策略解決不同問(wèn)題的能力。
  • 展示你使用圖片和文字簡(jiǎn)潔、快速溝通的能力。盡量使用多媒體元素來(lái)闡述每個(gè)步驟。
  • 盡量清晰說(shuō)明,你從這個(gè)項(xiàng)目中學(xué)到了什么。

B、描述這個(gè)項(xiàng)目的影響

展示你的項(xiàng)目給公司和團(tuán)隊(duì)帶來(lái)的價(jià)值。如果可能,仔細(xì)描述一下這個(gè)項(xiàng)目是怎么給公司帶來(lái)成功的。如果存在積極的影響和結(jié)果,請(qǐng)?jiān)敿?xì)說(shuō)明。

C、不要沉迷視覺(jué)展示

如果你不是視覺(jué)設(shè)計(jì)師,還是盡量不要沉迷于視覺(jué)化的內(nèi)容展現(xiàn)。作品集不是要展示你驚人的視覺(jué)設(shè)計(jì)技巧,而是要呈現(xiàn)你在UX和產(chǎn)品設(shè)計(jì)上的能力,你的角色是UX設(shè)計(jì)師,你是為了解決問(wèn)題、提出方案而存在的。

Slava Kim 的這個(gè)作品集就是反例,過(guò)多的關(guān)注視覺(jué)展示,而忽略了UX的流程和基本的信息。

D、不要僅僅關(guān)注結(jié)果

UX設(shè)計(jì)師常常關(guān)注于交付結(jié)果,和忽略了過(guò)程。但是在招聘UX設(shè)計(jì)師的時(shí)候,招聘人員更加關(guān)注的是你解決問(wèn)題的過(guò)程,而不僅僅是某個(gè)項(xiàng)目的完成與否。比如,某個(gè)項(xiàng)目中用戶(hù)角色研究和最終交付的用戶(hù)畫(huà)像上的差異,用戶(hù)研究在這個(gè)背后所扮演的角色,等等等等。一個(gè)好的UX項(xiàng)目能闡明這背后的原理。

E、不要夸大你對(duì)于項(xiàng)目的貢獻(xiàn)

每個(gè)項(xiàng)目都是由團(tuán)隊(duì)成員一起完成的,你的工作只是其中的一部分,而雇主是明確知道這一點(diǎn)的。誠(chéng)實(shí)是美德,謙遜也是品質(zhì),大家都更愿意同誠(chéng)實(shí)謙遜的人合作。

結(jié)語(yǔ)

完成每一個(gè)UX作品集對(duì)于設(shè)計(jì)師而言,都是一項(xiàng)艱難而巨大的工程。你需要花費(fèi)大量的時(shí)間和經(jīng)歷來(lái)走完這整個(gè)過(guò)程,但是它絕對(duì)是值得的。它像一份漂亮而有效的成績(jī)單,是你階段性的總結(jié),更是你新工作的敲門(mén)磚。雇主和客戶(hù)選擇的是你,而不僅僅是一份作品集,不是嗎?

 

原文作者:NICK BABICH

原文地址:Medium

譯者:@陳子木

譯文地址:http://www.uisdc.com/essential-guide-to-design-portfolio

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 感謝分享。

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