此篇基于管理崗測(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)了。

高級(jí)UX設(shè)計(jì)師的自檢清單,你能得多少分?

而項(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è)栗子:

高級(jí)UX設(shè)計(jì)師的自檢清單,你能得多少分?

這是一個(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è)例子:

高級(jí)UX設(shè)計(jì)師的自檢清單,你能得多少分?

這個(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ì)多的拓展性。

高級(jí)UX設(shè)計(jì)師的自檢清單,你能得多少分?

*加分項(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ì)適配。

高級(jí)UX設(shè)計(jì)師的自檢清單,你能得多少分?

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

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

高級(jí)UX設(shè)計(jì)師的自檢清單,你能得多少分?

所以只要界面中有靜態(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)粘S龅降漠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)圖案信息,大家可以參考以下案例。

高級(jí)UX設(shè)計(jì)師的自檢清單,你能得多少分?

另外在講究屏效(一屏信息展示效率)的國(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ì)錦囊」

高級(jí)UX設(shè)計(jì)師的自檢清單,你能得多少分?

收藏 152
點(diǎn)贊 26

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。