對(duì)于設(shè)計(jì)師而言，作品集是體現(xiàn)自身工作能力和項(xiàng)目經(jīng)驗(yàn)的面試依據(jù)。本文將結(jié)合示例說(shuō)明初中級(jí)交互設(shè)計(jì)師在準(zhǔn)備作品集時(shí)，應(yīng)該把握的關(guān)鍵點(diǎn)。

一、體現(xiàn)專(zhuān)業(yè)基礎(chǔ)能力

廣義上是指能夠獨(dú)立完成產(chǎn)品交互設(shè)計(jì)方案。細(xì)分為對(duì)產(chǎn)品需求的理解、搭建信息架構(gòu)圖、打通任務(wù)流程、輸出頁(yè)面原型、頁(yè)面流程圖、匯總交互說(shuō)明文檔，此外還包括跟進(jìn)產(chǎn)品上線(xiàn)后的反饋，不斷優(yōu)化產(chǎn)品的用戶(hù)體驗(yàn)。

1.1 對(duì)產(chǎn)品需求的理解

如果你參與了項(xiàng)目前期用戶(hù)需求分析和定義階段，那么在作品集中請(qǐng)簡(jiǎn)明的提及這一點(diǎn)。下圖是我之前做的一個(gè)項(xiàng)目案例，在開(kāi)始著手設(shè)計(jì)之前站在用戶(hù)的角度思考產(chǎn)品需求的合理性，對(duì)于產(chǎn)品設(shè)計(jì)的整體把控大有益處。

1.2 搭建信息架構(gòu)圖

如果把產(chǎn)品比作人，那么信息架構(gòu)圖就是人的骨骼。交互設(shè)計(jì)師需要理清楚一款產(chǎn)品的結(jié)構(gòu)脈絡(luò)，才能站在全局的高度把控產(chǎn)品整體交互的統(tǒng)一性。

1.3 繪制任務(wù)流程圖

任務(wù)流程圖呈現(xiàn)用戶(hù)為實(shí)現(xiàn)某個(gè)目的，執(zhí)行具體操作的步驟流程。交互設(shè)計(jì)師對(duì)尼爾森的可用性原則都比較清楚，這里的任務(wù)流程圖其實(shí)就建立在“防止錯(cuò)誤”和“容錯(cuò)”兩大原則之上。交互設(shè)計(jì)師只有對(duì)任務(wù)流程的閉環(huán)了如指掌，才能在畫(huà)原型時(shí)將用戶(hù)操作的使用場(chǎng)景考慮全面。

1.4 輸出頁(yè)面原型

交互原型圖是交互設(shè)計(jì)師產(chǎn)出物的重要組成部分，也是給上游產(chǎn)品經(jīng)理、下游視覺(jué)設(shè)計(jì)師和開(kāi)發(fā)人員闡述交互設(shè)計(jì)方案的重要依據(jù)。有關(guān)如何繪制規(guī)范的原型圖可以查看我之前的相關(guān)文章。

1.5 輸出頁(yè)面流程圖

頁(yè)面流程圖是指將頁(yè)面原型之間的邏輯跳轉(zhuǎn)關(guān)系，用連線(xiàn)的方式有條理的呈現(xiàn)出來(lái)。便于查看交互稿的相關(guān)人員能快速便捷的掌握頁(yè)面跳轉(zhuǎn)邏輯。

• 邏輯思維能力：在作品中適當(dāng)加入上述部分輸出物，能夠體現(xiàn)交互設(shè)計(jì)師對(duì)產(chǎn)品結(jié)構(gòu)的邏輯思考和歸納能力。
• 添加文案說(shuō)明：記得在上述輸出物的旁邊加入必要的文案說(shuō)明，讓查看作品集的人在短時(shí)間內(nèi)迅速明白你要表達(dá)的意思，圖文結(jié)合的方式更有利于觀者理解。

二、項(xiàng)目背景介紹和結(jié)果導(dǎo)向意識(shí)

很多作品集中只羅列了做過(guò)哪些項(xiàng)目、自己承擔(dān)的職責(zé)，卻沒(méi)有項(xiàng)目背景、產(chǎn)品需求、設(shè)計(jì)目標(biāo)、交互設(shè)計(jì)師承擔(dān)的責(zé)任等輔助說(shuō)明，以及最終項(xiàng)目取得的成果和自己在項(xiàng)目中的貢獻(xiàn)。

2.1 項(xiàng)目輔助說(shuō)明

可以幫助面試官快速了解項(xiàng)目基本情況，同時(shí)對(duì)你的作品也有了心理預(yù)知。

2.2 上線(xiàn)后的數(shù)據(jù)和用戶(hù)反饋，以及項(xiàng)目總結(jié)

讓面試官了解項(xiàng)目上線(xiàn)后的最終成果，同時(shí)體現(xiàn)設(shè)計(jì)在其中發(fā)揮的價(jià)值。比如是否有用戶(hù)反饋界面的使用體驗(yàn)，或者設(shè)計(jì)相關(guān)的問(wèn)題等。

項(xiàng)目總結(jié)是對(duì)自己做過(guò)項(xiàng)目的反思，比如你的收獲是什么？你的成長(zhǎng)和踩過(guò)的坑有哪些？你是否有相關(guān)的建議和想法幫助項(xiàng)目改進(jìn)的更好？

三、遇到的問(wèn)題及解決方案

在實(shí)際項(xiàng)目中，要么會(huì)遇到無(wú)法實(shí)現(xiàn)設(shè)計(jì)功能或效果的情況；要么上線(xiàn)后根據(jù)用戶(hù)反饋或功能迭代，原有的邏輯布局需要調(diào)整。交互設(shè)計(jì)師在設(shè)法解決這些問(wèn)題的過(guò)程中體現(xiàn)了以下能力：

3.1 對(duì)業(yè)務(wù)和產(chǎn)品線(xiàn)的了解

工作項(xiàng)目不同于模擬作品，不可以天馬行空的設(shè)計(jì)，在意的不是酷炫的交互效果。交互設(shè)計(jì)師更多需要考慮的是礙于資源有限、開(kāi)發(fā)周期短、實(shí)現(xiàn)成本等因素，對(duì)設(shè)計(jì)方案的調(diào)整。

3.2 創(chuàng)新能力

創(chuàng)新并不是指多么不可思議的想法，更多時(shí)候是指對(duì)歷史和現(xiàn)有的總結(jié)升華。比如我之前文章中寫(xiě)到的“頂部導(dǎo)航交互方式的靈活應(yīng)用”，看似是簡(jiǎn)單的交互創(chuàng)新，但背后卻蘊(yùn)含著對(duì)用戶(hù)使用場(chǎng)景的深入思考。

四、把握聚焦與多樣之間的平衡

因?yàn)樽髌芳峭ㄟ^(guò)一個(gè)模版展示不同作品，需要注意兩個(gè)優(yōu)先級(jí)問(wèn)題：作品質(zhì)量與數(shù)量的優(yōu)先級(jí)；專(zhuān)業(yè)領(lǐng)域縱向深度與橫向拓展的優(yōu)先級(jí)。

• 作品的好壞程度遠(yuǎn)勝于作品的數(shù)量多少。這里并不是說(shuō)項(xiàng)目多了不好，而是指不要為了充數(shù)在作品集里放自己不夠滿(mǎn)意的作品。一定優(yōu)先放有代表性的滿(mǎn)意的作品。
• 面試方首先看重你的垂直聚焦能力，其次在意你的橫向拓展能力。這里的關(guān)鍵點(diǎn)是：一個(gè)方向做精比在各方面都做一點(diǎn)更具有競(jìng)爭(zhēng)力。如同創(chuàng)業(yè)一樣，先從一個(gè)方向切進(jìn)去做到足夠好，找到發(fā)展的核心優(yōu)勢(shì)，之后在考慮業(yè)務(wù)的橫向拓展不斷提升價(jià)值。

五、總結(jié)

以上是我對(duì)準(zhǔn)備交互作品集時(shí)應(yīng)該注意哪些問(wèn)題的梳理，希望對(duì)你有所啟發(fā)和幫助。如果你有更好的觀點(diǎn)補(bǔ)充，歡迎留言交流。

作者：Viksea，微信公眾號(hào)：Viksea（ID：viksea-ux）

本文由 @Viksea 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自 Unsplash，基于CC0協(xié)議