App開發(fā)建議—先求好用,再求好看

初創(chuàng)企業(yè)創(chuàng)始人經(jīng)常讓我采用其app創(chuàng)意把應(yīng)用做得好看。他們覺得自己需要漂亮的產(chǎn)品以便獲得融資。我稱之為“好看優(yōu)先”,也就是說初創(chuàng)企業(yè)關(guān)注的首先是應(yīng)用在視覺上設(shè)計得很漂亮,其次才去關(guān)心產(chǎn)品的目標(biāo)和是否有用。

從某種程度來說,這是對日益強調(diào)技術(shù)產(chǎn)品視覺設(shè)計重要性的一種響應(yīng)。這使得設(shè)計團體的認(rèn)知度有了很大的加強。但是“好看優(yōu)先”是不對的。如果你的產(chǎn)品既沒用又不吸引人,再好看也沒用。

首先,我們來看看一些成功的產(chǎn)品:

Uber從視覺風(fēng)格上來說很難算得上是革命,但是它可以讓一輛“黑車”幾分鐘內(nèi)出現(xiàn)在你面前,而且你還可以在地圖上跟蹤其行駛路線,減少支付系統(tǒng)中的交易摩擦。其核心的價值主張是有效的。

Instagram則不同,很實用,也很吸引人,整個應(yīng)用的外觀都有了改善。但是在設(shè)計上當(dāng)然也算不上有什么突破。它擁有合適的社會化機制,圍繞著該應(yīng)用的概念營造出火爆的使用,而非依靠出色的視覺設(shè)計來達(dá)到目的。

Airbnb解決了人們的問題—找地方住。這款應(yīng)用也很好看,但是它不是僅僅依靠設(shè)計取得成功的,許多Airbnb早期的外觀元素真的是非常糟糕的。

然而,并非所有的初創(chuàng)企業(yè)都意識到這一類的成功。今天許多初創(chuàng)企業(yè)都在追求漂亮的視覺風(fēng)格,卻置其產(chǎn)品要解決的問題于不顧。他們對設(shè)計的關(guān)注導(dǎo)致了對空白區(qū)、網(wǎng)格圖形以及印刷先導(dǎo)設(shè)計的狂熱。這一向設(shè)計傾斜的思潮導(dǎo)致了許多極簡主義網(wǎng)站的出現(xiàn)。Web 2.0的外觀已經(jīng)死亡。正在迅速為“簡潔設(shè)計”所代替,令人回想起上世紀(jì)五十年代瑞士風(fēng)格的圖形設(shè)計—這種設(shè)計體現(xiàn)了鮑豪斯運動的許多原則,幾乎沒有陰影和漸變。

有些人開始想起這種設(shè)計風(fēng)格,然后隨著Flipboard和Letterpress這樣的應(yīng)用而流行,并從移動端蔓延到了web上。仿佛一夜之間遍地都是這種設(shè)計風(fēng)格。這個現(xiàn)象在網(wǎng)上的一個很好的例子是 Svbtle和 Qz.com。而Pinterest看起來就好像是上世紀(jì)五十年代克勞威爾的現(xiàn)代主義網(wǎng)格設(shè)計。
把所有的注意力都傾注在產(chǎn)品的視覺設(shè)計上最終能不能得出一款功能更好的產(chǎn)品?在對像素表現(xiàn)、留白區(qū)以及山寨Pinterest界面的追求中,我們看到的是老產(chǎn)品換新瓶,功能卻沒有改進(jìn),甚至有時候功能性還變差了。Gmail2012年的重新設(shè)計就引發(fā)用戶的迷惑和憤怒,部分原因就在于它更注重了“簡約設(shè)計”原則而忽視了用戶的利益和行為。

如何設(shè)計產(chǎn)品?

喬布斯對此有過最好的概括:

有人認(rèn)為設(shè)計就是要決定產(chǎn)品的外觀(參見 圖說用戶體驗與用戶界面之別)。但是一旦你深入下去就會發(fā)現(xiàn)它確定的是產(chǎn)品的工作方式。

要聚焦到用戶的利益上。用戶問題是什么?你打算如何去解決?開始時應(yīng)該使用現(xiàn)成的圖標(biāo)。用 Balsamiq。提出基本的設(shè)計,開發(fā)基礎(chǔ)應(yīng)用,然后交給用戶。在外觀上不要浪費時間。

在你解決好應(yīng)用的核心問題之前,不要在視覺設(shè)計上浪費開發(fā)周期。如果你需要設(shè)計師的幫助,可以聯(lián)系交互設(shè)計師或產(chǎn)品設(shè)計師。你不需要視覺設(shè)計師倒騰出好看的像素。你可能需要有人幫助你弄清楚如何讓產(chǎn)品工作,并以簡單和吸引人的方式來實現(xiàn)。

在iOS上,要想搞砸你必須擺脫那些條條框框。有了 Twitter Bootstrap,哪怕是最不情愿設(shè)計的工程師也能創(chuàng)建出一個基本的、好看的網(wǎng)站,想要做出一個徹底丑陋的產(chǎn)品已經(jīng)變得越來越難。

盡快找人測試。我們在之前的一個項目中犯過一個錯誤,花了6個月的時間做了一個新聞閱讀器應(yīng)用卻沒有進(jìn)行過廣泛的用戶測試。我們擁有出色的興趣圖譜算法,但是應(yīng)用發(fā)布時卻發(fā)現(xiàn)不管應(yīng)用有多好看卻沒人感興趣。大家都認(rèn)為應(yīng)用很棒,但就是沒人用。

當(dāng)我們開始開發(fā)DrawChat的時候,用5周的時間做出一個版本,然后迅速推向用戶,并根據(jù)反饋來迭代開發(fā)。
我們沒有在早期的開發(fā)周期浪費時間在中看不中用的特性上,而是關(guān)注于中用但樣子不算好看的版本,一旦發(fā)現(xiàn)有人用或關(guān)注某項功能,再慢慢去美化

在DrawChat上有一件事情我們做對了—對用戶友好、好用好玩。我們給應(yīng)用添加了一個畫畫怪物指向“New Chat”按鈕而不是傳統(tǒng)的那種空白的對話框方式。這種好玩的細(xì)節(jié)設(shè)計會給用戶留下很深的印象,其效果要比最完美的漸變模式設(shè)計都要好的多。
另一個好玩的設(shè)計例子是Sybtle的“Kudos”按鈕,它可以點亮和彈出。這一動畫設(shè)計的目的是在用戶提供積極反饋時取悅并獎勵用戶。

首先專注于設(shè)計一款有用的產(chǎn)品。一旦有了一款有用的產(chǎn)品,不用去考慮對每個像素做出調(diào)整。要營造出總是好玩且有時超出預(yù)期的喜悅時刻。

投資人不蠢。如果你的價值定位有料,你就不需要最好看的app界面。它們的工作是去蕪存菁而已。如果你的產(chǎn)品創(chuàng)意很棒,他們自然也能判斷你是不是有能力做出來并讓產(chǎn)品變得好看。

發(fā)表評論