當(dāng)產(chǎn)品即將上線的時(shí)候,我(原作者)就會(huì)變成一個(gè)完美主義者。每一個(gè)沒有對(duì)齊的元素或者是奇怪的交互都是我的眼中釘。還會(huì)有一打有瑕疵的實(shí)現(xiàn)排著隊(duì)嘲笑我。一切看起來都糟透了。
但是團(tuán)隊(duì)中的其他成員覺得產(chǎn)品看起來挺好的,基本的功能都有了。他們會(huì)問:“把這個(gè)按鈕移動(dòng)3px真的會(huì)讓我們的產(chǎn)品變得更好么?”或者爭(zhēng)辯:“上次我們修正了一個(gè)很小的設(shè)計(jì)bug,一點(diǎn)兒也沒覺得產(chǎn)品有什么變化?!苯又蠹揖烷_始想其他的創(chuàng)意,還有下個(gè)版本的功能點(diǎn)了。
如果你也跟我一樣,這種境遇真是超級(jí)讓人沮喪。作為一個(gè)設(shè)計(jì)師,我們有責(zé)任把控整個(gè)產(chǎn)品的質(zhì)量,盡管我們?cè)趫F(tuán)隊(duì)中很被動(dòng),我們可以設(shè)計(jì)出精美、有難度、超棒的細(xì)節(jié),卻不能實(shí)現(xiàn)、測(cè)試、讓它們上線。
怎樣才能讓工程師和產(chǎn)品同行們關(guān)心設(shè)計(jì),配合我們完成設(shè)計(jì)呢?我跟這個(gè)問題斗爭(zhēng)N次了,下面就是我目前學(xué)到的。
不為了設(shè)計(jì)而設(shè)計(jì)
設(shè)計(jì)師知道“夠用的”與“討喜的”之間的差距,這也是為什么我們總是糾結(jié)于細(xì)節(jié)。(littlebigdetails.com) 但是打造完美的細(xì)節(jié)跟做更多實(shí)用的功能之間總是需要權(quán)衡的:保證細(xì)節(jié)都完美往往意味著放慢節(jié)開發(fā)速度。
所以“這樣看起來更好”這樣的理由是不夠的。設(shè)計(jì)師需要提出充分的理由說服團(tuán)隊(duì)成員為什么要花時(shí)間去修正完成設(shè)計(jì)。
注重細(xì)節(jié)會(huì)增加用戶的信任度
用戶通過視覺設(shè)計(jì)、文案和交互來評(píng)判一個(gè)在線產(chǎn)品的可信度。如果相信用戶的信任度會(huì)影響到你的業(yè)務(wù),那么你就要重視起設(shè)計(jì)的細(xì)節(jié)。去查閱一些關(guān)于界面設(shè)計(jì)與用戶信任的關(guān)系的學(xué)術(shù)文章或者看看這個(gè)斯坦福的關(guān)于網(wǎng)站可信性的項(xiàng)目吧。
Mint, Square, and Simple?這三家在設(shè)計(jì)細(xì)節(jié)上做的都非常好,并贏得了用戶的信任。他們也都是剛剛起步的產(chǎn)品,但用戶很放心地使用它們存儲(chǔ)財(cái)務(wù)明細(xì)、進(jìn)行支付、保管賬戶。
注重細(xì)節(jié)會(huì)增加產(chǎn)品的可用性
每次看見MailChimp的logo都讓我會(huì)心一笑!不雜亂的Google首頁(yè)看起來非常舒服。Apple精致到每一像素的界面非常討人喜歡。他們都確保了設(shè)計(jì)細(xì)節(jié)的準(zhǔn)確度,并建立了一種正面的情緒,不過為什么這很重要呢?
在我們的大腦里,有一個(gè)奇怪大腦黑客 - 情緒狀態(tài)。思想受情緒狀態(tài)的影響非常大,感到挫敗或者高興會(huì)影響我們解決問題的方式。我心情不好的時(shí)候,面對(duì)一個(gè)讓我感到困惑的產(chǎn)品,狂點(diǎn)按鈕它卻不起作用。如此挫敗的情況下,就算我試著更努力的做同樣的事情,也不會(huì)幫助我完成目標(biāo)。
但當(dāng)我們心情不錯(cuò)的時(shí)候,用起界面來感覺就像玩了。世界對(duì)我們來說是一個(gè)迷宮,不是一場(chǎng)戰(zhàn)役,你看什么都順眼了。即使遇到讓我們困惑的問題,會(huì)更樂于嘗試探索并發(fā)現(xiàn)其他解決問題的方式。唐納德·諾曼的《情感化設(shè)計(jì)》對(duì)這方面進(jìn)行了專門的探討。當(dāng)然這里要說的重點(diǎn)是:優(yōu)秀的產(chǎn)品細(xì)節(jié)可以創(chuàng)造積極的情緒狀態(tài),讓產(chǎn)品更易于使用。
批量處理你的工作吧
如果你的產(chǎn)品有一大堆需要修正跟等待完成的問題,只改好其中一個(gè)并不能讓你或你的用戶覺得爽。這就跟填補(bǔ)一個(gè)坑并不會(huì)讓一條坑坑洼洼的路變平一樣,你根本察覺不到變化。
所以,竅門就是:一次性處理完所有的 UI bug 吧!如果你的團(tuán)隊(duì)也是定期找一天處理最近的bug,那也試著主持一個(gè)修正設(shè)計(jì)bug的日子。作為設(shè)計(jì)師,你需要提前把所有需要修正的問題統(tǒng)計(jì)成列表或者提交到bug跟蹤的平臺(tái),并且為bug們列好優(yōu)先級(jí)。
在bug清除計(jì)劃這天到來的時(shí)候,所有人都可以專注的把列表上的問題一個(gè)個(gè)搞定啦。當(dāng)然你不可能一次性解決所有的bug,這沒關(guān)系。不積跬步無以至千里,一天結(jié)束后,你們會(huì)發(fā)現(xiàn),產(chǎn)品已經(jīng)有很明顯的改進(jìn)了。這也會(huì)讓所有全對(duì)成員都覺得棒極了,也會(huì)讓大家在未來都更用心去改進(jìn)設(shè)計(jì)上的問題。
一點(diǎn)一點(diǎn)打磨
我第一次在創(chuàng)建產(chǎn)品功能點(diǎn)時(shí)嘗試去把控產(chǎn)品質(zhì)量的時(shí)候,我就搞砸了。事情的開始總是美好的:工程師跟我對(duì)設(shè)計(jì)達(dá)成了一致,然后我畫了原型圖給他,第二天他樂滋滋的給我看他寫完的程序,結(jié)果不忍直視,這哪里是我的設(shè)計(jì)啊!
我當(dāng)場(chǎng)就怒了,一邊抱怨一邊指出所有的錯(cuò)誤。這導(dǎo)致后面他就不愿意來問我的反饋了,實(shí)現(xiàn)的產(chǎn)品品質(zhì)進(jìn)一步變差,我就更沮喪了,典型的惡性循環(huán)。
后來,我逐漸認(rèn)識(shí)到,當(dāng)工程師覺得一個(gè)產(chǎn)品已經(jīng)完成了90%時(shí),在設(shè)計(jì)師眼里,可能只完成了10%。現(xiàn)在在產(chǎn)品功能實(shí)現(xiàn)完美之前,哪怕只有一點(diǎn)點(diǎn)用戶界面細(xì)節(jié)完成了,我就覺得很開心了。
當(dāng)工程師們?cè)趫?chǎng)的時(shí)候,我也嘗試去建立敏捷的反饋、修改機(jī)制。我會(huì)說:“等你檢查這個(gè)的時(shí)候拉上我?!边@樣一來我們就可以在這個(gè)過程中修正一些小的錯(cuò)誤。
避免不必要的定制化
在Photoshop里設(shè)計(jì)一個(gè)個(gè)性化的按鈕很簡(jiǎn)單 - 這只是我們看到的冰山一角。其實(shí)為了保證細(xì)節(jié)的完美是需要付出很多的,比如:除了正常的狀態(tài),還需要有按下、不可用的狀態(tài)、 防止在雙擊按鈕時(shí)按鈕上的文字高亮等等一些列可能會(huì)使用到的狀態(tài)。
我有常常會(huì)撞上冰山。比如,Ajax網(wǎng)頁(yè)比傳統(tǒng)的網(wǎng)頁(yè)需要花更多的時(shí)間;移動(dòng)端定制化的菜單比起原生的就需要花更多的時(shí)間。如果團(tuán)隊(duì)并沒有足夠的時(shí)間去打磨這些定制化的UI,使用原生控件也許是更好的選擇。
--------------------------------------------------------------
以上就是這幾年我在推進(jìn)設(shè)計(jì)細(xì)節(jié)的工作中學(xué)到的技巧。據(jù)我所知,每個(gè)團(tuán)隊(duì)的文化不一樣,他們對(duì)于設(shè)計(jì)品質(zhì)的態(tài)度也都不一樣。因此有些團(tuán)隊(duì)愿意花時(shí)間去把細(xì)節(jié)做的更好,有一些團(tuán)隊(duì)更傾向于先讓產(chǎn)品盡快上線。
不同的團(tuán)隊(duì)是如何創(chuàng)建自己關(guān)于品質(zhì)的標(biāo)準(zhǔn)的,我很感興趣。你是如何讓你的團(tuán)隊(duì)同意一些設(shè)計(jì)細(xì)節(jié)并花時(shí)間在改善設(shè)計(jì)細(xì)節(jié)上的呢?哪些對(duì)你來說是很管用的招?哪些沒用?我們可以一起來探討。
---------------------------------------------------------------
這篇文章原載于Design Staff,由Google Ventures所設(shè)計(jì)的關(guān)于創(chuàng)業(yè)的博客。