无码一区二区三区中文字幕

做UI設(shè)計(jì)，為什么你總是沒有思路？

2024-10-14 濤濤

當(dāng)我第一次踏足UI設(shè)計(jì)這一行業(yè)的時(shí)候，我認(rèn)為，UI設(shè)計(jì)的終極目標(biāo)就是打造最完美的用戶體驗(yàn)，當(dāng)時(shí)的我對(duì)很多“體驗(yàn)不夠完美”的產(chǎn)品嗤之以鼻，覺得為什么這個(gè)地方的設(shè)計(jì)是這樣的，改成這樣或者那樣，豈不是更加友好。然而，在一次又一次的工作中，這些實(shí)戰(zhàn)的商業(yè)項(xiàng)目不斷地刷新了我的認(rèn)知，讓我對(duì)UI設(shè)計(jì)這一崗位又有了更多更深的理解。

一開始的時(shí)候，我常常以用戶體驗(yàn)為最優(yōu)先目標(biāo)，其他稍微影響體驗(yàn)的東西我統(tǒng)統(tǒng)舍棄掉。但隨著時(shí)間的推移，自己的閱歷不斷豐富，我慢慢意識(shí)到了這種想法的錯(cuò)誤性。因?yàn)橐豢町a(chǎn)品的背后，往往承擔(dān)著要養(yǎng)活公司里數(shù)百個(gè)數(shù)千個(gè)員工的責(zé)任，甚至是依靠這個(gè)產(chǎn)品謀生的社會(huì)產(chǎn)業(yè)鏈上的成千上百萬的龐大人群。它身上是需要背負(fù)著一定的商業(yè)價(jià)值在里面的（當(dāng)然，也有以公益事業(yè)為目的而做的產(chǎn)品，但這些不再我本次討論的范圍之內(nèi)）。

如果設(shè)計(jì)一款產(chǎn)品，我們只單純的拋開商業(yè)目標(biāo)來講體驗(yàn)，那是耍流氓。但這并不是意味著，我們可以完全地拋開用戶體驗(yàn)。用戶體驗(yàn)應(yīng)該是一個(gè)過程與手段，是完成商業(yè)目標(biāo)的一個(gè)重要而非全部的途徑。這恰恰應(yīng)該是UI設(shè)計(jì)師們存在的價(jià)值。

UI設(shè)計(jì)師的任務(wù)，不是要把產(chǎn)品的體驗(yàn)打造的多么極致，而是要在「商業(yè)」「用戶」「技術(shù)」等多方面的條件限制下取得平衡，得出一個(gè)「綜合最優(yōu)」而非「設(shè)計(jì)體驗(yàn)最優(yōu)」的解決辦法。因此，在做一款產(chǎn)品的UI設(shè)計(jì)之前，我們要思考設(shè)計(jì)背后的產(chǎn)品目標(biāo)是什么，產(chǎn)品背后的業(yè)務(wù)目標(biāo)又是什么，該業(yè)務(wù)目標(biāo)能為團(tuán)隊(duì)為公司創(chuàng)造什么價(jià)值、怎樣創(chuàng)造價(jià)值。

了解完UI設(shè)計(jì)師們的「使命」之后，我們開始來講UI設(shè)計(jì)的思路，因?yàn)樗悸肥菄@著我們的「使命」而去的。

多數(shù)設(shè)計(jì)師的現(xiàn)狀

我見過的較多的UI設(shè)計(jì)師的現(xiàn)狀，一拿到需求的時(shí)候，就開始急忙的對(duì)著原型找參考，花了很多時(shí)間找了一大堆競(jìng)品一大堆參考，然后也不知道要從這些參考上學(xué)習(xí)什么，就憑著「感覺」動(dòng)手執(zhí)行設(shè)計(jì)。然后自己反復(fù)的在某些可能無關(guān)緊要的細(xì)節(jié)里自我糾結(jié)，反復(fù)修改，浪費(fèi)了大量時(shí)間在一些并不主要的問題上。

就像讀書的時(shí)候，老師們經(jīng)常說的，要把會(huì)的題目先做了，不會(huì)的題先放著，其本質(zhì)上其實(shí)就是【抓緊時(shí)間來解決主要問題】。所以映射到設(shè)計(jì)工作中來，也是一樣的道理，每個(gè)需求的完成，都是有deadline的。如果我們做設(shè)計(jì)的時(shí)候，在一些非主要的問題上糾結(jié)浪費(fèi)大量時(shí)間，這其實(shí)是一種得不償失的做法。最后，主要業(yè)務(wù)訴求沒解決到，反而設(shè)計(jì)出來一個(gè)自己也不知道要用來干嘛的東西。

我們應(yīng)該怎么做？

當(dāng)接到一個(gè)新的需求之后，我們應(yīng)該先向需求方了解此次需求背后的目的，是希望達(dá)到什么樣的目的。然后對(duì)這個(gè)需求進(jìn)行分析，將最終的大目標(biāo)拆解成多個(gè)小目標(biāo)，站在設(shè)計(jì)的角度，可以提供什么樣的能力、要用什么樣的方法去達(dá)成這些小目標(biāo)，逐個(gè)去擊破。

我見過很多的設(shè)計(jì)同行，一接到優(yōu)化頁面的需求，總能提出各種各樣非常多的問題。但，這恰恰就是最大的問題。因?yàn)楫?dāng)我們沒有明確的目標(biāo)來進(jìn)行問題分析的時(shí)候，就很容把所有問題都無差別的匯總在一起，或是視覺上的，或是體驗(yàn)上的，等等。那么問題就來了，很多人都抱著這樣一個(gè)「直接」且缺乏「考慮」的想法——把這些問題都解決掉。

當(dāng)我們頭腦里圍繞著太多問題轉(zhuǎn)的時(shí)候，就常常容易懵圈，這個(gè)問題要解決，那個(gè)問題要解決，做著做著，你就不知道自己要解決什么問題了，不知道側(cè)重點(diǎn)在哪里了。到最后做出來的東西很容易就迷失了方向，或沉浸在視覺美感設(shè)計(jì)上，或沉浸在極致的用戶體驗(yàn)追求上，迷失了背后最主要的商業(yè)目標(biāo)。

前面我們已經(jīng)講過，UI設(shè)計(jì)的任務(wù)是要給出「綜合最優(yōu)」的設(shè)計(jì)。因此，在平常比較有限的時(shí)間上，我們應(yīng)該是集中力量解決主要問題，如果還有其他時(shí)間剩余，我們?cè)僮非蟾鼧O致的設(shè)計(jì)表現(xiàn)。能做到這樣，那你就會(huì)很清楚的知道如何進(jìn)行取舍，你的思路將會(huì)非常清晰。總結(jié)起來概括成一句話，帶著具體的目標(biāo)去分析思考。

以自身經(jīng)歷為例

接下來舉個(gè)我在實(shí)際工作中的例子，以“加油寶APP6.0”改版為例，此次改版是由我們?cè)O(shè)計(jì)團(tuán)隊(duì)主動(dòng)去發(fā)起的大迭代，在要開始進(jìn)行 6.0改版之前，我向各個(gè)業(yè)務(wù)方了解了當(dāng)前平臺(tái)在業(yè)務(wù)方面所存在的主要問題，以及我們未來的整個(gè)業(yè)務(wù)發(fā)展方向，向產(chǎn)品經(jīng)理了解了產(chǎn)品目前的定位，以及產(chǎn)品未來的可能發(fā)展方向和愿景。

了解完背景之后，我開始著手制定本次APP改版的目標(biāo)、拆解目標(biāo)。現(xiàn)在選取其中一個(gè)大目標(biāo)——提升「下單率」來作為例子闡述。

加油寶APP是一款主打消費(fèi)折扣+資金增值的二合一APP，目前提供加油卡充值、收益增值、電商消費(fèi)等多個(gè)產(chǎn)品。針對(duì)此次改版，我們想提升其中一個(gè)目標(biāo)： ”收益增值業(yè)務(wù)“的下單率。

以下為現(xiàn)加油寶APP5.0版本的界面

我們此次是想提升收益增值業(yè)務(wù)的「下單率」，那么我們一開始就需要列出這個(gè)目標(biāo)，并根據(jù)這個(gè)目標(biāo)進(jìn)行流程反推，這樣你就會(huì)很清楚的知道，哪些用戶路徑會(huì)影響到最終的轉(zhuǎn)化率。

此處為了方便，我只簡(jiǎn)單的列出其中一條路徑進(jìn)行說明。把目標(biāo)、路徑、條件等問題列出來之后，我們就可以有很清晰的思路，知道該主要解決什么問題，并為了這個(gè)目標(biāo)，做更精確的設(shè)計(jì)優(yōu)化。

首先第1個(gè)問題，我們要解決item點(diǎn)擊率的問題

第2個(gè)問題，我們要提升「立即投資」按鈕的點(diǎn)擊率

第3個(gè)問題，提升最后支付確認(rèn)的點(diǎn)擊率

結(jié)果預(yù)估與分析

改版完后，還有最后一項(xiàng)非常重要的工作，也常常是很多設(shè)計(jì)師容易忽略的，那就是驗(yàn)證改版設(shè)計(jì)的「正確性」。對(duì)設(shè)計(jì)結(jié)果進(jìn)行「量化」的預(yù)估。看看改版之后，原先預(yù)計(jì)的能提升轉(zhuǎn)化的地方，是否真的提升了轉(zhuǎn)化，提升了多少，是否仍然有優(yōu)化空間；如果數(shù)據(jù)比原來更差，那又是什么原因?qū)е拢瑧?yīng)該具體分析，及時(shí)改正。

只有不斷的設(shè)想→實(shí)踐→驗(yàn)證→總結(jié)，你才能夠高效率的積累經(jīng)驗(yàn)，當(dāng)你的經(jīng)驗(yàn)越來越豐富，你的設(shè)計(jì)思路才會(huì)越來越清晰，越來越廣闊。

最后，希望以上分享可以幫到大家。

作者：我不能吃太酸

鏈接：https://www.zcool.com.cn/article/ZODE5Mjky.html
來源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。