編輯導(dǎo)語：設(shè)計(jì)師在與產(chǎn)品溝通的時(shí)候總會(huì)遇到一些問題，比如設(shè)計(jì)師對(duì)于功能的設(shè)計(jì)優(yōu)化想要更簡(jiǎn)潔，但是產(chǎn)品想要完整的設(shè)計(jì)稿，這時(shí)候設(shè)計(jì)師應(yīng)該如何調(diào)節(jié)和實(shí)施呢？本文作者分享了關(guān)于設(shè)計(jì)師對(duì)于此現(xiàn)象的分析，我們一起來了解一下。

不知道大家做設(shè)計(jì)的時(shí)候是不是經(jīng)常會(huì)遇到一種情況就是，當(dāng)我們想從簡(jiǎn)設(shè)計(jì)優(yōu)化信息層級(jí)的時(shí)候，產(chǎn)品們恨不得把所有的文案說明都加到設(shè)計(jì)稿里，類似一種老媽子怕娃吃不飽穿不暖的操心，就擔(dān)心用戶會(huì)看不懂，因?yàn)榭床欢δ芏ニ麄冏钪匾狞c(diǎn)擊率和kpi。

其實(shí)這種主觀擔(dān)憂有時(shí)雖無數(shù)據(jù)支撐，但是作為一個(gè)深入了解用戶的設(shè)計(jì)師還是可以理解的，因?yàn)橛行┯脩羧后w確實(shí)額那個(gè)啥，對(duì)智能設(shè)備和新興事物不是很了解，所以有些我們主觀覺得他們能懂的設(shè)計(jì)，他們還真就是不那么懂。

但是很顯然如果我們對(duì)產(chǎn)品這種“老媽子式擔(dān)憂”不加以轉(zhuǎn)化控制的話，整個(gè)UI出來就會(huì)因?yàn)樾畔⑦^載而顯得非常臃腫。

所以我們除了用A、B 測(cè)試的方式獲取實(shí)際用戶數(shù)據(jù)來衡量是否可以對(duì)設(shè)計(jì)降噪以外，也可以嘗試“絞盡腦汁”去想一個(gè)方案達(dá)到兩者平衡。而至于為什么我推薦大家還是努力“絞盡腦汁”，因?yàn)閷?shí)際項(xiàng)目開發(fā)中根本沒有那么多資源來讓你搞A/B。

這里我們來看第一個(gè)案例：

這是一個(gè)社交類群聊頁面改版前的列表樣式。

先撇開其他的信息分布問題和視覺優(yōu)化，我們單純的關(guān)注下右邊的按鈕。

產(chǎn)品使用這個(gè)按鈕的初衷是為了讓用戶通過這個(gè)按鈕點(diǎn)擊去參與群聊。所以產(chǎn)品角度理解就是這個(gè)按鈕越明顯越好，越直白越好。

所以這個(gè)按鈕對(duì)于產(chǎn)品來說是非常OK的，但是對(duì)于有職業(yè)操守的我們來說，可能就不是那么OK了。

1）是因?yàn)樗囊龑?dǎo)性并不一定就最強(qiáng)，因?yàn)闊o法一眼識(shí)別（文字比圖形的識(shí)別速度永遠(yuǎn)是慢的）。舉個(gè)有點(diǎn)味道的例子昂：大家回憶下是不是90%的公廁都會(huì)貼個(gè)超大的性別圖標(biāo)，而不是只寫3個(gè)大字“男廁所”or“女廁所”？

2）這種樣式帶來的信息量相對(duì)較大，鋪開來看列表全局的時(shí)候就容易出現(xiàn)信息過載帶來的信息干擾。

那么作為niubility的設(shè)計(jì)師，在改版的時(shí)候我們的首選肯定是要對(duì)信息進(jìn)行降噪，也就是說視覺表達(dá)簡(jiǎn)化、符號(hào)化。

那么我們就獲得了以下的幾個(gè)方案：

but轉(zhuǎn)念一想就猜到了，產(chǎn)品接下來要說的話，“能不能把這個(gè)圖標(biāo)改回加入聊天四個(gè)字，不然用戶可能看不懂”。所以又有了下面的設(shè)計(jì)方案：

右側(cè)短文案可以自定義，輔助理解。

這樣一來的話可以通過符號(hào)化的視覺提升引導(dǎo)效率，也可以用短輔助信息來輔助用戶理解，同時(shí)轉(zhuǎn)線為面，減少視覺模塊的分散與割裂感。

最后來看上加上左側(cè)信息優(yōu)化的整體效果對(duì)比圖。

然后，我們?cè)倏匆粋€(gè)案例。

一個(gè)社交類產(chǎn)品改版前的首頁列表樣式，先撇開別的，我們重點(diǎn)關(guān)注下“已認(rèn)證”和“在線”標(biāo)簽的視覺樣式。

這里的標(biāo)簽存在2個(gè)問題：

• 占用了名字行比較大的空間，如果之后再拓展標(biāo)簽形式，就放不下任何別的標(biāo)簽了。
• 信息過載，要用戶閱讀的文字信息過多，影響識(shí)別效率。

所以如果按照最簡(jiǎn)化的邏輯，我們完全可以把在線和已認(rèn)證完全符號(hào)化達(dá)到一舉兩得的效果，很多app也確實(shí)都是這么做的。

但回歸到特定的用戶群，普通的信息簡(jiǎn)化表達(dá)無法滿足的情況下我們還可以通過哪些方式提升這些標(biāo)簽的說明和存在感呢？

• 可以通過簡(jiǎn)化文案、甚至更換文案都提升表意同時(shí)減少占用空間；
• 變換布局與位置來重組信息結(jié)構(gòu)，提升存在感與理解；
• 增加新手引導(dǎo)浮層來進(jìn)行強(qiáng)制說明。

接下來來看下整體列表優(yōu)化后的效果：

而這里“已認(rèn)證”其實(shí)想表達(dá)的就是這個(gè)用戶是真實(shí)的人，認(rèn)證過照片和本人的匹配度的那種，所以我們可以通過變化文案和位置來更好的進(jìn)行視覺說明，另外也空出了名字旁的位置留給未來更多的權(quán)益標(biāo)簽比如會(huì)員和貴族等。

在線的綠點(diǎn)可以通過調(diào)整整體大小和位置提升存在感的同時(shí)不占用重要的一級(jí)信息位置，如果還有表意不明確的顧慮可以采用和“搭訕”按鈕一樣的引導(dǎo)模式進(jìn)行新手引導(dǎo)。

以上就是今天實(shí)戰(zhàn)小case的內(nèi)容，希望對(duì)各位能有億點(diǎn)點(diǎn)幫助~

#專欄作家#

柒爺，微信公眾號(hào)：Nana的設(shè)計(jì)錦囊，人人都是產(chǎn)品經(jīng)理專欄作家。云音樂資深設(shè)計(jì)師，關(guān)注交互、UI設(shè)計(jì)和社交直播。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議