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

2024-10-14    資深UI設(shè)計(jì)者 設(shè)計(jì)思維

 

當(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)?,F(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)注明出處。

 

 

藍(lán)藍(lán)設(shè)計(jì)(sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。

WechatIMG27.jpg

關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司高端網(wǎng)站設(shè)計(jì)公司、銀行金融軟件UI界面設(shè)計(jì)能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

分享本文至:

日歷

鏈接

個(gè)人資料

存檔