為什么你需要將這個按鈕向左移動3像素

0 評論 3156 瀏覽 0 收藏 9 分鐘

當產(chǎn)品即將上線的時候,我(原作者)就會變成一個完美主義者。每一個沒有對齊的元素或者是奇怪的交互都是我的眼中釘。還會有一打有瑕疵的實現(xiàn)排著隊嘲笑我。一切看起來都糟透了。

但是團隊中的其他成員覺得產(chǎn)品看起來挺好的,基本的功能都有了。他們會問:“把這個按鈕移動3px真的會讓我們的產(chǎn)品變得更好么?”或者爭辯:“上次我們修正了一個很小的設(shè)計bug,一點兒也沒覺得產(chǎn)品有什么變化?!苯又蠹揖烷_始想其他的創(chuàng)意,還有下個版本的功能點了。

如果你也跟我一樣,這種境遇真是超級讓人沮喪。作為一個設(shè)計師,我們有責任把控整個產(chǎn)品的質(zhì)量,盡管我們在團隊中很被動,我們可以設(shè)計出精美、有難度、超棒的細節(jié),卻不能實現(xiàn)、測試、讓它們上線。

怎樣才能讓工程師和產(chǎn)品同行們關(guān)心設(shè)計,配合我們完成設(shè)計呢?我跟這個問題斗爭N次了,下面就是我目前學到的。

不為了設(shè)計而設(shè)計

設(shè)計師知道“夠用的”與“討喜的”之間的差距,這也是為什么我們總是糾結(jié)于細節(jié)。(littlebigdetails.com) 但是打造完美的細節(jié)跟做更多實用的功能之間總是需要權(quán)衡的:保證細節(jié)都完美往往意味著放慢節(jié)開發(fā)速度。

所以“這樣看起來更好”這樣的理由是不夠的。設(shè)計師需要提出充分的理由說服團隊成員為什么要花時間去修正完成設(shè)計。

注重細節(jié)會增加用戶的信任度

用戶通過視覺設(shè)計、文案和交互來評判一個在線產(chǎn)品的可信度。如果相信用戶的信任度會影響到你的業(yè)務,那么你就要重視起設(shè)計的細節(jié)。去查閱一些關(guān)于界面設(shè)計與用戶信任的關(guān)系的學術(shù)文章或者看看這個斯坦福的關(guān)于網(wǎng)站可信性的項目吧。

Mint,?Square, and?Simple?這三家在設(shè)計細節(jié)上做的都非常好,并贏得了用戶的信任。他們也都是剛剛起步的產(chǎn)品,但用戶很放心地使用它們存儲財務明細、進行支付、保管賬戶。

注重細節(jié)會增加產(chǎn)品的可用性

每次看見MailChimp的logo都讓我會心一笑!不雜亂的Google首頁看起來非常舒服。Apple精致到每一像素的界面非常討人喜歡。他們都確保了設(shè)計細節(jié)的準確度,并建立了一種正面的情緒,不過為什么這很重要呢?

在我們的大腦里,有一個奇怪大腦黑客 – 情緒狀態(tài)。思想受情緒狀態(tài)的影響非常大,感到挫敗或者高興會影響我們解決問題的方式。我心情不好的時候,面對一個讓我感到困惑的產(chǎn)品,狂點按鈕它卻不起作用。如此挫敗的情況下,就算我試著更努力的做同樣的事情,也不會幫助我完成目標。

但當我們心情不錯的時候,用起界面來感覺就像玩了。世界對我們來說是一個迷宮,不是一場戰(zhàn)役,你看什么都順眼了。即使遇到讓我們困惑的問題,會更樂于嘗試探索并發(fā)現(xiàn)其他解決問題的方式。唐納德·諾曼的《情感化設(shè)計》對這方面進行了專門的探討。當然這里要說的重點是:優(yōu)秀的產(chǎn)品細節(jié)可以創(chuàng)造積極的情緒狀態(tài),讓產(chǎn)品更易于使用。

批量處理你的工作吧

如果你的產(chǎn)品有一大堆需要修正跟等待完成的問題,只改好其中一個并不能讓你或你的用戶覺得爽。這就跟填補一個坑并不會讓一條坑坑洼洼的路變平一樣,你根本察覺不到變化。

所以,竅門就是:一次性處理完所有的 UI bug 吧!如果你的團隊也是定期找一天處理最近的bug,那也試著主持一個修正設(shè)計bug的日子。作為設(shè)計師,你需要提前把所有需要修正的問題統(tǒng)計成列表或者提交到bug跟蹤的平臺,并且為bug們列好優(yōu)先級。

在bug清除計劃這天到來的時候,所有人都可以專注的把列表上的問題一個個搞定啦。當然你不可能一次性解決所有的bug,這沒關(guān)系。不積跬步無以至千里,一天結(jié)束后,你們會發(fā)現(xiàn),產(chǎn)品已經(jīng)有很明顯的改進了。這也會讓所有全對成員都覺得棒極了,也會讓大家在未來都更用心去改進設(shè)計上的問題。

一點一點打磨

我第一次在創(chuàng)建產(chǎn)品功能點時嘗試去把控產(chǎn)品質(zhì)量的時候,我就搞砸了。事情的開始總是美好的:工程師跟我對設(shè)計達成了一致,然后我畫了原型圖給他,第二天他樂滋滋的給我看他寫完的程序,結(jié)果不忍直視,這哪里是我的設(shè)計??!

我當場就怒了,一邊抱怨一邊指出所有的錯誤。這導致后面他就不愿意來問我的反饋了,實現(xiàn)的產(chǎn)品品質(zhì)進一步變差,我就更沮喪了,典型的惡性循環(huán)。

后來,我逐漸認識到,當工程師覺得一個產(chǎn)品已經(jīng)完成了90%時,在設(shè)計師眼里,可能只完成了10%。現(xiàn)在在產(chǎn)品功能實現(xiàn)完美之前,哪怕只有一點點用戶界面細節(jié)完成了,我就覺得很開心了。

當工程師們在場的時候,我也嘗試去建立敏捷的反饋、修改機制。我會說:“等你檢查這個的時候拉上我?!边@樣一來我們就可以在這個過程中修正一些小的錯誤。

避免不必要的定制化

在Photoshop里設(shè)計一個個性化的按鈕很簡單 – 這只是我們看到的冰山一角。其實為了保證細節(jié)的完美是需要付出很多的,比如:除了正常的狀態(tài),還需要有按下、不可用的狀態(tài)、 防止在雙擊按鈕時按鈕上的文字高亮等等一些列可能會使用到的狀態(tài)。

我有常常會撞上冰山。比如,Ajax網(wǎng)頁比傳統(tǒng)的網(wǎng)頁需要花更多的時間;移動端定制化的菜單比起原生的就需要花更多的時間。如果團隊并沒有足夠的時間去打磨這些定制化的UI,使用原生控件也許是更好的選擇。

————————————————————–

以上就是這幾年我在推進設(shè)計細節(jié)的工作中學到的技巧。據(jù)我所知,每個團隊的文化不一樣,他們對于設(shè)計品質(zhì)的態(tài)度也都不一樣。因此有些團隊愿意花時間去把細節(jié)做的更好,有一些團隊更傾向于先讓產(chǎn)品盡快上線。

不同的團隊是如何創(chuàng)建自己關(guān)于品質(zhì)的標準的,我很感興趣。你是如何讓你的團隊同意一些設(shè)計細節(jié)并花時間在改善設(shè)計細節(jié)上的呢?哪些對你來說是很管用的招?哪些沒用?我們可以一起來探討。

—————————————————————

這篇文章原載于Design Staff,由Google Ventures所設(shè)計的關(guān)于創(chuàng)業(yè)的博客。

譯者:hanarun;譯文:簡書

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!