UI丑,死的快
編輯導(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è),人力資源都是不夠的;也由此小步快跑、功能優(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)題不僅如此。
一、代表更多的細(xì)小問(wèn)題沒(méi)有處理
UI設(shè)計(jì)發(fā)展到現(xiàn)在,標(biāo)準(zhǔn)逐漸的穩(wěn)定,且現(xiàn)階段主流的UI都是手機(jī)這類的小屏幕,UI從設(shè)計(jì)層面的問(wèn)題相比前幾年會(huì)少很多;UI效果圖不一定都能達(dá)到精美,但是大部分的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ì)這張圖的理解是有差別的,所有人都能理解每一步都要是完整可用的產(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ì)有什么有反饋,也因此,根據(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ù)看了。
二、代表了設(shè)計(jì)在研發(fā)中跟進(jìn)的缺失
除卻功能層,在交互層,同樣不容小視。
大部分公司可能并沒(méi)有單獨(dú)的交互設(shè)計(jì)崗,UI設(shè)計(jì)師和交互有大量的強(qiáng)相關(guān)性工作,UI設(shè)計(jì)師在很大的程度上是需要補(bǔ)充交互設(shè)計(jì)師的職能或產(chǎn)品經(jīng)理在交互層的不足;在這種背景下,設(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í)成本。
這就像在商超的地下車庫(kù),上車啟動(dòng)引擎,然后轉(zhuǎn)頭看了半天沒(méi)有找到出口指示牌,你是不是一臉懵逼。
我曾經(jīng)看到過(guò)因?yàn)樽?cè)的時(shí)候,要求“密碼必須不少于8位,必須要包含數(shù)字和大小寫(xiě)字母”,但這個(gè)提示因?yàn)槌^(guò)一行,文字提示竟然截?cái)嗔耍晃遗笥衙艽a輸了三遍,三次提示錯(cuò)誤,自然放棄。
三、代表了產(chǎn)品內(nèi)驅(qū)的缺失
To C產(chǎn)品,很少有新用戶進(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)告中顯示,用戶卸載APP的原因,因不喜歡界面設(shè)計(jì)而卸載有42%的比例。
我們天生喜歡美女、帥哥,美丑問(wèn)題看起來(lái)很膚淺,但實(shí)際上看起來(lái)漂亮;除了天生麗質(zhì),更多的是精致的妝容、整潔的著裝、舒服的搭配;而這些都是在表面美丑下,更需要耗費(fèi)時(shí)間精力的東西。
美丑并不是一個(gè)單一的問(wèn)題,界面是產(chǎn)品各方面綜合結(jié)果的一個(gè)體現(xiàn);也許漂亮的界面并不一定是好產(chǎn)品,但界面太丑、粗糙,本質(zhì)上就是產(chǎn)品其他問(wèn)題在視覺(jué)層的直接或間接表現(xiàn)。
#專欄作家#
果子,微信公眾號(hào):果子有咋(微信號(hào)ID:gozeno01),人人都是產(chǎn)品經(jīng)理專欄作家。擅長(zhǎng)從習(xí)慣、行為和心理方向分析產(chǎn)品運(yùn)營(yíng),喜好思考方法論。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來(lái)自Unsplash,基于CC0協(xié)議
千人千面,你覺(jué)得好看的UI我可能覺(jué)得丑,你覺(jué)得丑的我可能覺(jué)得好看。這定義下的太絕對(duì)了吧
沒(méi)深度
我覺(jué)得MVP不能只是一個(gè)骨架子,而且現(xiàn)在的用戶對(duì)UI要求越來(lái)越高了,丑陋的UI基本體現(xiàn)出產(chǎn)品的質(zhì)量低下,讓用戶惡心退出……
哈哈,是啊,丑的ui讓人失去探索的欲望,滿臉的嫌棄啊,朋友的設(shè)計(jì)公司 bddo.cn 專門(mén)做設(shè)計(jì)的,產(chǎn)品體驗(yàn)設(shè)計(jì)搞得不錯(cuò)
這個(gè)設(shè)計(jì)公司的網(wǎng)站真丑
那你說(shuō)說(shuō)有哪些公司的網(wǎng)站設(shè)計(jì)的好?
講真的體驗(yàn)太差
支付寶掃碼比微信快是不是有點(diǎn)太個(gè)案了~