一般人不會，只有高級UI設(shè)計師才會的能力

在互聯(lián)網(wǎng)圈里摸爬滾打的年限越長，有時候你就越能感覺到無形之中，有許多看不見的東西在束縛著你的工作。其實影響著你的感覺的，就是「框架」。

我把這些框架分為「硬性框架」和「彈性框架」。硬性框架通常指代一些不可抗因素，類似于：公司瀕臨破產(chǎn)，你的產(chǎn)品是你的老婆等等，今天我們來一起聊一聊如何突破彈性框架，做好設(shè)計。

 

明確自身職能，具備全局觀念

有的設(shè)計師時常會埋怨，自己在項目中沒什么重要性，話語權(quán)太少，工作內(nèi)容僅限于設(shè)計產(chǎn)出，像一個「美工」。實際上，UI 設(shè)計師自身的職能在現(xiàn)在的互聯(lián)網(wǎng)環(huán)境中已經(jīng)不再局限于單一的界面產(chǎn)出，更重要的，是應(yīng)該具備「全局觀念」。

什么是全局觀念？這個話題十分寬泛，總的來說，就是站在產(chǎn)品的層面上來思考設(shè)計，結(jié)合項目目標與資源、人員素質(zhì)、技術(shù)可行性等多方面因素，提供最優(yōu)的解決方案。這里以我自身工作經(jīng)歷舉例。

我目前在某里負責(zé)小說 App 分類相關(guān)頁的改版和優(yōu)化。我接到一個「設(shè)計編輯推薦頁」的需求。那么我接下來要做的第一件事，不是去追波、Behance上搜尋相關(guān)參考，而是和 Leader 確定App 改版的決策進程，和產(chǎn)品確定既定需求的迭代周期。如果這兩件事的執(zhí)行時間線重合，則很有可能導(dǎo)致需求上線后短時間內(nèi)迎來 App 的大改版，面臨二次設(shè)計與開發(fā)。

那如果正好遇到這樣的情況，設(shè)計師又該怎么辦？我們在確定執(zhí)行時間線重合的前提下，應(yīng)快速推出過渡方案，運用組件和已有樣式輸出界面，合理利用資源，減少開發(fā)成本。如果設(shè)計師在完成需求的過程中不去顧慮項目大方向的進程，很有可能面臨設(shè)計稿不斷返工甚至被砍。

在互聯(lián)網(wǎng)公司中，做「有效」的設(shè)計是第一大前提。在項目的不同時期中，設(shè)計扮演的角色也是不同的，比如在生命周期短暫的需求中，我們應(yīng)尋求樣式復(fù)用的可能性。在解決投入產(chǎn)出比較低的需求中不去占用太多的資源。如果項目的行業(yè)競爭壓力過大，我們要配合產(chǎn)品和交互，不能讓設(shè)計添亂。在創(chuàng)業(yè)背景下的項目，我們則要調(diào)用全身的藝術(shù)細胞，做出行業(yè)水準以上的設(shè)計。簡單來說，好的設(shè)計，是具備策略性的。

關(guān)注項目進程，往前走一步

設(shè)計師通常在對接需求，排期時只把日期排到設(shè)計環(huán)節(jié)結(jié)束那一天，認為自己的職責(zé)在「Deadline」那天就結(jié)束了。對于后期的走查情況，需求的分版提測，測試中的 Bug 模態(tài)并不太關(guān)注。那么帶來結(jié)果就是，需求的上線版面與設(shè)計稿有很大出入，出現(xiàn)上線后報一堆Bug ，直接delay到整個項目進程。

設(shè)計師在項目中的作用不應(yīng)該僅僅局限于自己的設(shè)計產(chǎn)出，我們在交付設(shè)計稿后需要關(guān)注項目的進程，例如開發(fā)對于設(shè)計稿的還原度，代碼編寫過程中是否有難點，測試追蹤到產(chǎn)品缺陷或者出現(xiàn)其他外部因素輻射時，該如何快速給出Plan B，上線前灰度測試中出現(xiàn)問題是否被良好的解決等等。

做到這些需要付出額外的時間和精力，但它的好處是長久的，設(shè)計師一方面能展現(xiàn)自己設(shè)計背后的思考，一方面就能在協(xié)作過程爭取更多的話語權(quán)，提升自己做設(shè)計決策的說服力。UI設(shè)計師與團隊其他成員在產(chǎn)品層面統(tǒng)一認識的基礎(chǔ)上往前走一步，了解各自職能的核心意義，各施所長，融會貫通，互相理解，減少分歧，一起合力完成工作，這是一種趨勢，更是一個優(yōu)秀團隊所應(yīng)該具備的人才素質(zhì)。

鍛煉數(shù)據(jù)思維，提高自身推動力

數(shù)據(jù)思維和推動力其實是兩件事，由于篇幅有限就放在一起說了。數(shù)據(jù)思維是什么？簡單來說就是有效利用數(shù)據(jù)解決問題的思維方法。

這種思維方式根本上應(yīng)從業(yè)務(wù)中來，回業(yè)務(wù)中去，商業(yè)變現(xiàn)的過程就是數(shù)據(jù)漏斗的轉(zhuǎn)化過程。所以，將數(shù)據(jù)問題提煉為業(yè)務(wù)問題是鍛煉數(shù)據(jù)思維第一核心要素。我們通過后臺實時監(jiān)測到界面某模塊數(shù)據(jù)的變化和異常，找出問題所在，趕在大面積用戶痛點爆發(fā)前修復(fù)Bug ，及時止損。數(shù)據(jù)思維將傳統(tǒng)的工作方式從被動、慢速、靜態(tài)的方式轉(zhuǎn)變?yōu)橹鲃?、快速、動態(tài)。在項目迭代的過程中，一開始定義好的問題往往因為比較宏觀而無法直接著手解決，我們就需要將其拆分為更微觀的細節(jié)問題，進而再去尋找細分問題的解決方法。

數(shù)據(jù)思維則能幫助我們通過合理的數(shù)據(jù)分析，科學(xué)的拆分問題。那么，UI設(shè)計師又該如何從復(fù)雜的數(shù)據(jù)中找到設(shè)計目標，并落實到自己的設(shè)計中呢？這里舉個例子，某購票業(yè)務(wù)老客支付轉(zhuǎn)化率為17%，新客支付轉(zhuǎn)化率為5%，顯而易見，這個業(yè)務(wù)的大目標是提升新客的CVR，提高老客的復(fù)購率。在確定這個大目標后，可以把大目標拆分為一些小目標。我們可以通過各項數(shù)據(jù)分析，例如頁面轉(zhuǎn)化漏斗、頁面點擊熱度，用戶行為數(shù)據(jù)框架等等途徑找出問題頁面，點擊熱力異常點，用戶流失路徑等等。

我們通過后臺追蹤到新客填單頁面異常，頁面中票種入口模塊點擊熱度低下，那在修復(fù)新客填單異常這項需求中UI設(shè)計師的設(shè)計目標就是：

• 提升票種入口模塊點擊力度。
• 業(yè)務(wù)意向CTR，提高票種入口流量的分發(fā)效率。

改后設(shè)計對業(yè)務(wù)首頁的UV沒有負面影響。那么，我們是如何解決問題的：

• 利用卡片化疊加來區(qū)分不同的票務(wù)種類，結(jié)合業(yè)務(wù)的主題色，高光，陰影來模擬物理遮擋關(guān)系。
• 通過動效減少頁面跳轉(zhuǎn)，使用戶更輕松的理解頁面之間的關(guān)系。
• 通過留白的線形圖標弱化二級頁面入口，將視覺重心集中在業(yè)務(wù)區(qū)。

良好的數(shù)據(jù)思維幫助設(shè)計師建立或提升數(shù)據(jù)導(dǎo)向的業(yè)務(wù)問題解決能力和戰(zhàn)略分析能力。隨著公司業(yè)務(wù)規(guī)模的不斷發(fā)展與擴大，UI設(shè)計師的需求點不再以「好看與不好看」這樣的角度來判斷舊版本是否需要迭代，而是會以相對更理性，更科學(xué)的手段去攫取。設(shè)計師要有主動關(guān)注數(shù)據(jù)變化的意識，如果能在業(yè)務(wù)前期提出數(shù)據(jù)埋點，則是再好不過了。但是要記住的是，數(shù)據(jù)思維只是一種輔助方式，不要因這種思維畫地為牢，重要的是去分析數(shù)據(jù)產(chǎn)生的本質(zhì)。

如何用數(shù)據(jù)思維做設(shè)計，這兒有個更生動的案例：《思路最值錢！如何通過設(shè)計提升高達12%的注冊轉(zhuǎn)化率？》

提高自身的推動力，分業(yè)務(wù)內(nèi)和業(yè)務(wù)外。業(yè)務(wù)內(nèi)的其實在「關(guān)注項目進程，往前走一步」板塊內(nèi)已經(jīng)說的很清楚了，這里跟大家來聊一下業(yè)務(wù)外該怎么提高自身的推動力。

有很多中大型公司，把員工的「影響力」劃分進晉升時的能力模型中，且隨著職級越高，占的比重越大。那么，這個影響力代表的是什么呢？其實就是推動力。你積極的推動項目發(fā)展，則代表著你向公司內(nèi)部傳達著一種正面影響，根據(jù)我的工作經(jīng)驗，往往推動力才是第一生產(chǎn)力。有的時候，好的設(shè)計方案或工具可以提高設(shè)計效率，加快項目進展，例如設(shè)計師可以向組內(nèi)人員普及協(xié)作工具的使用，整理平時積累的優(yōu)秀作品或書籍資料，舉辦例行的研討會，及時輸出，資源共享，不斷提高自身專業(yè)性。

一開始做這些或許會很難，需要付出額外大量的時間與精力，但這樣做，一方面有益于團隊內(nèi)部的交流溝通，一方面提升做設(shè)計決策的說服力，同時展示UI設(shè)計師業(yè)務(wù)外的職能價值，以及自我價值。如果整個團隊能理解并認同UI設(shè)計師的價值所在，那么你就能成功的跳出框架，去實現(xiàn)更遠大的目標了。

 

總結(jié)

不斷突破框架的過程，就是自我提升的一個過程，現(xiàn)在的UI設(shè)計師職能不再停留在單一的設(shè)計輸出上，多方面鍛煉自身能力無論在職場晉升還是創(chuàng)業(yè)積累勢能上都是十分必要的，擁有全局觀念可以幫助設(shè)計師建設(shè)產(chǎn)品思維，關(guān)注推動項目進程可以鍛煉對項目變量的掌控力，數(shù)據(jù)思維則能幫助UI設(shè)計師從感性化視覺產(chǎn)出進階為更科學(xué)，更能解決項目痛點的指標性產(chǎn)出，總而言之，跳出框架做設(shè)計可以增強設(shè)計師在企業(yè)或項目中的重要性，促進項目和企業(yè)的進步與發(fā)展，進一步實現(xiàn)自我價值。