產(chǎn)品經(jīng)理UI丑,死的快

1、編輯導(dǎo)語(yǔ)：我們?cè)谄匠?huì)用到很多軟件，一個(gè)軟件的界面好不好看很大程度上影響了我們對(duì)它的喜愛(ài)程度；撇去功能不說(shuō)，好看的軟件打開(kāi)之后能讓用戶有賞心悅目的感覺(jué)；本文作者分享了關(guān)于 UI 設(shè)計(jì)的好看與否，我們一起來(lái)看一下。我一般下載一個(gè)APP,看到界面太丑或者太亂，天然的都不太想用下去。局座在點(diǎn)評(píng)F-35擊敗X-32,洛克希德 馬丁贏得戰(zhàn)斗機(jī)大單時(shí)，曾有名言： “一定要強(qiáng)調(diào)好看！好看的東西一般問(wèn)題都不大” 。顏值就是戰(zhàn)斗力 法國(guó)達(dá)索戰(zhàn)斗機(jī)公司的創(chuàng)始人達(dá)索也說(shuō)過(guò)幾乎相同的觀點(diǎn)： “漂亮的飛機(jī)就是好飛機(jī)” ，其實(shí)這句話對(duì)很多大部分互聯(lián)網(wǎng)產(chǎn)品同樣適用。做產(chǎn)品很久，我發(fā)現(xiàn)幾乎在任何企業(yè)，人力資源都是不夠的；也由

2、此小步快跑、功能優(yōu)先幾乎是初創(chuàng)產(chǎn)品研發(fā)時(shí)的共同選擇，但任何產(chǎn)品本身是一系列需求要素的綜合體。每一個(gè)環(huán)節(jié)的驗(yàn)收，都需要有一條標(biāo)準(zhǔn)線，相對(duì)于功能驗(yàn)收的確定性， UI最大的問(wèn)題在于 好不好看；好看到什么程度符合標(biāo)準(zhǔn)，沒(méi)有定性定量標(biāo)準(zhǔn)。因此，在人力資源受到擠壓的情況下，放低UI 的標(biāo)準(zhǔn)，給更多的時(shí)間于功能，是很多產(chǎn)品在研發(fā)過(guò)程中的選擇。從這個(gè)角度看好像沒(méi)問(wèn)題，畢竟 UI 好像只是好看不好看，功能更重要，但是實(shí)際深層的問(wèn)題不僅如此。UI 設(shè)計(jì)發(fā)展到現(xiàn)在，標(biāo)準(zhǔn)逐漸的穩(wěn)定，且現(xiàn)階段主流的 UI 都是手機(jī)這類的小屏幕， UI 從設(shè)計(jì)層面的問(wèn)題相比前幾年會(huì)少很多； UI 效果圖不一定都能達(dá)到精美，但是大部分的

3、UI 效果圖都是能達(dá)到舒服的程度。而哪怕是一張舒服UI 圖必定有大量的細(xì)節(jié)：控件的圓角弧度、投影的深度及透明度、留白的間隔、字體大小間距等等。但是當(dāng)開(kāi)發(fā)把UI 圖重構(gòu)成一張帶功能交互頁(yè)面時(shí)，它帶來(lái)的細(xì)節(jié)是N 倍的增加； UI 是明面上的東西，如果大家連基本的復(fù)刻 UI 眼睛可見(jiàn)的表面的 UI 效果都不達(dá)標(biāo)的話，那么意味著深層的會(huì)有更多隱形功能問(wèn)題，也就是我們項(xiàng)目中說(shuō)到的會(huì)遺留不少3 級(jí)、 4 級(jí) bug。人力在任何企業(yè)都是不夠的情況，也許大家并不是不愿意改這些 “小問(wèn)題” ，而是取舍，但這個(gè)取舍本身就有問(wèn)題。做產(chǎn)品我們經(jīng)常會(huì)說(shuō)到一張圖， MVP 迭代：但我發(fā)現(xiàn)不同的人對(duì)這張圖的理解是有差別的，

4、所有人都能理解每一步都要是完整可用的產(chǎn)品，不過(guò)不同的人在產(chǎn)品完整可用的完成度層面，理解卻不同；不少人覺(jué)得解決1、2級(jí)別功能性bug就行，先把產(chǎn)品推出去，這也算完整的產(chǎn)品，畢竟后面會(huì)一步步的修改。但是實(shí)際上大多數(shù)產(chǎn)品初次面世，面對(duì)的市場(chǎng)環(huán)境往往都是無(wú)知名度、無(wú)用戶；能引入一定量的用戶，在用戶并不了解產(chǎn)品的情況下，一個(gè)很小的問(wèn)題都可能成為放棄的理由，更何況留下的一般并不是一兩個(gè)3、4級(jí)bug,而是數(shù)十甚至上百。因?yàn)椴涣私?，我并不知道這個(gè)產(chǎn)品好在哪，一但某個(gè)位置卡殼，再加上小問(wèn)題眾多，在各大產(chǎn)品都在搶奪用戶時(shí)間的情況下，放棄使用是大概率事件。本來(lái)前期用戶就少，離開(kāi)的用戶往往不會(huì)有什么有反饋，也因此，

5、根據(jù)用戶反饋的優(yōu)化產(chǎn)品就變得困難；我看到不少企業(yè)，產(chǎn)品推出去幾個(gè)月，優(yōu)化需求還是來(lái)自于內(nèi)部的拍腦袋。最近使用支付寶支付的多了，我發(fā)現(xiàn)了支付寶的掃碼速度比微信的要稍快；就是這么一個(gè)小小的優(yōu)化，我后面一旦有排隊(duì)、人多、環(huán)境光線不太好的情況，我?guī)缀醪豢紤]微信支付，直接支付寶；而在此之前，我?guī)缀鹾苌俅蜷_(kāi)支付寶。用戶理解不了什么產(chǎn)品主流程，對(duì)他來(lái)說(shuō)，我下拉頁(yè)面，頁(yè)面報(bào)錯(cuò)沒(méi)有刷新出新數(shù)據(jù)，頁(yè)面加載時(shí)間太長(zhǎng)，那么就不太想繼續(xù)看了。除卻功能層，在交互層，同樣不容小視。大部分公司可能并沒(méi)有單獨(dú)的交互設(shè)計(jì)崗， UI 設(shè)計(jì)師和交互有大量的強(qiáng)相關(guān)性工作， UI 設(shè)計(jì)師在很大的程度上是需要補(bǔ)充交互設(shè)計(jì)師的職能或產(chǎn)品經(jīng)理

6、在交互層的不足；在這種背景下，設(shè)計(jì)師并不只是給原型圖上個(gè)色，當(dāng)成型UI效果差，代表的是UI 崗在項(xiàng)目中推動(dòng)力的缺失。當(dāng) UI 在整個(gè)項(xiàng)目中的推動(dòng)力有限，細(xì)致程度更高的交互，就更不容樂(lè)觀；各種小標(biāo)簽、各種狀態(tài)的變化、各種細(xì)小的提示，這些點(diǎn)看起來(lái)好像無(wú)足輕重，但是對(duì)于產(chǎn)品特別是新產(chǎn)品而言，為用戶不熟悉，本身就有學(xué)習(xí)成本。這就像在商超的地下車(chē)庫(kù)，上車(chē)啟動(dòng)引擎，然后轉(zhuǎn)頭看了半天沒(méi)有找到出口指示牌，你是不是一臉懵逼。我曾經(jīng)看到過(guò)因?yàn)樽?cè)的時(shí)候，要求 “密碼必須不少于8 位，必須要包含數(shù)字和大小寫(xiě)字母” ，但這個(gè)提示因?yàn)槌^(guò)一行，文字提示竟然截?cái)嗔耍晃遗笥衙艽a輸了三遍，三次提示錯(cuò)誤，自然放棄。To C 產(chǎn)

7、品，很少有新用戶進(jìn)入產(chǎn)品就直面功能的，往往有產(chǎn)品指引。競(jìng)爭(zhēng)環(huán)境的激烈，各產(chǎn)品本質(zhì)上就在和各大主流廠商搶奪注意力，但產(chǎn)品功能往往需要使用后才能體會(huì)好壞；所以撩動(dòng)用戶、引誘用戶嘗試使用功能是一個(gè)必然的要做的事情，因此To C 產(chǎn)品基本都帶有偏運(yùn)營(yíng)性、有強(qiáng)產(chǎn)品內(nèi)驅(qū)的內(nèi)容。也就是說(shuō)這需要設(shè)計(jì)師設(shè)計(jì)海報(bào)、banner；引導(dǎo)圖、引導(dǎo)提示之類的運(yùn)營(yíng)內(nèi)容，除此之外，讓產(chǎn)品界面整體更清晰，凸顯重點(diǎn)。在這個(gè)層面，我們說(shuō)的丑，往往是內(nèi)容雜亂，頁(yè)面無(wú)重點(diǎn)；一張圖里，有一條紅色提醒，用戶重點(diǎn)關(guān)注的就是這條紅色提醒；但當(dāng)有三條紅色提醒的時(shí)候，用戶就不知道該看哪里了。用戶看新產(chǎn)品首頁(yè)與看一張宣傳單頁(yè)并沒(méi)有什么區(qū)別，我們要很容易的識(shí)別出產(chǎn)品核心，找到自己感興趣的內(nèi)容，才能繼續(xù)后面的事項(xiàng)；單頁(yè)愿意翻過(guò)來(lái)看介紹細(xì)節(jié)，產(chǎn)品是愿意找到功能入口，使用起來(lái)。昔日羅永浩的子彈短信爆紅，我下載下來(lái)，打開(kāi)后我看了很久，完全看不出這個(gè)產(chǎn)品應(yīng)該咋用；子彈短信爆紅后的留存數(shù)據(jù)其實(shí)非常難看，現(xiàn)在沒(méi)聲了。海外的一項(xiàng)分析報(bào)告中顯示，用戶