【入門文章】產(chǎn)品從0到1 新人設(shè)計(jì)師要如何參與一個(gè)具體項(xiàng)目

筆者從設(shè)計(jì)概念、設(shè)計(jì)實(shí)施、產(chǎn)品上線參與項(xiàng)目的完整過(guò)程，項(xiàng)目歷程3個(gè)月。該項(xiàng)目是由團(tuán)隊(duì)內(nèi)部自發(fā)的一款“為設(shè)計(jì)師提供成就體系展示平臺(tái)”的全新產(chǎn)品。該產(chǎn)品類型偏信息展示，設(shè)計(jì)上更注重交互創(chuàng)新性，項(xiàng)目團(tuán)隊(duì)是通過(guò) “借用”其他部門視覺(jué)和開發(fā)的方式臨時(shí)組建。在這種情況下，怎么做到設(shè)計(jì)師主導(dǎo)設(shè)計(jì)并推動(dòng)產(chǎn)品上線呢？希望通過(guò)這次設(shè)計(jì)經(jīng)驗(yàn)分享能夠給大家?guī)?lái)幫助。

設(shè)計(jì)過(guò)程中的各種考量和取舍都是不可見的，并且設(shè)計(jì)師最終交付的產(chǎn)出物也沒(méi)有標(biāo)準(zhǔn)答案，但是只有在設(shè)計(jì)過(guò)程中嚴(yán)格把關(guān)才能得到更好的結(jié)果。

1.設(shè)計(jì)實(shí)施前，多問(wèn)“為什么”

多問(wèn)“為什么”是指從項(xiàng)目的利益相關(guān)者收集信息。通過(guò)信息的收集，明確設(shè)計(jì)原因及產(chǎn)品目標(biāo)，梳理出核心方向及策略點(diǎn)，提高工作效率。

在本項(xiàng)目中，需求多為老板提出，經(jīng)產(chǎn)品經(jīng)理轉(zhuǎn)述給交互設(shè)計(jì)師。多問(wèn)“為什么”就是從老板和產(chǎn)品經(jīng)理“轉(zhuǎn)述”的需求中挖掘出用戶真正的需求并找到與業(yè)務(wù)目標(biāo)契合的平衡點(diǎn)。

·為什么要做這個(gè)功能？（業(yè)務(wù)目的）

· 產(chǎn)品期望得到怎樣的成果？（業(yè)務(wù)目標(biāo)）

· 誰(shuí)來(lái)使用這個(gè)功能？（目標(biāo)用戶）

·他們?yōu)槭裁匆褂眠@個(gè)功能？（用戶需求、體驗(yàn)?zāi)繕?biāo)）

·如何讓他們都來(lái)使用這個(gè)功能？

· ……

在這一過(guò)程中，可以直接找最終決策人——老板了解設(shè)計(jì)原因，但老板給的信息較為模糊。最好提出幾個(gè)可行的方向策略，請(qǐng)老板做出判斷和抉擇。你需要做的是通過(guò)“這個(gè)體驗(yàn)不行啊”、“不需要展示這個(gè)信息”、“用戶應(yīng)該可以分享這個(gè)頁(yè)面”等回答，挖掘出老板真正想表達(dá)的東西。

2.設(shè)計(jì)過(guò)程中，考慮所有可能方案

在設(shè)計(jì)評(píng)審時(shí)，我們可以只拿出一種設(shè)計(jì)方案。但是在評(píng)審之前需要把能想到的方案都仔細(xì)考慮一遍。如果只做一個(gè)方案交差，一方面可能會(huì)錯(cuò)過(guò)更優(yōu)的方案，另一方面，在評(píng)審時(shí)被問(wèn)到“這里為什么不設(shè)計(jì)成那樣”時(shí)，很可能會(huì)措手不及。反之，如果事先把所有可能的方案都考慮到了，就可以從容應(yīng)答，把之前已經(jīng)思考過(guò)的其他方案中存在的問(wèn)題一一列舉出來(lái)。

3.方案評(píng)審時(shí)，將設(shè)計(jì)思考過(guò)程可視化展示

對(duì)于0到1的產(chǎn)品，下游的同事并不了解產(chǎn)品背景，對(duì)設(shè)計(jì)方向及方案權(quán)衡過(guò)程可能會(huì)存在疑問(wèn)，如何在方案評(píng)審中讓大家更容易理解你的設(shè)計(jì)，可視化展示設(shè)計(jì)的思考過(guò)程就顯得尤為重要。

利用工具將思維視覺(jué)化是一個(gè)很好的表達(dá)方式，例如：將產(chǎn)品要解決的問(wèn)題以及設(shè)計(jì)分析推導(dǎo)過(guò)程，通過(guò)思維導(dǎo)圖、線框圖、流程圖或者其他的手段可視化表達(dá)出來(lái)，不僅利于大家一目了然地理解和討論，同時(shí)增加設(shè)計(jì)方案的說(shuō)服力。

項(xiàng)目跟進(jìn)是設(shè)計(jì)師重要工作之一，設(shè)計(jì)能力再?gòu)?qiáng)，設(shè)計(jì)方案再好，如果沒(méi)有后續(xù)良好的執(zhí)行，也終究不過(guò)是廢紙一張。

1.溝通及解決問(wèn)題

盡管在設(shè)計(jì)階段，我們已經(jīng)盡可能地考慮了所有的交互狀態(tài)，但在開發(fā)時(shí)，仍然有可能疏漏，所以技術(shù)人員在開發(fā)時(shí)遇到關(guān)于設(shè)計(jì)方面問(wèn)題，需要設(shè)計(jì)師輔助解決。

在實(shí)際項(xiàng)目過(guò)程中，我曾犯過(guò)一些低級(jí)錯(cuò)誤，為了節(jié)省時(shí)間，將問(wèn)題的截圖標(biāo)出，然后直接丟給視覺(jué)\開發(fā)人員，導(dǎo)致反復(fù)修改的現(xiàn)象。所以對(duì)問(wèn)題的規(guī)范化描述是不能省略的，通過(guò)操作、結(jié)果、期望三個(gè)方面對(duì)問(wèn)題進(jìn)行描述，即什么樣的操作，會(huì)導(dǎo)致什么結(jié)果，最終可以滿足什么樣的期望。

若遇到因?yàn)榧夹g(shù)限制或設(shè)計(jì)效果無(wú)法達(dá)預(yù)期情況，這時(shí)候要找問(wèn)題的關(guān)鍵和邊界，為什么不能解決？限制是什么？有沒(méi)有可替代的方案？尋求正確的對(duì)策。并將溝通結(jié)果、記錄、形成規(guī)范化的文檔沉淀。

2、及時(shí)設(shè)計(jì)走查

產(chǎn)品上線前，需要對(duì)測(cè)試環(huán)境下的產(chǎn)品Demo進(jìn)行交互走查。因本產(chǎn)品動(dòng)效及交互細(xì)節(jié)較多，在此緊將常見幾類走查的問(wèn)題總結(jié)如下：

·交互動(dòng)作：操作及其反饋，交互控件的各種狀態(tài)、極端、極限和出錯(cuò)的情況，默認(rèn)值是否正確，懸停的狀態(tài)，文案等等，這些小細(xì)節(jié)在開發(fā)階段可能被疏忽。

·動(dòng)效時(shí)間：顯示時(shí)間、持續(xù)時(shí)間和消失時(shí)間的驗(yàn)收；一般動(dòng)效包括卡片的展開、收縮、切換；氣泡或toast提示等，例如：卡片切換的時(shí)間是0.5s還是1s，這0.5s的差異對(duì)用戶的心理會(huì)帶來(lái)完全不同的體驗(yàn)；

·兼容性問(wèn)題：不同機(jī)型來(lái)驗(yàn)收實(shí)際的顯示和操作效果，確定文案是否折行、按鈕排布是否適合點(diǎn)擊等。若有硬件問(wèn)題導(dǎo)致原定的設(shè)計(jì)效果無(wú)法在當(dāng)前設(shè)備上較好呈現(xiàn)，還需要調(diào)整優(yōu)化原有的設(shè)計(jì)方案，從實(shí)際出發(fā)來(lái)達(dá)到預(yù)期的體驗(yàn)。

·網(wǎng)絡(luò)權(quán)限：不同的網(wǎng)絡(luò)是否可訪問(wèn)，不可訪問(wèn)顯示狀態(tài)等；

推動(dòng)開發(fā)解決走查過(guò)程中出現(xiàn)問(wèn)題的能力是考量交互設(shè)計(jì)師能力的重要標(biāo)準(zhǔn)之一。

1.通過(guò)以下3種方式推動(dòng)開發(fā)解決走查過(guò)程中發(fā)現(xiàn)的問(wèn)題

·直接郵件提交方式

郵件是一種比較快速又正式的方式，內(nèi)容較多時(shí)可附上對(duì)應(yīng)的附件（走查文檔）。

·在管理系統(tǒng)提交方式

直接在管理平臺(tái)提交問(wèn)題@相關(guān)人員與解決問(wèn)題期限，便于交互設(shè)計(jì)師管理、跟蹤自己bug的解決情況，同時(shí)也便于開發(fā)人員認(rèn)領(lǐng)屬于各自的bug。

·線下找開發(fā)溝通方式

這是最快、最直接的一種解決方式。

但需要注意的是，一是提前與開發(fā)約好時(shí)間；二是準(zhǔn)備好問(wèn)題清單，最好是將“問(wèn)題清單”打印出來(lái)，防止溝通時(shí)遺漏。

當(dāng)面溝通效果雖好，但是人力成本相對(duì)較大，無(wú)論是精力還是體力，面對(duì)面溝通更適合于功能的微調(diào)、頁(yè)面小改動(dòng)等小問(wèn)題統(tǒng)一解決，對(duì)于一些大問(wèn)題以上兩種方式更適合。

2.寫好驗(yàn)收的報(bào)告

寫好走查問(wèn)題，提高文檔的可讀、易讀性，有利于減少反復(fù)溝通次數(shù)，提高設(shè)計(jì)優(yōu)化的效率。

 ·問(wèn)題描述簡(jiǎn)潔準(zhǔn)確：

問(wèn)題描述力求精簡(jiǎn)、明了、盡量使用公司內(nèi)部一致的描述方式（可使用操作、結(jié)果、期望三個(gè)方面對(duì)問(wèn)題進(jìn)行描述），以及附上對(duì)應(yīng)問(wèn)題頁(yè)面截圖作為補(bǔ)充。

·問(wèn)題梳理清晰并標(biāo)注優(yōu)先級(jí)

可以遵循分類-提取-標(biāo)注優(yōu)先級(jí)的原則，將問(wèn)題按照bug、吐槽、建議等標(biāo)準(zhǔn)進(jìn)行分類，分辨哪些是需要馬上修改的，哪些是值得關(guān)注的。通過(guò)問(wèn)題分類對(duì)優(yōu)先級(jí)進(jìn)行劃分，分清楚輕重緩急，便于開發(fā)人員合理安排工作進(jìn)度。

·給出問(wèn)題解決方案或預(yù)期效果

對(duì)于“是與否”的問(wèn)題，只需指出問(wèn)題點(diǎn)即可，如:交互操作“是hover而非點(diǎn)擊”。對(duì)于關(guān)于用戶體驗(yàn)“good or better”的問(wèn)題，因此需要給出相應(yīng)的解決方案和預(yù)期效果。

一般到這環(huán)節(jié)，交互設(shè)計(jì)的工作才算完成。但因此項(xiàng)目屬內(nèi)部自發(fā)項(xiàng)目，職位角色并未劃分那么清晰，筆者也有幸承擔(dān)了產(chǎn)品上線的工作。項(xiàng)目產(chǎn)品面向的是公司內(nèi)部成員，因此跟普通產(chǎn)品上線流程并不太一樣，在這里主要講兩點(diǎn)：

1.上線前，物料準(zhǔn)備

其中比較重要的是產(chǎn)品上線相關(guān)的工單申請(qǐng)，走審批流程等，工單主要包括：

·新產(chǎn)品上線申請(qǐng)

·域名申請(qǐng)

·服務(wù)器申請(qǐng)

對(duì)于域名，建議考慮簡(jiǎn)單易識(shí)別，為避免重復(fù)最好多準(zhǔn)備幾個(gè)，域名申請(qǐng)一般時(shí)間比較長(zhǎng)，因此需要提前做好準(zhǔn)備，以免耽誤上線進(jìn)程。另外，工單與工單填寫項(xiàng)之間會(huì)有串聯(lián)關(guān)系，因此需要向運(yùn)維人員提前了解需要申請(qǐng)的工單項(xiàng)以及注意事項(xiàng)，如果牽扯到技術(shù)項(xiàng)要配合開發(fā)與運(yùn)維人員一起填寫。

2.上線后，項(xiàng)目交接

通過(guò)郵件或者會(huì)議的形式交付給項(xiàng)目的發(fā)起人驗(yàn)收，并提些官網(wǎng)宣傳以及后續(xù)的發(fā)展方向的建議等。

由于是新項(xiàng)目，無(wú)論是設(shè)計(jì)還是開發(fā)，大部分都是摸石頭過(guò)河，沒(méi)有現(xiàn)成的資源可用，都需要重新開始。在需求階段，要對(duì)用戶需求及業(yè)務(wù)目標(biāo)有更透徹與深入的理解；在設(shè)計(jì)階段，要探索多種方案的可能性、在業(yè)務(wù)目標(biāo)與用戶體驗(yàn)?zāi)繕?biāo)找到一個(gè)平衡點(diǎn)，優(yōu)中選優(yōu)；在項(xiàng)目跟進(jìn)過(guò)程中，與視覺(jué)一起把控細(xì)節(jié)與精度，推進(jìn)開發(fā)保證體驗(yàn)效果，通過(guò)不斷溝通、協(xié)調(diào)解決項(xiàng)目中遇到各種問(wèn)題，使得產(chǎn)品最終向著更好、更優(yōu)秀的方式發(fā)展。最深的感受是對(duì)于設(shè)計(jì)師而言，設(shè)計(jì)功能的上線才算實(shí)現(xiàn)價(jià)值，在這一過(guò)程，除了對(duì)自身執(zhí)行力嚴(yán)格要求，還需要關(guān)注產(chǎn)品體驗(yàn)敏感度，努力提升產(chǎn)品思維，培養(yǎng)整體設(shè)計(jì)的全局觀。