此篇基于管理崗測(cè)評(píng)各位設(shè)計(jì)師專業(yè)能力的角度，給大家分享一波之前從滴滴那里偷師過(guò)來(lái)稍加改版應(yīng)用在新公司設(shè)計(jì)評(píng)審的設(shè)計(jì)自檢標(biāo)準(zhǔn)。適用于從新人到職場(chǎng)老鳥(niǎo)的自檢，基本涵蓋了大家日常做需求的整個(gè)過(guò)程。

不想寫(xiě)得太枯燥，改成測(cè)評(píng)打分的游戲模式，每個(gè)測(cè)評(píng)項(xiàng)都有對(duì)應(yīng)的分?jǐn)?shù)，大家可以對(duì)應(yīng)自己情況給自己打分，康康你們都得了幾分（個(gè)別分值里面還有額外加分彩蛋，別錯(cuò)過(guò)喔）~

一位名為「娜可露露」的UX設(shè)計(jì)師準(zhǔn)備開(kāi)工接需求了！

1. 接到需求：是否與需求方溝通獲取有效信息（+10分）

每個(gè)設(shè)計(jì)師身處的公司情況都不一樣，對(duì)接的產(chǎn)品經(jīng)理（PM）自然也是千奇百態(tài)。不是所有 PM 都會(huì)像個(gè)老媽子一樣告訴你一切，叮囑你一切。一個(gè)合格的 ux 設(shè)計(jì)師需要清楚知道自己在接到需求的初始需求，從 PM 那里了解到什么樣的項(xiàng)目信息對(duì)自己的后續(xù)工作以及未來(lái)作品集準(zhǔn)備是有幫助的。

這里咱需要溝通的 2 個(gè)基礎(chǔ)內(nèi)容是：需求背景和項(xiàng)目排期。

需求背景也就是為什么我們要做這個(gè)需求的原因。大部分情況 PM 是會(huì)自主寫(xiě)在 ta 的產(chǎn)品需求文檔（PRD）里的，大家在觀看 prd 的時(shí)候就可以發(fā)現(xiàn)了。

而項(xiàng)目排期這里主要指項(xiàng)目流程的排期（需求評(píng)審時(shí)間、設(shè)計(jì)時(shí)間、設(shè)計(jì)評(píng)審時(shí)間、研發(fā)時(shí)間、灰度測(cè)試時(shí)間、上線時(shí)間）。要求設(shè)計(jì)師對(duì)自己的工作內(nèi)容做出一個(gè)合理的時(shí)間預(yù)估，避免設(shè)計(jì)側(cè)工作延誤影響整體項(xiàng)目上線進(jìn)度。

*加分項(xiàng)：關(guān)注用戶訴求（額外 +5 分）

通過(guò)討論用戶的核心需求確認(rèn)功能的優(yōu)先級(jí)。大部分情況 PM 給出的功能優(yōu)先級(jí)都還是比較專業(yè)且合理的，但不排除我們有可以站在交互體驗(yàn)側(cè)進(jìn)言調(diào)整功能及優(yōu)先級(jí)的可能，所以優(yōu)秀的設(shè)計(jì)師是可以從需求起始就介入并產(chǎn)生價(jià)值的。（以前作為中高級(jí)設(shè)計(jì)師面試的時(shí)候經(jīng)常遇到這個(gè)高頻問(wèn)題，你是否有進(jìn)言并造成產(chǎn)品構(gòu)架調(diào)整的案例）

2. 拿到原型：是否對(duì)需求原型進(jìn)行二次收納（+15分）

雖然有很多同學(xué)拿到原型（無(wú)論是產(chǎn)品還是交互給的高保真 or? 低保真原型）仔細(xì)閱讀后是有二次思考和溝通的過(guò)程，但什么樣的二次思考是能體現(xiàn)設(shè)計(jì)師實(shí)際職能價(jià)值，建立良好專業(yè)口碑的呢？

這個(gè)思考過(guò)程就是像是收納的過(guò)程，打個(gè)比方：一個(gè)屋子通過(guò)整理收納重新獲得有序簡(jiǎn)潔的使用感受。其實(shí)大部分時(shí)間 PM 只是把需要的功能傳達(dá)給我們，而我們需要做的是篩選出對(duì)用戶體驗(yàn)合理且有效的內(nèi)容。例如信息表達(dá)是否多處重復(fù)，是否可以做刪減。如果有剛需不能做重復(fù)刪減的? ?話，是否能把它收納到二級(jí)的入口。舉個(gè)栗子：

這是一個(gè) AI 面試報(bào)告的 PC 頁(yè)面，可以看出在原型里這個(gè)頁(yè)面承載了非常之多的內(nèi)容，這一個(gè)頁(yè)面的內(nèi)容已遠(yuǎn)遠(yuǎn)超過(guò)用戶的接受范圍，對(duì)于新手用戶的它的易用度顯得非常低，所以我們需要做信息的簡(jiǎn)化收納處理，把低優(yōu)先級(jí)的內(nèi)容收納起來(lái)，重復(fù)性的信息內(nèi)容去除掉。

*加分項(xiàng)：乖巧的溝通方式（額外 +5 分）

這里加送大家一個(gè)和 PM 溝通收納的小錦囊。在二次溝通中，大家切忌不要以這個(gè)信息內(nèi)容影響我們的設(shè)計(jì)排版或者不好看為由去 push 我們的收納方案。建議站在 PM 的角度，以這樣信息重復(fù)展示了，影響用戶操作和判斷等為由去 push 方案更容易被業(yè)務(wù)方接受。

這位名為「娜可露露」的UX設(shè)計(jì)師開(kāi)始交互框架與信息設(shè)計(jì)了！

1. 交互框架設(shè)計(jì)

是否基于預(yù)期性、關(guān)聯(lián)性、拓展性三個(gè)指標(biāo)進(jìn)行設(shè)計(jì)（每個(gè)指標(biāo)不同分，具體看下文列舉）

這里的框架與交互是基于原型二次收納后的梳理，給大家總結(jié) 3 個(gè)在實(shí)戰(zhàn)中還是比較實(shí)用的指標(biāo)。達(dá)到這 3 個(gè)指標(biāo)，基本可以極大減少日后項(xiàng)目踩雷的可能。

用戶心理的預(yù)期性（+5分）

所有的交互邏輯需要遵從基本的用戶心理預(yù)期，這是框架交互設(shè)計(jì)的基礎(chǔ)，反之就會(huì)影響用戶使用的愉悅度甚至造成體驗(yàn)障礙。這里包含了幾乎所有交互設(shè)計(jì)的細(xì)節(jié)，需要大家平時(shí)多積累。舉個(gè)例子：點(diǎn)擊按鈕之后獲得一定的操作反饋是用戶的心理預(yù)期；點(diǎn)擊下拉按鈕后出現(xiàn)對(duì)應(yīng)的下拉內(nèi)容展示（不跳頁(yè)）是用戶的心理預(yù)期。

模塊之間的關(guān)聯(lián)性（+10分）

模塊間是否存在聯(lián)動(dòng)關(guān)系影響模塊的排布方式，需要根據(jù)模塊間的聯(lián)動(dòng)性做出原型排布調(diào)整。舉個(gè)例子：

這個(gè) PC 頁(yè)面中我們通過(guò)調(diào)整自定義用戶畫(huà)像，可以得到對(duì)應(yīng)的 AI 面試排名，兩個(gè)大模塊間存在很緊密的聯(lián)動(dòng)關(guān)系。如果我們陷入 PM 側(cè)給的原型來(lái)設(shè)計(jì)，就會(huì)發(fā)現(xiàn)一屏的內(nèi)容聯(lián)動(dòng)模塊過(guò)于分散無(wú)法讓用戶形成清晰的功能認(rèn)知。

未來(lái)業(yè)務(wù)的拓展性（+10分）

在現(xiàn)階段的設(shè)計(jì)框架上加入對(duì)未來(lái)業(yè)務(wù)的考慮，不僅可以大大減少開(kāi)發(fā)與設(shè)計(jì)的周期成本，還可以良性延續(xù)更多產(chǎn)品功能減少用戶對(duì)新業(yè)務(wù)的使用成本。舉個(gè)例子：我們現(xiàn)在在做一款 1 對(duì) 1 的視頻面試產(chǎn)品，在設(shè)計(jì)面試間框架時(shí)，需要考慮是否未來(lái)有多對(duì)多的群面業(yè)務(wù)需求，如果有，我們的框架設(shè)計(jì)就需要盡可能滿足多對(duì)多的拓展性。

*加分項(xiàng)：創(chuàng)新的交互方式（額外+20分）

如果在大型需求的設(shè)計(jì)中能夠產(chǎn)出基于業(yè)務(wù)定制的、提升用戶體驗(yàn)且市面上獨(dú)一無(wú)二的交互方式，那么這波操作將直接告訴我們，年輕的「娜可露露」晉升述職 ppt 的黃金展示區(qū)內(nèi)容基本是沒(méi)什么懸念了。

2. 信息設(shè)計(jì)

是否考慮「動(dòng)態(tài)場(chǎng)景」與「信息限制」兩件事（每件事不同分，具體看下文列舉）

動(dòng)態(tài)場(chǎng)景：適配動(dòng)態(tài)數(shù)據(jù)（+5分）

我們?cè)O(shè)計(jì)時(shí)常出現(xiàn)設(shè)計(jì)稿很漂亮豐滿，但最后落地的頁(yè)面卻很現(xiàn)實(shí)骨感的情況，主要原因還是在信息設(shè)計(jì)時(shí)沒(méi)有充分考慮所有信息的動(dòng)態(tài)展示情況。舉個(gè)例子：下圖工作臺(tái)中的數(shù)據(jù)均為動(dòng)態(tài)數(shù)據(jù)（會(huì)隨著用戶使用情況而變動(dòng)的），需要我們?cè)谠O(shè)計(jì)時(shí)就考慮所有可能出現(xiàn)的動(dòng)態(tài)場(chǎng)景，比如「我的面試為空」、「創(chuàng)建項(xiàng)目為空」、「我的面試只有一條」等不同場(chǎng)景的設(shè)計(jì)適配。

信息限制：控制內(nèi)容展示（+5分）

我們?cè)谛畔⒃O(shè)計(jì)過(guò)程中需要考慮內(nèi)容的最大值與最小值，選擇最適配的模塊區(qū)域進(jìn)行適配展示。

所以只要界面中有靜態(tài)文本和圖片出現(xiàn)的地方，從專業(yè)角度來(lái)看我們都需要對(duì)它進(jìn)行限制。這其中又分為運(yùn)營(yíng)模塊和產(chǎn)品模塊的信息限制：運(yùn)營(yíng)模塊（限制字?jǐn)?shù)同步運(yùn)營(yíng)+開(kāi)發(fā)）比如熱門推薦模塊，主副標(biāo)題最多多少字？產(chǎn)品模塊（限制字?jǐn)?shù)同步開(kāi)發(fā)）比如能力標(biāo)簽一行最多顯示幾個(gè)，多出的標(biāo)簽是折行還是省略號(hào)處理？

這位名為「娜可露露」的UX設(shè)計(jì)師開(kāi)始定義視覺(jué)方案進(jìn)行視覺(jué)設(shè)計(jì)了

1. 定義主視覺(jué)方案（針對(duì)新增業(yè)務(wù)）*

是否正確認(rèn)知要設(shè)計(jì)的產(chǎn)品類型與其用戶群適配的視覺(jué)風(fēng)格（+5分）

我們?nèi)粘Ｓ龅降漠a(chǎn)品需求不太需要重新定義視覺(jué)方案，這里針對(duì)0-1的新業(yè)務(wù)來(lái)說(shuō)。我們需要針對(duì)不同的產(chǎn)品類型匹配不同的主視覺(jué)方案，以經(jīng)驗(yàn)來(lái)說(shuō)通常工具類的產(chǎn)品對(duì)視覺(jué)品質(zhì)的要求一般會(huì)偏高，而電商類的則相對(duì)更重視視覺(jué)設(shè)計(jì)帶來(lái)的業(yè)務(wù)影響。（寫(xiě)完突然感覺(jué)這是個(gè)送分題）

2. 整體視覺(jué)設(shè)計(jì)

是否基于一致性、有效性、品質(zhì)感三個(gè)指標(biāo)進(jìn)行設(shè)計(jì)（每個(gè)指標(biāo)不同分，具體看下文列舉）

對(duì)于界面視覺(jué)設(shè)計(jì)這個(gè)基本功，不同廠子不同老板的重視程度相差還是很大的，這個(gè)大部分和企業(yè)文化以及老板自己的專業(yè)厚度有關(guān)。雖然說(shuō)這些年在阿里系和增長(zhǎng)學(xué)說(shuō)的帶領(lǐng)下很多設(shè)計(jì)師不像原來(lái)這么在意表現(xiàn)層的東西了，但個(gè)人仍然認(rèn)為如果基本功都完成不好就談無(wú)需的東西就脫離了設(shè)計(jì)對(duì)于人的初心。這里給大家概括成 3 個(gè)指標(biāo)：

設(shè)計(jì)語(yǔ)言的一致性（+5分）

這點(diǎn)應(yīng)該無(wú)需過(guò)多解釋，使用現(xiàn)有組件庫(kù)遵循現(xiàn)有設(shè)計(jì)規(guī)范進(jìn)行設(shè)計(jì)雖然一定限制了設(shè)計(jì)師對(duì)于界面視覺(jué)的定義能力，但有 3 個(gè)好處：一是統(tǒng)一的設(shè)計(jì)語(yǔ)言給用戶以體驗(yàn)的連貫性與一致的品牌感；二是提升設(shè)計(jì)師的日常工作效率；三是可以讓設(shè)計(jì)師把更多精力放到對(duì)實(shí)際業(yè)務(wù)數(shù)據(jù)有更多影響的框架與信息設(shè)計(jì)中。

設(shè)計(jì)呈現(xiàn)的品質(zhì)感（+10分）

設(shè)計(jì)師經(jīng)常被挑戰(zhàn)的可能就是有關(guān)界面視覺(jué)整體感受這個(gè)事情。作為設(shè)計(jì)師我們不太可能讓每個(gè)人都覺(jué)得好看滿意，只能說(shuō)盡量通過(guò)主流設(shè)計(jì)法則（例如格式塔理論等）的應(yīng)用與審美積累提升自己設(shè)計(jì)方案的視覺(jué)品質(zhì)。「質(zhì)感」雖然對(duì)業(yè)務(wù)不造成直接影響，但對(duì)業(yè)務(wù)的品牌傳播以及各位的未來(lái)作品集好感度還是有不小的影響。

設(shè)計(jì)表達(dá)的有效性（+10分）

如果說(shuō)界面設(shè)計(jì)的品質(zhì)感還相對(duì)容易練習(xí)，那么視覺(jué)表達(dá)的有效性與定制化就是相對(duì)高階一些的要求了，也是通過(guò)界面視覺(jué)能影響業(yè)務(wù)數(shù)據(jù)的一個(gè)可能性。我們可以通過(guò)視覺(jué)傳達(dá)的方式把更多文字信息轉(zhuǎn)化為更易被識(shí)別接受的符號(hào)圖案信息，大家可以參考以下案例。

另外在講究屏效（一屏信息展示效率）的國(guó)情閱讀環(huán)境中，界面里的每一個(gè)視覺(jué)設(shè)計(jì)元素你都需要表達(dá)出它的實(shí)際作用（圖素也好、插圖也好作用是什么？），避免為了裝飾而裝飾的過(guò)度修飾降低用戶獲取信息的效率。

*加分項(xiàng)：品牌感知與競(jìng)對(duì)差異性（額外+10分）

在視覺(jué)上做出自己的品牌感和優(yōu)秀的競(jìng)對(duì)差異性其實(shí)挺難的，這里的差異性可不是僅僅指的是改個(gè)顏色加個(gè)投影這么簡(jiǎn)單，它傳達(dá)的是 2 種完全不同的視覺(jué)品牌感受。在視覺(jué)設(shè)計(jì)過(guò)程中我們很容易陷入無(wú)限的模仿流中，一般是在看了某些競(jìng)品或者重量級(jí)的 app 之后瞬間腦子里就只剩下一種既定樣式了。解決方式建議是：

• 學(xué)會(huì)提煉品牌設(shè)計(jì)中的 DNA 應(yīng)用到界面設(shè)計(jì)中；
• 學(xué)會(huì)偷師收集案例將好的視覺(jué)案例做結(jié)合，這樣就可以取長(zhǎng)補(bǔ)短進(jìn)化出一個(gè)更優(yōu)秀的新形態(tài)。

后記

以上就是完整的日常需求落地流程的設(shè)計(jì)驗(yàn)收標(biāo)準(zhǔn)了，當(dāng)然之后的視覺(jué)走查對(duì)開(kāi)發(fā)溝通過(guò)程也很顯示設(shè)計(jì)師的責(zé)任心，但相對(duì)來(lái)說(shuō)一般不會(huì)放到對(duì)設(shè)計(jì)師的日常考核中。最后年輕的「娜可露露」同學(xué)你獲得了幾分捏（滿分130）？歡迎在評(píng)論區(qū) show 下分?jǐn)?shù)嗷~

更多自檢方法：

歡迎關(guān)注作者的微信公眾號(hào)：「Nana的設(shè)計(jì)錦囊」