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

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

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

 

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

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

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

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

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

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

關注項目進程，往前走一步

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

總結(jié)

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