寫(xiě)在前面

現(xiàn)在不管大廠還是小廠，對(duì)于我們?cè)O(shè)計(jì)師的要求是越來(lái)越高…并且作品集造假/抄襲的情況時(shí)有發(fā)生，公司也是實(shí)屬無(wú)奈，會(huì)選擇在面試流程中增加“筆試題考核”這項(xiàng)來(lái)進(jìn)一步了解大家的能力。接下來(lái)我會(huì)把做筆試題的思路以及經(jīng)驗(yàn)分享給大噶~

PS.一定是符合自己預(yù)期的公司和業(yè)務(wù)才可以接受筆試邀請(qǐng)哦，不然沒(méi)必要消耗時(shí)間。

以曾經(jīng)做過(guò)的一個(gè)廣告投放平臺(tái)(to B) 筆試題為例：

沒(méi)錯(cuò)，以上就是完整的題目，沒(méi)有任何原型，判定這是一份既考察視覺(jué)又考察交互的一份試卷。當(dāng)我們拿到一份筆試題，切忌理解大概意思就開(kāi)始著手設(shè)計(jì)，一定反復(fù)讀幾遍題目不要漏掉任~~何信息，尤其是這種信息量比較多的題，把題審對(duì)并且有一個(gè)對(duì)的方向，這才是做筆試題的正確姿勢(shì)~

從題目中可以get到：

這是一個(gè)廣告投放類(lèi)的數(shù)據(jù)展示平臺(tái)，并且是擁有最高權(quán)限可以查看所有數(shù)據(jù)的總賬號(hào)。對(duì)于這種類(lèi)型的產(chǎn)品，要著重考慮篩選項(xiàng)、數(shù)據(jù)可視化圖表、表格以及模塊之間的優(yōu)先級(jí)排布。

題目理解透徹之后，還是不要著急進(jìn)行設(shè)計(jì)，請(qǐng)關(guān)掉你剛剛打開(kāi)的sketch！下一步要做的是去體驗(yàn)面試公司的產(chǎn)品和其相關(guān)競(jìng)品，所謂知己知彼才能百戰(zhàn)不殆。

目的1. 差異化設(shè)計(jì)

競(jìng)品分析的目的是為了可以做出差異化的設(shè)計(jì)，面試的公司肯定也很熟悉他們的競(jìng)品，造成靈感“撞車(chē)”的局面再怎么解釋也很蒼白無(wú)力啦！

目的2. 基于現(xiàn)有設(shè)計(jì)反思新的解決方案

也是為了基于現(xiàn)有設(shè)計(jì)反思新的解決方案，找出競(jìng)品的優(yōu)點(diǎn)缺點(diǎn)，記錄相同功能的不同解決方案。

當(dāng)我們進(jìn)入到設(shè)計(jì)框架這一步的時(shí)候，需要考慮信息的組織以及功能元素的排列，千萬(wàn)不要一下子陷入細(xì)節(jié)！

思考1. 用戶(hù)層面

用戶(hù)的認(rèn)知成本和學(xué)習(xí)成本，盡量簡(jiǎn)化操作，不給用戶(hù)造成操作阻礙。

思考2. 產(chǎn)品層面

這個(gè)產(chǎn)品的核心價(jià)值，分析產(chǎn)品定位中的核心服務(wù)，從中制定框架策略，考慮信息的優(yōu)先級(jí)排布。

分析以上，針對(duì)于測(cè)試題中的產(chǎn)品剖析得到：

關(guān)于廣告投放的dashboard，用大片視覺(jué)區(qū)域展示用戶(hù)最關(guān)心的核心數(shù)據(jù)和數(shù)據(jù)動(dòng)向，并且與篩選項(xiàng)緊密關(guān)聯(lián)。視覺(jué)次重為“賬戶(hù)余額”和“推廣預(yù)算”。大致調(diào)整框架如下圖：

首先，我們來(lái)大膽揣測(cè)一下面試官想要一份什么樣的答卷，風(fēng)格前沿大膽 or 保守

關(guān)于這塊可以留意在面試時(shí)面試官透露的信息，比如：希望勝任這個(gè)崗位的人有一定的交互能力blabla…契不契合我們產(chǎn)品的設(shè)計(jì)風(fēng)格blabla…分析劃重點(diǎn)的句子，確定他是想要一個(gè)有落地能力，風(fēng)格契合他們產(chǎn)品的人選，那就可以充分的展示自己的設(shè)計(jì)落地能力，實(shí)施保守策略。總之，和面試官多聊一下他對(duì)于這個(gè)崗位的期望，總會(huì)有收獲~

回到正題 根據(jù)我們前面進(jìn)行的競(jìng)品分析，總結(jié)歸納行業(yè)競(jìng)品的視覺(jué)風(fēng)格，提取情緒版關(guān)鍵詞：聚焦 / 簡(jiǎn)潔 / 高效

品牌色 follow 行業(yè)心智，在常見(jiàn)B端產(chǎn)品選取藍(lán) / 青兩個(gè)色相進(jìn)行優(yōu)化；選取暖色相橙色作為高亮輔助色引導(dǎo)操作。

最終主視覺(jué)

PS.這里我先簡(jiǎn)單的說(shuō)下思路，之后會(huì)寫(xiě)一篇詳細(xì)的視覺(jué)風(fēng)格確定方法噠~

當(dāng)我們完成主視覺(jué)之后，需要輸出一個(gè)設(shè)計(jì)方案說(shuō)明（PPT登場(chǎng)~），一個(gè)好的方案說(shuō)明可以為答卷起到錦上添花的作用，需要有以下幾個(gè)模塊：

• 設(shè)計(jì)目標(biāo)
• 競(jìng)品分析：一頁(yè)就足夠，表示一下你是有做足功課的
• 風(fēng)格定義：風(fēng)格、顏色、字號(hào)等可以放到一起展示
• 視覺(jué)展示：找到合適的樣機(jī)，目的是展示作品，不要用一些角度清奇，歪得看不清主視覺(jué)的樣機(jī)嗷

如果時(shí)間還很充裕，可以輸出一個(gè)交互動(dòng)效視頻充分展示你的能力，讓面試官眼前一亮直呼“有點(diǎn)東西！”（這部分一定要在視覺(jué)方案已經(jīng)成熟的情況下再去做，不然地基沒(méi)打好壘得再高也沒(méi)用嗷~）

最終輸出一份方案說(shuō)明，pdf格式為佳。

這份設(shè)計(jì)說(shuō)明可以共享給大家，文首/文末下載即可。

歡迎關(guān)注作者微信公眾號(hào)：「柚子皮的設(shè)計(jì)筆記」