此篇基于管理崗測評各位設計師專業能力的角度,給大家分享一波之前從滴滴那里偷師過來稍加改版應用在新公司設計評審的設計自檢標準。適用于從新人到職場老鳥的自檢,基本涵蓋了大家日常做需求的整個過程。
不想寫得太枯燥,改成測評打分的游戲模式,每個測評項都有對應的分數,大家可以對應自己情況給自己打分,康康你們都得了幾分(個別分值里面還有額外加分彩蛋,別錯過喔)~
一位名為「娜可露露」的UX設計師準備開工接需求了!
1. 接到需求:是否與需求方溝通獲取有效信息(+10分)
每個設計師身處的公司情況都不一樣,對接的產品經理(PM)自然也是千奇百態。不是所有 PM 都會像個老媽子一樣告訴你一切,叮囑你一切。一個合格的 ux 設計師需要清楚知道自己在接到需求的初始需求,從 PM 那里了解到什么樣的項目信息對自己的后續工作以及未來作品集準備是有幫助的。
這里咱需要溝通的 2 個基礎內容是:需求背景和項目排期。
需求背景也就是為什么我們要做這個需求的原因。大部分情況 PM 是會自主寫在 ta 的產品需求文檔(PRD)里的,大家在觀看 prd 的時候就可以發現了。
而項目排期這里主要指項目流程的排期(需求評審時間、設計時間、設計評審時間、研發時間、灰度測試時間、上線時間)。要求設計師對自己的工作內容做出一個合理的時間預估,避免設計側工作延誤影響整體項目上線進度。
*加分項:關注用戶訴求(額外 +5 分)
通過討論用戶的核心需求確認功能的優先級。大部分情況 PM 給出的功能優先級都還是比較專業且合理的,但不排除我們有可以站在交互體驗側進言調整功能及優先級的可能,所以優秀的設計師是可以從需求起始就介入并產生價值的。(以前作為中高級設計師面試的時候經常遇到這個高頻問題,你是否有進言并造成產品構架調整的案例)
2. 拿到原型:是否對需求原型進行二次收納(+15分)
雖然有很多同學拿到原型(無論是產品還是交互給的高保真 or? 低保真原型)仔細閱讀后是有二次思考和溝通的過程,但什么樣的二次思考是能體現設計師實際職能價值,建立良好專業口碑的呢?
這個思考過程就是像是收納的過程,打個比方:一個屋子通過整理收納重新獲得有序簡潔的使用感受。其實大部分時間 PM 只是把需要的功能傳達給我們,而我們需要做的是篩選出對用戶體驗合理且有效的內容。例如信息表達是否多處重復,是否可以做刪減。如果有剛需不能做重復刪減的? ?話,是否能把它收納到二級的入口。舉個栗子:
這是一個 AI 面試報告的 PC 頁面,可以看出在原型里這個頁面承載了非常之多的內容,這一個頁面的內容已遠遠超過用戶的接受范圍,對于新手用戶的它的易用度顯得非常低,所以我們需要做信息的簡化收納處理,把低優先級的內容收納起來,重復性的信息內容去除掉。
*加分項:乖巧的溝通方式(額外 +5 分)
這里加送大家一個和 PM 溝通收納的小錦囊。在二次溝通中,大家切忌不要以這個信息內容影響我們的設計排版或者不好看為由去 push 我們的收納方案。建議站在 PM 的角度,以這樣信息重復展示了,影響用戶操作和判斷等為由去 push 方案更容易被業務方接受。
這位名為「娜可露露」的UX設計師開始交互框架與信息設計了!
1. 交互框架設計
是否基于預期性、關聯性、拓展性三個指標進行設計(每個指標不同分,具體看下文列舉)
這里的框架與交互是基于原型二次收納后的梳理,給大家總結 3 個在實戰中還是比較實用的指標。達到這 3 個指標,基本可以極大減少日后項目踩雷的可能。
用戶心理的預期性(+5分)
所有的交互邏輯需要遵從基本的用戶心理預期,這是框架交互設計的基礎,反之就會影響用戶使用的愉悅度甚至造成體驗障礙。這里包含了幾乎所有交互設計的細節,需要大家平時多積累。舉個例子:點擊按鈕之后獲得一定的操作反饋是用戶的心理預期;點擊下拉按鈕后出現對應的下拉內容展示(不跳頁)是用戶的心理預期。
模塊之間的關聯性(+10分)
模塊間是否存在聯動關系影響模塊的排布方式,需要根據模塊間的聯動性做出原型排布調整。舉個例子:
這個 PC 頁面中我們通過調整自定義用戶畫像,可以得到對應的 AI 面試排名,兩個大模塊間存在很緊密的聯動關系。如果我們陷入 PM 側給的原型來設計,就會發現一屏的內容聯動模塊過于分散無法讓用戶形成清晰的功能認知。
未來業務的拓展性(+10分)
在現階段的設計框架上加入對未來業務的考慮,不僅可以大大減少開發與設計的周期成本,還可以良性延續更多產品功能減少用戶對新業務的使用成本。舉個例子:我們現在在做一款 1 對 1 的視頻面試產品,在設計面試間框架時,需要考慮是否未來有多對多的群面業務需求,如果有,我們的框架設計就需要盡可能滿足多對多的拓展性。
*加分項:創新的交互方式(額外+20分)
如果在大型需求的設計中能夠產出基于業務定制的、提升用戶體驗且市面上獨一無二的交互方式,那么這波操作將直接告訴我們,年輕的「娜可露露」晉升述職 ppt 的黃金展示區內容基本是沒什么懸念了。
2. 信息設計
是否考慮「動態場景」與「信息限制」兩件事(每件事不同分,具體看下文列舉)
動態場景:適配動態數據(+5分)
我們設計時常出現設計稿很漂亮豐滿,但最后落地的頁面卻很現實骨感的情況,主要原因還是在信息設計時沒有充分考慮所有信息的動態展示情況。舉個例子:下圖工作臺中的數據均為動態數據(會隨著用戶使用情況而變動的),需要我們在設計時就考慮所有可能出現的動態場景,比如「我的面試為空」、「創建項目為空」、「我的面試只有一條」等不同場景的設計適配。
信息限制:控制內容展示(+5分)
我們在信息設計過程中需要考慮內容的最大值與最小值,選擇最適配的模塊區域進行適配展示。
所以只要界面中有靜態文本和圖片出現的地方,從專業角度來看我們都需要對它進行限制。這其中又分為運營模塊和產品模塊的信息限制:運營模塊(限制字數同步運營+開發)比如熱門推薦模塊,主副標題最多多少字?產品模塊(限制字數同步開發)比如能力標簽一行最多顯示幾個,多出的標簽是折行還是省略號處理?
這位名為「娜可露露」的UX設計師開始定義視覺方案進行視覺設計了
1. 定義主視覺方案(針對新增業務)*
是否正確認知要設計的產品類型與其用戶群適配的視覺風格(+5分)
我們日常遇到的產品需求不太需要重新定義視覺方案,這里針對0-1的新業務來說。我們需要針對不同的產品類型匹配不同的主視覺方案,以經驗來說通常工具類的產品對視覺品質的要求一般會偏高,而電商類的則相對更重視視覺設計帶來的業務影響。(寫完突然感覺這是個送分題)
2. 整體視覺設計
是否基于一致性、有效性、品質感三個指標進行設計(每個指標不同分,具體看下文列舉)
對于界面視覺設計這個基本功,不同廠子不同老板的重視程度相差還是很大的,這個大部分和企業文化以及老板自己的專業厚度有關。雖然說這些年在阿里系和增長學說的帶領下很多設計師不像原來這么在意表現層的東西了,但個人仍然認為如果基本功都完成不好就談無需的東西就脫離了設計對于人的初心。這里給大家概括成 3 個指標:
設計語言的一致性(+5分)
這點應該無需過多解釋,使用現有組件庫遵循現有設計規范進行設計雖然一定限制了設計師對于界面視覺的定義能力,但有 3 個好處:一是統一的設計語言給用戶以體驗的連貫性與一致的品牌感;二是提升設計師的日常工作效率;三是可以讓設計師把更多精力放到對實際業務數據有更多影響的框架與信息設計中。
設計呈現的品質感(+10分)
設計師經常被挑戰的可能就是有關界面視覺整體感受這個事情。作為設計師我們不太可能讓每個人都覺得好看滿意,只能說盡量通過主流設計法則(例如格式塔理論等)的應用與審美積累提升自己設計方案的視覺品質。「質感」雖然對業務不造成直接影響,但對業務的品牌傳播以及各位的未來作品集好感度還是有不小的影響。
設計表達的有效性(+10分)
如果說界面設計的品質感還相對容易練習,那么視覺表達的有效性與定制化就是相對高階一些的要求了,也是通過界面視覺能影響業務數據的一個可能性。我們可以通過視覺傳達的方式把更多文字信息轉化為更易被識別接受的符號圖案信息,大家可以參考以下案例。
另外在講究屏效(一屏信息展示效率)的國情閱讀環境中,界面里的每一個視覺設計元素你都需要表達出它的實際作用(圖素也好、插圖也好作用是什么?),避免為了裝飾而裝飾的過度修飾降低用戶獲取信息的效率。
*加分項:品牌感知與競對差異性(額外+10分)
在視覺上做出自己的品牌感和優秀的競對差異性其實挺難的,這里的差異性可不是僅僅指的是改個顏色加個投影這么簡單,它傳達的是 2 種完全不同的視覺品牌感受。在視覺設計過程中我們很容易陷入無限的模仿流中,一般是在看了某些競品或者重量級的 app 之后瞬間腦子里就只剩下一種既定樣式了。解決方式建議是:
- 學會提煉品牌設計中的 DNA 應用到界面設計中;
- 學會偷師收集案例將好的視覺案例做結合,這樣就可以取長補短進化出一個更優秀的新形態。
以上就是完整的日常需求落地流程的設計驗收標準了,當然之后的視覺走查對開發溝通過程也很顯示設計師的責任心,但相對來說一般不會放到對設計師的日常考核中。最后年輕的「娜可露露」同學你獲得了幾分捏(滿分130)?歡迎在評論區 show 下分數嗷~
更多自檢方法:
歡迎關注作者的微信公眾號:「Nana的設計錦囊」
復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。
發評論!每天贏獎品
點擊 登錄 后,在評論區留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
標志設計標準教程
已累計誕生 729 位幸運星
發表評論 為下方 6 條評論點贊,解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓