推動(dòng)設(shè)計(jì)改版的正確姿勢(shì)

0 評(píng)論 4865 瀏覽 42 收藏 11 分鐘

在改版設(shè)計(jì)中,總會(huì)被產(chǎn)品、領(lǐng)導(dǎo)、老板指著說(shuō)這里不好,那里不行,甚至于有時(shí)候沒有意見,但還是認(rèn)為這版不行。面對(duì)這樣頭疼的情況,該怎么做?作者分享了他的解決思路:先找的問(wèn)題的本質(zhì),再尋找解決方法。

  • “我覺得這樣有點(diǎn)奇怪”
  • “我覺得這樣不好看”
  • “感覺點(diǎn)擊感不夠強(qiáng)”
  • “不不不,這跟競(jìng)品太像了,我們要差異化”

想必對(duì)于視覺設(shè)計(jì)師來(lái)說(shuō),最頭疼的事情莫過(guò)于負(fù)責(zé)視覺改版被產(chǎn)品、老板反復(fù)提意見修改,甚至沒有意見,單純覺得不好看,最終一直在設(shè)計(jì)層面思考問(wèn)題,鉆進(jìn)死胡同…

那么想要解決問(wèn)題,就要了解問(wèn)題的本質(zhì)。

一、為什么會(huì)這樣?

1. 視覺的主觀性

汝之蜜糖,彼之砒霜,有人喜歡蘿莉,有人喜歡御姐…

每個(gè)人由于先天以及后天的影響審美都參差不齊,每個(gè)人都可以對(duì)視覺作品表達(dá)自己的觀點(diǎn)和意見,這就導(dǎo)致問(wèn)題越來(lái)越多。

2. 目標(biāo)感弱

在設(shè)計(jì)執(zhí)行前,設(shè)計(jì)師沒有對(duì)產(chǎn)品和需求和目標(biāo)進(jìn)行拆解,得出明確的設(shè)計(jì)目標(biāo),所以導(dǎo)致后面的設(shè)計(jì)沒有一直緊貼目標(biāo)去執(zhí)行,沒有了衡量的標(biāo)準(zhǔn),產(chǎn)出的東西未能與目標(biāo)對(duì)齊就如空中樓閣站不住腳。

3. 不熟悉業(yè)務(wù)

很多設(shè)計(jì)師在說(shuō)明自己的設(shè)計(jì)方案時(shí),總是停留于表現(xiàn)層層面,這個(gè)圓角更舒服,這個(gè)毛玻璃更符合設(shè)計(jì)趨勢(shì),這個(gè)配色更年輕…而對(duì)于業(yè)務(wù)只停留在單方面的理解,缺乏全局的系統(tǒng)思考,因此表達(dá)換來(lái)的往往是更多的質(zhì)疑。

二、怎么解決?

1. 明確需求

商業(yè)的最終目標(biāo)一定是實(shí)現(xiàn)利益最大化。視覺改版也是如此,每一次改版所耗費(fèi)的人力物力都不小。那么當(dāng)需要改版的時(shí)候,必然是產(chǎn)品出現(xiàn)什么問(wèn)題需要進(jìn)行優(yōu)化,且這個(gè)問(wèn)題是有價(jià)值的,視覺改版不是為了改而改,而是真正能解決業(yè)務(wù)有價(jià)值的問(wèn)題。因此,明確產(chǎn)品現(xiàn)有問(wèn)題是所有改版的切入點(diǎn)!

所以在需求分析階段,UI設(shè)計(jì)師最重要的是挖掘出需求背后的真正訴求,需求方提出的需求往往可能是站在他的角度提出的一種解決方案并不是他最原始的訴求。

舉個(gè)例子:

某產(chǎn)品后續(xù)的規(guī)劃是希望用戶更關(guān)注UGC內(nèi)容,所以把工具的入口放置于比較深入的入口,因此也收到很多用戶反饋找不到工具的入口的負(fù)面評(píng)價(jià)。

產(chǎn)品提出的解決方案就是希望在tab欄增加一個(gè)提示,告知用戶工具移動(dòng)到發(fā)現(xiàn)頁(yè)了。

但這個(gè)提示本身太弱,可能在用戶更新后的首次登陸會(huì)展示之后就不會(huì)再出現(xiàn),很難從根源上解決問(wèn)題。那么就需要設(shè)計(jì)師去深入去挖掘問(wèn)題背后的產(chǎn)品需求和用戶需求。

首先表面上是用戶找不到入口,本質(zhì)是用戶對(duì)工具類的依賴度依然較高,入口過(guò)于深入不方便使用,而產(chǎn)品的訴求則是希望讓工具類不要占用過(guò)多的核心頁(yè)面,讓用戶更多去瀏覽社區(qū)的內(nèi)容,因此可以把用戶常用的功能常駐在頭部游戲分析信息模塊(如圖所示),對(duì)用戶需求和產(chǎn)品需求進(jìn)行平衡。

但還沒完,這時(shí)候產(chǎn)品覺得工具模塊占用了頁(yè)面比較多的空間,導(dǎo)致下方內(nèi)容的展示空間變少了,所以這時(shí)候就需要思考是否可以讓工具模塊不需要的時(shí)候可以收起來(lái),騰出空間給下方的內(nèi)容,于是就有了下面的方案:

總結(jié)一下這里核心的要點(diǎn),就是要了解需求方本質(zhì)的訴求,拔高一兩個(gè)維度去看問(wèn)題,跳出表層訴求,去尋找更多的解決方案,多溝通,引導(dǎo)他們說(shuō)出需求背后真正的想法,而不是被他們牽著鼻子走。

這里有個(gè)方法結(jié)構(gòu)化地去拆解需求,搞明白這幾個(gè)問(wèn)題,才能進(jìn)行后續(xù)的操作。

2. 對(duì)齊設(shè)計(jì)目標(biāo)

在明確了產(chǎn)品的現(xiàn)有問(wèn)題之后,需要從需求方的目標(biāo)中拆解出設(shè)計(jì)的目標(biāo)并對(duì)齊。這一步的主要目的是建立衡量指標(biāo),設(shè)計(jì)師在設(shè)計(jì)過(guò)程中要牢牢扣住設(shè)計(jì)目標(biāo),設(shè)計(jì)任何元素大到交互框架,小到圓角間距,都要問(wèn)自己,這樣設(shè)計(jì)是否能達(dá)成設(shè)計(jì)目標(biāo),是不是設(shè)計(jì)自嗨?因此當(dāng)你的設(shè)計(jì)從全局到細(xì)節(jié)都是對(duì)標(biāo)需求方的目標(biāo)的時(shí)候,你的設(shè)計(jì)方案將更有說(shuō)服力。

舉個(gè)例子:

比如百度貼吧這里的點(diǎn)擊定制首頁(yè)這里的產(chǎn)品目標(biāo)是引導(dǎo)用戶選擇感興趣的內(nèi)容,將內(nèi)容更精確地推送給用戶,那么為什么不在用戶進(jìn)入app時(shí)就彈出內(nèi)容選擇頁(yè)呢,這是因?yàn)閷?duì)用戶的干擾比較大,容易引起負(fù)面情緒,所以一般出現(xiàn)在新用戶或者,首次登陸的情況。同時(shí)這個(gè)功能優(yōu)先級(jí)并不高,因此讓用戶自主選擇是否定制首頁(yè)的功能更為合理。那么在這里拆解下來(lái)的設(shè)計(jì)目標(biāo)就非常清晰了:

  • 用戶能感知到這是一個(gè)可以定制首頁(yè)的功能
  • 盡量減少對(duì)用戶的干擾,用戶可以自主選擇是否定制,可以隱藏掉該功能
  • 延續(xù)現(xiàn)有的設(shè)計(jì)語(yǔ)言,保持風(fēng)格統(tǒng)一性

所以最終貼吧使用的形式就是采用跟其他帖子的形式統(tǒng)一的卡片,讓用戶感知到這個(gè)東西跟帖子有關(guān)系,通過(guò)“+”號(hào)以及說(shuō)明文案告訴用戶這是對(duì)首頁(yè)進(jìn)行定制的功能,同時(shí)使用app的主色告知用戶這是可點(diǎn)的,以及關(guān)閉按鈕讓用戶可以選擇隱藏掉該功能…

(對(duì),以上都是我編的)

所以這個(gè)就是緊扣設(shè)計(jì)目標(biāo)去落地設(shè)計(jì)的方法。

換作是從純視覺角度去分析,可能就是這種場(chǎng)景:使用圓角的設(shè)計(jì)讓模塊更加地圓潤(rùn)有親和力,使用線性icon加外圈使圖標(biāo)的視覺不會(huì)太重balabal….(把寒氣傳遞給每個(gè)人)

3. 向前一步:熟悉業(yè)務(wù)

設(shè)計(jì)師其實(shí)容易陷入一個(gè)怪圈,總是認(rèn)為做出好看酷炫的設(shè)計(jì)就是好的設(shè)計(jì),因而缺少對(duì)業(yè)務(wù)本身的關(guān)注,做的東西不能解決業(yè)務(wù)的東西,得不到同事或上級(jí)的認(rèn)可,又繼續(xù)跑去練自己認(rèn)為好看的設(shè)計(jì),但事實(shí)上能夠解決業(yè)務(wù)需求的設(shè)計(jì)才是真正好的設(shè)計(jì)。

那么設(shè)計(jì)師想要讓自己的設(shè)計(jì)更具備說(shuō)服力,最核心的要素就是熟悉業(yè)務(wù),特別是B端設(shè)計(jì)師。熟悉業(yè)務(wù)比較好的方法就是對(duì)產(chǎn)品進(jìn)行體驗(yàn)走查。設(shè)計(jì)師需要對(duì)不同層級(jí)的用戶進(jìn)行體驗(yàn)走查,可以用體驗(yàn)地圖對(duì)主流程和分支流程的體驗(yàn)感受進(jìn)行記錄,分析數(shù)據(jù)漏斗,并提出優(yōu)化方案。同時(shí)要多把玩同類競(jìng)品,觀察競(jìng)品有哪些設(shè)計(jì)值得借鑒和參考。

平時(shí)也要多跟產(chǎn)品和老板接觸,了解后面近期的一些業(yè)務(wù)走向,設(shè)計(jì)師往前一步跟產(chǎn)品同學(xué)一起搞需求,中小廠的沒有交互設(shè)計(jì)師的情況下,建議UI設(shè)計(jì)師可以讓產(chǎn)品把交互部分交給自己來(lái)負(fù)責(zé)。在確認(rèn)需求list后,由產(chǎn)品主導(dǎo),確定該做啥,不該做啥,剩下交互和視覺的部分就交由UI同學(xué)來(lái)解決。當(dāng)設(shè)計(jì)師對(duì)于業(yè)務(wù)情況以及后續(xù)規(guī)劃了如指掌時(shí),內(nèi)心會(huì)更加有底氣,同時(shí)在這過(guò)程中也與業(yè)務(wù)的同學(xué)建立了默契感。

總結(jié)

以上就是我目前對(duì)如何正確推動(dòng)視覺改版的一些理解。首先,需要明確業(yè)務(wù)的本質(zhì)需求,抓住問(wèn)題的根源,其次是要對(duì)齊設(shè)計(jì)設(shè)計(jì)目標(biāo)(建立可衡量的標(biāo)準(zhǔn)),最后是要熟悉業(yè)務(wù),對(duì)業(yè)務(wù)的現(xiàn)狀以及未來(lái)發(fā)展規(guī)劃保持敏感度,與業(yè)務(wù)同學(xué)搞好關(guān)系,那么你推進(jìn)設(shè)計(jì)方案的效率,一定會(huì)提升。

如果覺得有幫助記得點(diǎn)個(gè)贊哦~

本文由 @坡安Chris 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載

題圖來(lái)自Unsplash,基于CC0協(xié)議

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!