我們最近上架了一款天氣應(yīng)用,Skyline Weather。我是在睡覺(jué)的時(shí)候想出設(shè)計(jì)概念的。
很多東西的想法都是從夢(mèng)里產(chǎn)生的。據(jù)說(shuō)保羅·麥卡特尼就在夢(mèng)中寫(xiě)出的Yesterday這首歌。又據(jù)說(shuō)他接下來(lái)花了幾周時(shí)間到處跟人打聽(tīng)他們有誰(shuí)聽(tīng)過(guò)這首歌,直到足夠多的人都說(shuō)沒(méi)有,他才確定這確實(shí)是他自己的原創(chuàng)的、從潛意識(shí)當(dāng)中飄忽而來(lái)的歌曲。
再據(jù)說(shuō),伊萊亞斯·豪也是在夢(mèng)中完成了他的縫紉機(jī)發(fā)明。他夢(mèng)見(jiàn)自己被捉到了一個(gè)原始部落,原始人把他綁起來(lái)準(zhǔn)備烤著吃,而他敏銳的注意到原始人使用的長(zhǎng)矛在末端都有一個(gè)小洞。正是這個(gè)細(xì)節(jié)啟發(fā)了他,進(jìn)而搞定了縫紉機(jī)的設(shè)計(jì)方案。
而我自己,則是因?yàn)榱鞲卸P床…當(dāng)時(shí)我想看看接下來(lái)的天氣情況,于是渾渾噩噩的拿出手機(jī),卻發(fā)現(xiàn)自己難以透過(guò)惺忪迷離的雙眼在任何一個(gè)天氣應(yīng)用當(dāng)中快速而輕松的獲取天氣信息,特別是接下來(lái)幾個(gè)小時(shí)內(nèi)的天氣變化。我感覺(jué)這事兒里面一定有優(yōu)化和簡(jiǎn)化的工作可以做。
然后我就睡了。再然后我就醒了,腦子里浮現(xiàn)出兩個(gè)基本概念:
通過(guò)以小時(shí)為單位的時(shí)間軸來(lái)呈現(xiàn)天氣信息,以可視化的方式展現(xiàn)溫度的起伏。
聚焦于未來(lái)幾小時(shí)內(nèi)天氣將會(huì)產(chǎn)生怎樣的變化,而不只是當(dāng)前的情況。
我很快就把草圖畫(huà)了出來(lái),然后回到床上繼續(xù)生病。
作為設(shè)計(jì)師,我的工作離不開(kāi)草圖。每次重新審視自己之前畫(huà)的草圖時(shí),我都能發(fā)現(xiàn)當(dāng)時(shí)想法中的一些缺陷;一個(gè)在半夜里看上去不錯(cuò)的想法到了白天很可能就不是那么回事了。然而,當(dāng)我再次打開(kāi)我的天氣應(yīng)用草圖時(shí),它看上去還是很不錯(cuò)!…
這個(gè)概念可以讓天氣信息通過(guò)高度可視化的方式呈現(xiàn)給用戶;信息看上去更像是便于識(shí)別的圖片,而不是人們必須投入注意力去閱讀的文本。我所見(jiàn)過(guò)的多數(shù)天氣應(yīng)用當(dāng)中都充斥著微小的文本信息片段、精細(xì)的天氣符號(hào)和數(shù)字,這些都需要用戶花費(fèi)力氣去辨識(shí)與理解。
用戶體驗(yàn)草圖設(shè)計(jì):正確地設(shè)計(jì),設(shè)計(jì)得正確
本書(shū)著重強(qiáng)調(diào)設(shè)計(jì)過(guò)程前后兩端的均衡,前端重點(diǎn)做好草圖和設(shè)計(jì)創(chuàng)意,后端則保證可用性和工程兩方面。目標(biāo)是構(gòu)建一種設(shè)計(jì)理念:將新技術(shù)轉(zhuǎn)化成一種既可以服務(wù)社會(huì),又可以體現(xiàn)價(jià)值的產(chǎn)品形式…
相關(guān)書(shū)籍推薦
文本 vs. 圖形
閱讀文本時(shí),人們會(huì)一個(gè)詞一個(gè)詞的讀,然后在頭腦中將整段文字的含義拼合起來(lái)。文本可以幫助人們溝通較為復(fù)雜的信息,但同時(shí)會(huì)降低消化信息的速率。而恰當(dāng)?shù)膱D形元素可以讓你立刻對(duì)其大致的概念有所了解,然后在最短的時(shí)間內(nèi)獲取細(xì)節(jié)信息。
Skyline Weather的設(shè)計(jì)目標(biāo)就是讓用戶簡(jiǎn)單一瞥便能獲取核心信息,好像看圖片那樣。
當(dāng)然,如果你需要,仍可以挖掘出更多的天氣信息,只需點(diǎn)擊一下屏幕便可以。為了達(dá)到“快速”的設(shè)計(jì)目標(biāo),我們必須隱藏或是舍棄一些數(shù)據(jù),以降低信息的密集度。
你沒(méi)法取悅所有人
然則我們找來(lái)的一些早期測(cè)試用戶很明確的希望能看到更多更密的信息。他們當(dāng)中有些人生活在雨水豐沛的地區(qū),于是就特別想要降水概率的數(shù)據(jù);而另外一些時(shí)常沖浪的人(是的,哪怕是在蒙特利爾這個(gè)壓根沒(méi)有海的地方)則想了解更多更全面的原始?xì)庀髷?shù)據(jù)。
但同樣有一些測(cè)試者理解我們的設(shè)計(jì)理念,并且非常認(rèn)同“清晰”和“簡(jiǎn)潔”的整體風(fēng)格。很顯然,我們沒(méi)法同時(shí)滿足兩類目標(biāo)用戶,我們必須做出選擇,哪怕這意味著我們需要對(duì)一部分潛在用戶說(shuō)“不”。小而美,或大而全,這兩條路線雖然彼此矛盾,但你不能說(shuō)其中任何一個(gè)是對(duì)的或是錯(cuò)的,我們只是要根據(jù)自己產(chǎn)品所要解決的問(wèn)題來(lái)選擇最合適的。
設(shè)計(jì)是一種關(guān)系…它應(yīng)該體現(xiàn)出一個(gè)問(wèn)題當(dāng)中各個(gè)方面之間的關(guān)系… – 保羅·蘭德
保羅·蘭德,著名平面設(shè)計(jì)師(IBM、UPS、NeXT等公司logo的設(shè)計(jì)者),基本不用計(jì)算機(jī)。計(jì)算機(jī)在平面設(shè)計(jì)當(dāng)中的實(shí)際價(jià)值并不大,當(dāng)然我們指的是保羅·蘭德職業(yè)生涯那幾十年的情況(上世紀(jì)30年代到90年代)。計(jì)算機(jī)開(kāi)始在設(shè)計(jì)領(lǐng)域體現(xiàn)出價(jià)值之后,保羅就讓他的下屬們?nèi)プ瞿切┬枰揽坑?jì)算機(jī)來(lái)完成的事情。即便如此,他對(duì)于設(shè)計(jì)本質(zhì)的理解同樣可以被運(yùn)用到如今的軟件界面設(shè)計(jì)當(dāng)中。
權(quán)衡的藝術(shù)
設(shè)計(jì)在于權(quán)衡——本質(zhì)上講,設(shè)計(jì)在于識(shí)別你的目標(biāo)用戶是誰(shuí),他們遇到了哪些問(wèn)題,他們需要怎樣的解決方案。目標(biāo)用戶群體越小,設(shè)計(jì)的針對(duì)性就越強(qiáng),但這通常也意味著某些用戶的排斥。
正如Daring Fireball的John Gruber所講,天氣應(yīng)用就是用來(lái)把玩各種設(shè)計(jì)想法的UI游樂(lè)場(chǎng)。這是一個(gè)非常有趣非常值得探索的空間,因?yàn)槠鋬?nèi)容變化多樣,而且不同類型的人群對(duì)于這類應(yīng)用的需求也有所不同。
同類產(chǎn)品
Skyline Weather發(fā)布上架的幾周之后,我們便看到了同類設(shè)計(jì)理念在現(xiàn)實(shí)當(dāng)中交匯于一點(diǎn)的奇妙景象 。打開(kāi)Weather Line,你會(huì)看到由Ryan Jones和他的團(tuán)隊(duì)設(shè)計(jì)的漂亮而簡(jiǎn)潔的界面。在他們的網(wǎng)站中,Jones表達(dá)了和我一樣的對(duì)于當(dāng)下多數(shù)天氣應(yīng)用在視覺(jué)復(fù)雜度方面的不滿:“如今的天氣應(yīng)用,多數(shù)是通過(guò)表格或列表來(lái)展示信息的,你需要自己進(jìn)行解讀,然后才能在頭腦中形成一套不可見(jiàn)的氣象預(yù)報(bào)信息?!?/p>
大體上說(shuō)呢,我們兩家的產(chǎn)品看上去真是相似。這也不奇怪,因?yàn)槲覀兊脑O(shè)計(jì)理念幾乎是一致的。我們有著同樣的目標(biāo),以同樣的方式解決著其他天氣應(yīng)用當(dāng)中存在的問(wèn)題:
兩家應(yīng)用都聚焦在隨時(shí)間變化的天氣趨勢(shì)上。
每個(gè)時(shí)間點(diǎn)上都有圖標(biāo)符號(hào)來(lái)表示時(shí)間天氣狀態(tài)。
天氣符號(hào)在縱向上的位置變化代表溫度的升降,天氣變化趨勢(shì)一目了然。
點(diǎn)擊任何一個(gè)時(shí)間段都可以查看更多詳情。
同樣使用來(lái)自forecast.io的數(shù)據(jù)。
話說(shuō)連應(yīng)用名稱也很相似呢,我家的叫Skyline Weather,他家的叫Weather Line。我們從來(lái)沒(méi)和Jones或是他的團(tuán)隊(duì)進(jìn)行過(guò)聯(lián)系,但我們?cè)谠O(shè)計(jì)方案的決策上幾乎是一致的,包括各種需要折中考慮的細(xì)節(jié)。我們都致力于解決相同的問(wèn)題,我們都知道自己的產(chǎn)品無(wú)法取悅所有人。
世上沒(méi)有完美的設(shè)計(jì),因?yàn)槟阕罱K能做的就是在各種關(guān)系之間取得平衡。在適當(dāng)?shù)闹刃蛳?,增加任何一個(gè)元素都會(huì)打破平衡。 – 保羅·蘭德
當(dāng)談?wù)撃撤N設(shè)計(jì)的優(yōu)點(diǎn)時(shí),一定要看到其中的各種折中決策?!皦脑O(shè)計(jì)”確實(shí)是有的,但更多時(shí)候,所謂的“缺點(diǎn)”其實(shí)可以被解釋為某種“失衡”。
正如人類不能宣稱自己比小強(qiáng)進(jìn)化的更好,號(hào)稱擁有更好設(shè)計(jì)的產(chǎn)品未必比廉價(jià)產(chǎn)品設(shè)計(jì)的更好。出自知名設(shè)計(jì)師之手的昂貴茶壺也許在外觀和手感上比沃爾瑪?shù)拇笞谪浉?,它可能使用了更好的材料,更符合人體工學(xué),但這不意味著廉價(jià)的大宗貨沒(méi)有達(dá)到它自己的設(shè)計(jì)目標(biāo)。它們有著各自的目標(biāo)市場(chǎng),且無(wú)法適用于所有的使用情境。
從最初的概念草圖,到花費(fèi)數(shù)月的精心打磨,我們?cè)赟kyline Weather的各個(gè)方面都下了很大的功夫。即便如此,我們也明白,它無(wú)法成為能夠同時(shí)滿足成千上萬(wàn)iPhone用戶需求的產(chǎn)品。沒(méi)有什么設(shè)計(jì)可以在所有的情況下對(duì)所有的用戶都完美適用,我們有時(shí)需要在不同的用戶群體之間進(jìn)行艱難的選擇,并認(rèn)清自己的產(chǎn)品究竟要解決什么問(wèn)題。如果我們?cè)噲D滿足所有人,那么最終只能有一個(gè)委曲求全的結(jié)局——產(chǎn)品在任何一個(gè)方面都無(wú)法做到最好,最多只能達(dá)到“不壞”的程度。只有聚焦于自己特定的目標(biāo)用戶群,聚焦于怎樣更好的服務(wù)于他們,設(shè)計(jì)師們才能找到真正即美觀又實(shí)用的解決之道。