為什么你做的UX設(shè)計好看且無用
發(fā)布時間:2022-01-19 10:22 [ 我要自學網(wǎng)原創(chuàng) ] 發(fā)布人: hh71427-2 閱讀: 3113

實現(xiàn)「好看且無用」的幾個方式

1. 只專注于眼前的畫面:忽視屏效的雜志風設(shè)計

在開始設(shè)計的一刻先忘掉用戶來這個界面干啥子,又要從這個界面去哪里。腦子里盤繞著產(chǎn)品or運營給的文案,開始集中精力構(gòu)思一個牛bility的畫面。要讓界面顯得高級且美觀,那必然不能在界面里堆放滿各種產(chǎn)品運營強加的元素,所以第一步就是把它們能去掉的都去掉,比如像這樣:

為什么你會做好看且無用的UX設(shè)計?

這個時候刪的內(nèi)容有點多了,內(nèi)心有點過意不去怎么辦,沒有關(guān)系,你可以安慰自己這些促銷算法類的功能用戶也不喜歡。

刪完這些「用戶不喜歡的元素」之后發(fā)現(xiàn)這樣的設(shè)計依然沒有達到我們想要的效果,如何讓高級感升級呢?可以嘗試下平面設(shè)計里常用到的雜志風設(shè)計——不吝嗇畫布的留白,以及超級突出的主體內(nèi)容,比如像這樣:

為什么你會做好看且無用的UX設(shè)計?

界面設(shè)計成這樣,基本就會有一些「不懂欣賞」的產(chǎn)品找你的麻煩,他們會說:「這個頁面太空,用戶找不到自己想要的內(nèi)容,一屏往下滑不少才能看到其他重要信息!箾]有關(guān)系,你可以安慰自己,畢竟我們極致好看。

2. 參照自己的行為路徑:忽視漏斗的無限拆分

雖然我們在設(shè)計時除了好看已經(jīng)啥也不考慮了,但也會遇到棘手的事情。比如這個界面的信息實在是太多了,產(chǎn)品拼了命也不讓你刪除內(nèi)容,那么為了堅持做好看的界面我們開始轉(zhuǎn)起了小腦瓜。如果不讓去掉內(nèi)容,是不是把內(nèi)容拆分成幾個步驟頁面就可以簡化界面了?比如像這樣:

為什么你會做好看且無用的UX設(shè)計?

嘿!確實美麗很多,還似乎一不小心提升了易用性。

正在我們被自己的才華所傾倒時,「不懂欣賞」的產(chǎn)品們又來和我們嘮叨數(shù)據(jù)了:「這個頁面分拆步驟后我們看了數(shù)據(jù)不太好,所有的點擊和跳頁對用戶來說是需要決策的,每個步驟頁面都會流失掉一部分用戶。」沒有關(guān)系,你可以安慰自己,沒有流失的那一部分用戶一定覺得優(yōu)化過的界面好看又好用。

備注:這個case具有兩面性,某種程度加上進度條的拆分確實是有利于數(shù)據(jù)變好看的,這個大家慎重把握~比如上面的case我們還可以稍微少拆一點。比如這樣:

為什么你會做好看且無用的UX設(shè)計?

3. 復刻見過的高級設(shè)計:忽視記憶點的撞臉設(shè)計

平時大家在做設(shè)計前一定沒有少看各種參考,可能是各種平臺上的作品,也可能是自己eagle庫里的素材,也或者是自己產(chǎn)品的競對產(chǎn)品,應(yīng)該是能看的都看了。所以拼湊了各種覺得高級的排版和元素,不自覺的沿用了不少競對中的設(shè)計形式。

比如設(shè)計一個社交內(nèi)容類的app,一個好看的界面設(shè)計分分鐘就可以搞定,比如像這樣(以下圖片來自真實app設(shè)計,木有任何針對):

為什么你會做好看且無用的UX設(shè)計?

再比如設(shè)計一個電商社區(qū)類的app,我們也可以分分鐘搞定一個好看的界面設(shè)計,比如像這樣:

為什么你會做好看且無用的UX設(shè)計?

接下來不用產(chǎn)品們來找,可能咱們自己就發(fā)現(xiàn)了一個問題:app們突然都有一種從韓國回來的感覺——「整的有點像」。設(shè)計雖高級,卻過目就忘,連設(shè)計師自己都一眼分辨自家的app和別人家app,用戶更是對整個產(chǎn)品的品牌一無感知。

通常老板們這個時候就會站出來說:「沒有設(shè)計記憶點,用戶記不住,設(shè)計失去了重要的商業(yè)價值——品牌心智,把頭部顏色改一改先!沟珱]有關(guān)系,你可以安慰自己,一般業(yè)務(wù)不會閑到去做用戶對品牌記憶點的定性調(diào)研,這沒有證據(jù)的鍋咱不背。

關(guān)于設(shè)計價值觀的幾點小想法

1. 打輔助的「油茶」設(shè)計

最近需求不多在沉淀作品集的內(nèi)容,做完了一版就給我們大哥過目了一下。

為什么你會做好看且無用的UX設(shè)計?

這是我自我感覺良好排版的創(chuàng)新盒子展示圖,留白,高級感,質(zhì)感該有的都有,在座應(yīng)該沒有覺著丑的吧(拒絕接受任何反駁)。

本來自我感覺還挺良好的一些設(shè)計,被大哥問了一句話:「你這些小圖都很漂亮,然后呢?除了漂亮還有什么價值嚒?」,啊——瞬間蔫吧。

之后我醞釀了很久,憤怒的全部重新改了一遍,這次加了很多東西,看上去是沒有之前的高級了。它們長這樣:

為什么你會做好看且無用的UX設(shè)計?

為什么你會做好看且無用的UX設(shè)計?

但這個看上去并不算極致高級的排版,確實是能體現(xiàn)出它除了好看以外對業(yè)務(wù)的創(chuàng)新價值,也確實對實際的面試更有幫助。所以突然有了一些對于設(shè)計價值觀的一些想法。

應(yīng)該在座很多都玩過類似王者的5V5游戲吧,其實我一直都覺著「油茶」設(shè)計這個職責很像輔助位。遭人唾棄的輔助位不是因為它真的就雞肋,而是因為很多人把它玩的很雞肋。

在高段位的pk里,輔助往往能呈現(xiàn)更大的價值,同理在互聯(lián)網(wǎng)圈里,量級越大的成熟產(chǎn)品越能體現(xiàn)「油茶」的價值。原因也很簡單,解決溫飽才有上層建筑,有基礎(chǔ)流量才談體驗,不然連做可用性測試和調(diào)研的資源和意義都沒有,這也是為什么很多設(shè)計師只關(guān)注「美」就足夠了。

「好看」的設(shè)計價值

現(xiàn)在很多公號都在教大家畫ui,變美麗,變高級,大家也都很喜歡看,因為一點都不復雜,比起討人厭的產(chǎn)品、數(shù)據(jù)類商業(yè)策略香多了。我在之前的公號文章里也是這樣建議大家的,在工作前兩年多專注視覺的基本功提升,不要迷茫于用戶體驗五要素的頂上3層。

但是最近幫一個弟弟看完抖音的面試題,我有點改觀了。(具體題目這里就不劇透了)一個剛畢業(yè)1年的小屁孩的面試題,我和大哥看完楞了1分鐘。

為什么你會做好看且無用的UX設(shè)計?

這個題目基本集結(jié)了對直播類產(chǎn)品、運營知識點、以及對抖音業(yè)務(wù)的了解,最終輸出一個完整的設(shè)計方案。所以「好看」在這個賽段的設(shè)計價值,可能就僅僅只是其中很小的一環(huán),就像用戶體驗的度量指標一樣,用戶的愉悅性僅僅只是其中的一項指標。有的體系的公司看重這一項指標,有的公司則不那么看重,比如某橙色軟件和藍色軟件所在的公司,原因也和主打的產(chǎn)品性質(zhì)有關(guān)。

當然這里也不是讓大家全部努力轉(zhuǎn)型全能人才,突出某項的能力(ui視覺/邏輯交互/調(diào)研分析/動效…)才有自己的設(shè)計師標簽,也可以很好的迎合大UED團隊的人才缺漏。但想要像螞蟻金服上市一分1000w+的成就達成還是要努力填補盲區(qū),構(gòu)建更高維的設(shè)計價值觀。

小結(jié)

我知道大家不可能真的企圖做好看且無用的設(shè)計,只是有時候設(shè)計起來忘記了很多設(shè)計的其他價值點,專注在自己的思維路徑和構(gòu)想畫面里。

每個人對于設(shè)計思路的思考方式不同,但大體通用的都有一個,就是每設(shè)計一個元素都問下自己它存在的意義是什么?除了好看,你就能挖掘更多「油茶」設(shè)計的意義與價值~~

文章評論
0 條評論 按熱度排序 按時間排序 /350
添加表情
遵守中華人民共和國的各項道德法規(guī),
承擔因您的行為而導致的法律責任,
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計 室內(nèi)設(shè)計 室外設(shè)計 機械設(shè)計 工業(yè)自動化 影視動畫 程序開發(fā) 網(wǎng)頁設(shè)計 會計課程 興趣成長 AIGC