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

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

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

 

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

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

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

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

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

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

關(guān)注項(xiàng)目進(jìn)程，往前走一步

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

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

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

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

數(shù)據(jù)思維和推動(dòng)力其實(shí)是兩件事，由于篇幅有限就放在一起說(shuō)了。數(shù)據(jù)思維是什么？簡(jiǎn)單來(lái)說(shuō)就是有效利用數(shù)據(jù)解決問(wèn)題的思維方法。

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

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

我們通過(guò)后臺(tái)追蹤到新客填單頁(yè)面異常，頁(yè)面中票種入口模塊點(diǎn)擊熱度低下，那在修復(fù)新客填單異常這項(xiàng)需求中UI設(shè)計(jì)師的設(shè)計(jì)目標(biāo)就是：

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

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

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

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

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

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

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

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

 

總結(jié)

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