招聘季，無論新人還是交互老鳥，都將在「互聯(lián)網(wǎng)公司鄙視鏈」上掙扎翻滾。面試官常會(huì)要求：介紹一下你的作品.....如何展示交互作品這件事，這篇文章系統(tǒng)總結(jié)一下。

這里涉及四個(gè)方面的思考：

• 交互設(shè)計(jì)師在各種公司的角色
• 介紹你的作品，面試官期望得到什么？
• 如何正確整理Portfolio
• 介紹作品，迎接挑戰(zhàn)

交互設(shè)計(jì)師在各種公司的角色

交互設(shè)計(jì)是一種技能，在很多公司，產(chǎn)品人員都要兼顧畫原型，倘若需要專職的「交互設(shè)計(jì)師」，幾乎一定會(huì)成為設(shè)計(jì)資源。

在投簡歷之前，請先審視自己的經(jīng)驗(yàn)與技能，認(rèn)真思考與JD匹配度，然后搜集目標(biāo)公司的相關(guān)資料，對未來工作狀態(tài)進(jìn)行了解。

成熟型公司

包括BAT在內(nèi)，只要拿到C輪+融資，主要轉(zhuǎn)化率相對穩(wěn)定，分工細(xì)化，大團(tuán)隊(duì)協(xié)作，幾乎一定需要專職承擔(dān)交互設(shè)計(jì)的角色。

你要明確：在這種企業(yè)里，大家各司其職；產(chǎn)品人員專深研究業(yè)務(wù)，忙于分揀大量反饋和過濾需求（優(yōu)雅的和兄弟部門撕逼）；UI規(guī)范體系完熟，需要交互設(shè)計(jì)師快速理解PRD，拿出解決方案；甚至?xí)卸嘟M設(shè)計(jì)師進(jìn)行內(nèi)部PK，大家以為的優(yōu)秀設(shè)計(jì)，未必是最終上線的版本。

總之：他們需要的是多樣性解決方案，一個(gè)需求拋過來，你能提供兩種以上的原型方案，一個(gè)不可或缺的狠角色。

動(dòng)態(tài)成長型公司（內(nèi)部創(chuàng)業(yè)項(xiàng)目）

通常拿到A輪+融資，或者含著金鑰匙的內(nèi)部創(chuàng)業(yè)項(xiàng)目，剛剛完成初級產(chǎn)品打磨，深耕細(xì)作過程中，產(chǎn)品人員擼原型擼到手軟，在團(tuán)隊(duì)擴(kuò)充的過程中，需要引入「交互設(shè)計(jì)資源」，多條產(chǎn)品線公共使用。

你要明確：在這種企業(yè)里，面對多種業(yè)務(wù)形態(tài)，被兩三個(gè)產(chǎn)品人員刷副本；各種設(shè)計(jì)是亟待總結(jié)，形成規(guī)范；極可能，作為公司的第一位「交互設(shè)計(jì)師」，你的專業(yè)想法會(huì)被認(rèn)為“另類”，自上而下，接受來自各界的挑戰(zhàn)。

總之：他們需要的是個(gè)「懂交互設(shè)計(jì)的產(chǎn)品助理」，幾個(gè)需求拋過來，你快速消化形成最優(yōu)秀（有逼格）的原型方案，一個(gè)萬金油的狠角色。

初創(chuàng)型公司

剛剛?cè)诘教焓够騊re-A，甚至僅僅是個(gè)種子。正在處于商業(yè)模式試錯(cuò)和產(chǎn)品打磨階段，通常產(chǎn)品人員自己擼原型，并期望盡快上線。也不排除有來自大廠的「高手」，向BOSS提出「交互設(shè)計(jì)資源」要求，于是HR照方抓藥。

你要明確：在這種企業(yè)里，業(yè)務(wù)是瞬息萬變的，沒有一定之規(guī)，甚至分工都是模糊的；一切都在面向轉(zhuǎn)化服務(wù)，享受探索，樂于奉獻(xiàn)；接受挫折，站起來繼續(xù)前行。

總之：他們需要的往往是「略懂交互的視覺設(shè)計(jì)師」，如果你總能主動(dòng)尋找需求，沒有困難創(chuàng)造困難，用最暴力的方式形成設(shè)計(jì)輸出，一個(gè)沖鋒陷陣的狠角色。

外包公司

所謂“設(shè)計(jì)咨詢行業(yè)”，客戶高度決定了公司的天花板。外包公司都不值得去？未必呀。Case By Case的設(shè)計(jì)咨詢公司，對新手入行鍛煉技能、增加涉獵有幫助；人力外包型項(xiàng)目，也會(huì)深入產(chǎn)品迭代，了解雇主的工作流程（通常是大廠?。?/p>

你要明確：在這種企業(yè)里，雇主利益高于一切，雇主永遠(yuǎn)正確；雇主的錯(cuò)誤是你的財(cái)富；一切都以雇主滿意為前提，形形色色的需求，讓你看盡花開花落。

總之：他們需要的往往是「情商和技能都o(jì)k」，內(nèi)無糧草，外無救兵。依然獨(dú)自作戰(zhàn)，屢戰(zhàn)屢勝，以三寸不爛驅(qū)動(dòng)雇主與你前行，一個(gè)深入敵后的狠角色。

看清楚，想清楚，再投簡歷。

介紹你的作品，面試官期望得到什么？

設(shè)計(jì)師用作品說話，這是真理。順利通過簡歷篩選，進(jìn)入面試階段，人家必然覺得作品中包含「可圈可點(diǎn)」之處；好似老師批改作業(yè)，亮點(diǎn)可以圈點(diǎn)，敗筆亦可圈之點(diǎn)之。

參加面試之前，務(wù)必問明：本輪面試官是誰；不同身份的面試官，都會(huì)要求你介紹作品，但動(dòng)機(jī)迥異，「興趣點(diǎn)」也截然不同。

HR/HRD

無論是招聘經(jīng)理還是HRD，了解作品只有一個(gè)目的：「驗(yàn)真」。他們首先要保證你的履歷是真實(shí)的，才會(huì)認(rèn)真考慮你和JD的匹配。人才市場充斥水貨，盜用他人作品越發(fā)猖狂，即便只對業(yè)務(wù)一知半解，HR也會(huì)主動(dòng)要求案例作品。

行政型面試官典型內(nèi)心：

• 這個(gè)作品真的是Ta做的么？
• 這個(gè)作品能代表Ta的真實(shí)水平么？
• 創(chuàng)作這個(gè)作品，Ta是主導(dǎo)還是追隨者？
• Ta的工作效率能滿足我們的需要么？

產(chǎn)品經(jīng)理/產(chǎn)品負(fù)責(zé)人

他們就是未來給你需求的人。因?yàn)闃O有可能接觸過交互設(shè)計(jì)，并且一定親自擼過原型，他們通過了解作品進(jìn)行「資源比較」；出于職業(yè)習(xí)慣，除了對交互技能的比較，他們更希望了解你對業(yè)務(wù)需求的把握，是否能快速上手。

業(yè)務(wù)型面試官典型內(nèi)心：

• Ta比另外一個(gè)交互設(shè)計(jì)師，誰的水平高一些？
• 案例和我的產(chǎn)品有交集，Ta之前的團(tuán)隊(duì)如何解決的？
• 我需要給Ta輸入什么，Ta能自動(dòng)補(bǔ)全多少？
• Ta能在我和其他部門撕逼時(shí)，能輸出多少火力？
• Ta有多了解我的用戶？能幫產(chǎn)品提升轉(zhuǎn)化率么？

技術(shù)經(jīng)理/研發(fā)負(fù)責(zé)人

他們就是你未來的下家，如果由研發(fā)Leader面試交互，那么極可能是技術(shù)主導(dǎo)型產(chǎn)品，他們通過了解作品判斷「靠譜程度」；碼農(nóng)出身的他們，更關(guān)心你的作品如何落地，那些界面背后，你是否考慮過實(shí)現(xiàn)成本。

技術(shù)型面試官典內(nèi)心：

• 案例背后的技術(shù)成本，Ta了解多少？
• 作品真實(shí)的迭代過程，Ta之前的研發(fā)團(tuán)隊(duì)付出了什么？
• Ta的文檔全面么？包含異常處理和邊界限定么？
• Ta的顛覆式創(chuàng)新，是否會(huì)在未來坑爹？

設(shè)計(jì)師/UX負(fù)責(zé)人

他們是你未來的伙伴，也會(huì)是競爭對手。設(shè)計(jì)師往往獨(dú)特而自信，作為家長和前輩，他們通過了解作品判斷「切磋和碰撞」；在基本技法ok的情況下，他們期望你給設(shè)計(jì)團(tuán)隊(duì)帶來新思潮，與大家保持亦師亦友的互補(bǔ)關(guān)系，另外就是你的性價(jià)比。

創(chuàng)意型面試官典型內(nèi)心：

• 這個(gè)案例，如果是我，會(huì)如何設(shè)計(jì)？
• Ta的技法是否單一，缺乏變化？
• Ta的風(fēng)格對現(xiàn)有團(tuán)隊(duì)有補(bǔ)充么？
• 自覺遵守設(shè)計(jì)規(guī)范，Ta是否get？
• 會(huì)不會(huì)浪費(fèi)時(shí)間教Ta寫完善的文檔？

項(xiàng)目經(jīng)理/客戶總監(jiān)

注意了！如果是負(fù)責(zé)進(jìn)度、對接雇主的面試官，要么就是外包公司，要么就是對效率有嚴(yán)格要求。他們通過了解作品判斷「效率與返工」；你是他們眼中純粹的資源，首先東西要有亮點(diǎn)，其次善于推銷作品，最后要耐撕。

• 效率型面試官典型內(nèi)心：
• 我的雇主喜歡這個(gè)設(shè)計(jì)么？
• Ta的講解能打動(dòng)哪個(gè)雇主呢？
• 有了Ta，我能節(jié)省什么？提升誰的效率？
• Ta這個(gè)設(shè)計(jì)改了多少次才通過的？
• 知己知彼，看人下菜，左右逢源。

如何正確整理Portfolio

作品數(shù)量和類型

• 所謂經(jīng)典作品，就是少而精的東西，3~4個(gè)案例足以。
• 案例一定要兼顧PC端、移動(dòng)端（或者GUI、智能設(shè)備）。
• 業(yè)務(wù)形態(tài)豐富（ToC、ToB、前臺(tái)、后臺(tái)）。
• 交互框架要多樣化（杜絕重復(fù)、單一、乏味）。
• 案例之間配色不要有重復(fù)（偏視覺的交互設(shè)計(jì)師）。
• 一定包含近期（半年內(nèi)）的案例。
• 每個(gè)案例都要有創(chuàng)新。
• 如果是新手，只有一個(gè)案例也可以。

簡歷和現(xiàn)場講解要分開準(zhǔn)備

冗長的簡歷會(huì)降低你的面試機(jī)會(huì)，面試官?zèng)]耐心看完；只要足夠吸引人，獲得面試機(jī)會(huì)就足以。

面試時(shí)候的workshow要單獨(dú)準(zhǔn)備，不要照著簡歷直接開講，很Low。

簡歷案例

簡歷是敲門磚，也是做事風(fēng)格的體現(xiàn)，如果簡歷中包含案例（通常是圖片），保證每一個(gè)都值得揣摩，高下立見。

• 每個(gè)案例提供4個(gè)左右的關(guān)鍵界面（一定是關(guān)鍵的，注冊/登錄之類的別放）
• 每個(gè)案例的界面最好貫穿一個(gè)用戶任務(wù)（比如搜索某個(gè)商品、完成訂單確認(rèn)）
• 每個(gè)案例要標(biāo)注時(shí)間、版本、簡要的說明（核心轉(zhuǎn)化率是什么，設(shè)計(jì)提升了多少轉(zhuǎn)化率）
• 至少有一個(gè)案例標(biāo)注操作邏輯、異常容錯(cuò)、邊界限定（表單驗(yàn)證、列表排序、加載、斷網(wǎng)、暴力輸入）
• 如果涉及用研，請?zhí)峁┚唧w數(shù)據(jù)（只要結(jié)果，別說過程，所謂「方法論」?jié)M大街都有）
• 至少有一個(gè)案例提供「用例級流程圖」（不要放腦圖、那東西占地方，也沒人看）
• 如果展示視覺效果，請?zhí)峁┰O(shè)計(jì)本體設(shè)計(jì)的本體 （觀察本體，西文字體使用還可以提升）

• 如果是偏視覺的交互設(shè)計(jì)，至少一個(gè)案例提供設(shè)計(jì)規(guī)范示意（能輸出規(guī)范的是設(shè)計(jì)師，不能輸出規(guī)范的是美工）

作品的基本情況

形成以一套文字性的話術(shù)，努力背下來，但是不需要展示給面試官看。

準(zhǔn)確說出順序：這是我在xx公司供職期間，N個(gè)作品中的第n個(gè)。

精確的日期時(shí)間：從2012年6月初拿到需求，8月驗(yàn)證方案，9月底完成開發(fā)上線，我全程四個(gè)月參與。

團(tuán)隊(duì)，分工，角色：產(chǎn)品設(shè)計(jì)小組共6人，產(chǎn)品經(jīng)理是組長，交互設(shè)計(jì)師我1人擔(dān)任，兩位視覺設(shè)計(jì)美眉分別負(fù)責(zé)web端和移動(dòng)端，1位用研帥哥和1個(gè)運(yùn)營妹子也深度參與設(shè)計(jì)。

上下流程配合：產(chǎn)品經(jīng)理提供一些想法和草圖，我合理安排主要界面，補(bǔ)充形成閉環(huán)，小組內(nèi)部評審迭代；修正完善的原型、交互文檔將交付視覺設(shè)計(jì)師。

執(zhí)行效率：第一版原型有32個(gè)界面，用了接近一周的時(shí)間完成，經(jīng)過評審后，我又用了一周時(shí)間提供了PlanB，用研人員配合完成了基礎(chǔ)測試，我們前后花了一個(gè)月，完成最終定稿，把界面數(shù)量縮減到27個(gè)。

后續(xù)工作與現(xiàn)狀：版本上線后，經(jīng)歷了兩次小規(guī)模修正，主要是圍繞登錄轉(zhuǎn)化、訂單轉(zhuǎn)化、支付轉(zhuǎn)化，均有小幅提升。在我離開之后，由團(tuán)隊(duì)中的XX繼續(xù)完成交互設(shè)計(jì)維護(hù)，目前已經(jīng)迭代到版本2.1.7。

面試Workshow文檔

按照簡歷中的案例編號(hào)，創(chuàng)建本地文件夾，將原始設(shè)計(jì)動(dòng)機(jī)、流程，以文檔形式單獨(dú)列出。

面試自備筆記本或者iPad，F(xiàn)ace2Face進(jìn)行演示。請注意，Workshow永遠(yuǎn)不要拷貝給任何其他人，哪怕面試官是CEO也不行。

面試中，沒機(jī)會(huì)讓你講完全部東西，因此一定要把文檔拆的足夠散，一個(gè)文檔是一張圖，或者一個(gè)相對完整的設(shè)計(jì)片段。

每個(gè)案例WorkShow的獨(dú)立文檔通常包括（未必一定包含）：

原始需求和需求分析 1Page（摘錄運(yùn)營文檔、PRD當(dāng)中的段落，還有你的提煉理解）

競品的交互分析 3~5Pages（受眾、核心業(yè)務(wù)交互形式、易用性，定性研究，橫向?qū)Ρ缺砀瘢?/p>

行業(yè)研究 1Page（市場份額、競爭手段、增長率、普遍威脅，雖是產(chǎn)品技能，交互也可擁有）

用戶研究結(jié)論 3~5Pages（研究方法、原始數(shù)據(jù)、分析結(jié)論，結(jié)論要真的用在設(shè)計(jì)中）

使用統(tǒng)計(jì)與數(shù)據(jù)分析 2~3Pages（關(guān)鍵轉(zhuǎn)化率，存在問題）

人物角色Persona 3~5Pages（典型的幾個(gè)用戶類型，這方面資料很多，自己查）

概念設(shè)計(jì) 1Page

腦圖（就是我一直不承認(rèn)的所謂“功能架構(gòu)”）/信息架構(gòu) 1Page

關(guān)鍵用例/場景還原 2Pages（UseCase啦，用例圖或者文字描述都可以，只列出核心業(yè)務(wù)就OK）

手繪草圖/基本界面 1Page（如果你有手繪的習(xí)慣，這里一定要闡述：為什么選擇此類交互框架？是否有多種解決方案？）

界面列表 1Page(很多人沒有這個(gè)意識(shí)和習(xí)慣，這對評估工作量和進(jìn)度意義重大)

界面信息流圖 1Page（界面之間的鏈接關(guān)系，信息+功能，操作之后切換關(guān)系，這圖越復(fù)雜，證明思路越清楚，多下功夫吧）

高保真原型與過程稿演示不限（Axure要輸出HTML預(yù)覽版本，移動(dòng)端最好可以直接用手機(jī)演示；如果能提供多個(gè)版本方案，那是最好；如果不能提供多個(gè)方案，至少提供迭代前的界面，過程稿，進(jìn)行對比）

UI定稿/在線版本（你的原型輸出給UI后，最終上線的美化效果；你設(shè)計(jì)的版本依然在線，那就直接展示APP或者網(wǎng)站的最終效果）

驗(yàn)證，A/B測試結(jié)果 1Page（如果有驗(yàn)證環(huán)節(jié)，一定展示數(shù)據(jù)，準(zhǔn)確描述設(shè)計(jì)對核心轉(zhuǎn)化率的影響）

交互設(shè)計(jì)文檔DRD 1Docment（標(biāo)注的原型，或者Word文檔，包含通用原則、基本模式、公共規(guī)則；各個(gè)界面的表單驗(yàn)證、列表排序、加載、斷網(wǎng)、暴力輸入等交互設(shè)計(jì)說明）

UI設(shè)計(jì)規(guī)范 1Docment（偏視覺的交互設(shè)計(jì)師，可以提供完整UI規(guī)范，BTW：不存在所謂「交互設(shè)計(jì)規(guī)范 」，模式Pattern本身就是大家共同遵從的）

工作郵件/備忘錄 不限（協(xié)作郵件、進(jìn)度簡報(bào)、團(tuán)隊(duì)會(huì)議紀(jì)要，都可以說明整個(gè)作品的產(chǎn)生過程）

以上文檔，一個(gè)案例一個(gè)文件夾，命名嚴(yán)謹(jǐn)編號(hào)，隨時(shí)備用，拿起來就講。

介紹作品，迎接挑戰(zhàn)

四段式講解

針對不同類型面試官，從四個(gè)方面去闡述作品背后的故事

• 基本情況
• 前因（需求與分析）
• 難點(diǎn)與解決（過程）
• 后果（設(shè)計(jì)結(jié)論）

• 必須介紹：一定要仔細(xì)的說明和闡述
• 一帶而過：看一眼相關(guān)文檔即可
• 不問不說：問了才拿出來（你要讓對方認(rèn)為，這很小兒科）

講解注意事項(xiàng)

聲音洪亮，語速要慢（貴人語話遲，說的太快，自己會(huì)緊張）

察言觀色，追逐興趣點(diǎn)（注意對方的表情，喜歡就多說，不喜歡就馬上下一個(gè)環(huán)節(jié)）

講解被打斷怎么辦？（第一次，假裝沒聽到；第二次，要求對方等這個(gè)案例講完再提問；第三次，停止講解后面的案例，只針對被打斷的問題進(jìn)行深入的探討。）

遭到質(zhì)疑，但沒有應(yīng)對話術(shù)，怎么辦？（我的確沒有考慮到類似的情況，我的確沒有注意這個(gè)問題，我需要時(shí)間才能回答這個(gè)問題，然后繼續(xù)講解下一案例。）

反守為攻

在面試的過程中，不允許你發(fā)問，這樣的公司永遠(yuǎn)不要去，不要去，不要去。

可以提前準(zhǔn)備類似下面問題：

（講解案例中的分工之后）咱們公司的工作流程是這樣嘛？

（講解案例中的用研結(jié)果）咱們公司的用戶研究是專人負(fù)責(zé)嘛？

（講解案例中的UI設(shè)計(jì)規(guī)范之后）咱們公司的規(guī)范是誰來維護(hù)？

問題一定要給一個(gè)具體的面試官，問完之后用好奇的表情，矚目對方5秒以上，超過10秒對方無應(yīng)答，請微笑，繼續(xù)講解。三次發(fā)問，對方無應(yīng)答，你可以「奴家身體不舒服」，抓緊回家。

需要闡述設(shè)計(jì)原理、定律、法則么？

• 行政型：他們根本聽不懂，你說太多可能會(huì)羞辱對方。
• 業(yè)務(wù)型：他們不是很關(guān)心，你說一個(gè)試試，如果對方無反應(yīng)，就不要繼續(xù)了。技術(shù)型：你敢用定律PK碼農(nóng)？少搞事情啊，方案盡量簡單實(shí)用。
• 創(chuàng)意型：你懂的，Ta也懂；你敢打破定律法則的大膽設(shè)計(jì)，這可以有。
• 效率性：我喜歡，我喜歡，雇主就喜歡這種理論，太棒了！

被要求點(diǎn)評某個(gè)設(shè)計(jì)

哎呀，幫我看看這個(gè)....好的，您可以發(fā)我郵箱，然后我給您反饋。

被要試做某個(gè)需求

是一個(gè)純粹練習(xí)？加個(gè)微信，回頭給您。

是一個(gè)商業(yè)項(xiàng)目？555...「奴家身體不舒服」，最近不接客。

遇到不懂裝懂的面試官

「奴家身體不舒服」

遇到交互老司機(jī)

先加微信，先加微信，先加微信.....

不要立刻表示：“我愿意拜您為師，給您做小弟，收下徒兒吧”

如果你這樣說了，你的面試基本已經(jīng)失敗了

誰愿意把本領(lǐng)教給一個(gè)陌生人？

有理有利有節(jié)

Hozin如何面試交互設(shè)計(jì)師

大篇幅的用研，大談體驗(yàn)，Persona，UCD方法論，最后拿出「翔一樣的原型」，此類簡歷基本第一時(shí)間被過濾掉。

一定會(huì)通知候選人：先筆試（哈哈哈哈），面試請自備作品集，另外準(zhǔn)備三個(gè)感興趣的問題。

基本功

問一些基本的，多選、驗(yàn)證、表單聯(lián)動(dòng)問題

只會(huì)移動(dòng)端，不是交互設(shè)計(jì)師

不會(huì)走，飛起來也沒用；飛在天上累不累，自己知道

一句話作品「驗(yàn)真」

你覺得自己這個(gè)作品有那些「可改進(jìn)之處」？

設(shè)計(jì)如自己的孩子，對作品繼續(xù)思考和想象，是設(shè)計(jì)師的習(xí)慣；如果是拿來別人作品，幾乎一定回答不上來。

設(shè)計(jì)多樣性

是否理解「同形異構(gòu)」和「同構(gòu)異形」，提供多樣解決方案

場景還原能力

場景想的全不全，有沒有邏輯上的自相矛盾

歡迎關(guān)注作者的微信公眾號(hào)：「Hozin」

「教你快速入職大公司」

1. 畢業(yè)生必看！剛?cè)胄械脑O(shè)計(jì)師如何敲開大公司的門
2. 優(yōu)設(shè)重磅首發(fā)！全方位揭開簡歷和面試話術(shù)的秘密
3. 6年面試經(jīng)驗(yàn)總結(jié)！設(shè)計(jì)師如何從8個(gè)方面全面提升自己？

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量200萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com