我們最近上架了一款天氣應(yīng)用，Skyline Weather。我是在睡覺的時候想出設(shè)計概念的。

很多東西的想法都是從夢里產(chǎn)生的。據(jù)說保羅·麥卡特尼就在夢中寫出的Yesterday這首歌。又據(jù)說他接下來花了幾周時間到處跟人打聽他們有誰聽過這首歌，直到足夠多的人都說沒有，他才確定這確實是他自己的原創(chuàng)的、從潛意識當(dāng)中飄忽而來的歌曲。

派點互動|響應(yīng)式設(shè)計|網(wǎng)站設(shè)計|廣州網(wǎng)站設(shè)計|響應(yīng)式網(wǎng)站設(shè)計

再據(jù)說，伊萊亞斯·豪也是在夢中完成了他的縫紉機發(fā)明。他夢見自己被捉到了一個原始部落，原始人把他綁起來準(zhǔn)備烤著吃，而他敏銳的注意到原始人使用的長矛在末端都有一個小洞。正是這個細(xì)節(jié)啟發(fā)了他，進而搞定了縫紉機的設(shè)計方案。 

而我自己，則是因為流感而臥床…當(dāng)時我想看看接下來的天氣情況，于是渾渾噩噩的拿出手機，卻發(fā)現(xiàn)自己難以透過惺忪迷離的雙眼在任何一個天氣應(yīng)用當(dāng)中快速而輕松的獲取天氣信息，特別是接下來幾個小時內(nèi)的天氣變化。我感覺這事兒里面一定有優(yōu)化和簡化的工作可以做。

然后我就睡了。再然后我就醒了，腦子里浮現(xiàn)出兩個基本概念：

通過以小時為單位的時間軸來呈現(xiàn)天氣信息，以可視化的方式展現(xiàn)溫度的起伏。

聚焦于未來幾小時內(nèi)天氣將會產(chǎn)生怎樣的變化，而不只是當(dāng)前的情況。

我很快就把草圖畫了出來，然后回到床上繼續(xù)生病。

作為設(shè)計師，我的工作離不開草圖。每次重新審視自己之前畫的草圖時，我都能發(fā)現(xiàn)當(dāng)時想法中的一些缺陷；一個在半夜里看上去不錯的想法到了白天很可能就不是那么回事了。然而，當(dāng)我再次打開我的天氣應(yīng)用草圖時，它看上去還是很不錯！…

這個概念可以讓天氣信息通過高度可視化的方式呈現(xiàn)給用戶；信息看上去更像是便于識別的圖片，而不是人們必須投入注意力去閱讀的文本。我所見過的多數(shù)天氣應(yīng)用當(dāng)中都充斥著微小的文本信息片段、精細(xì)的天氣符號和數(shù)字，這些都需要用戶花費力氣去辨識與理解。

用戶體驗草圖設(shè)計:正確地設(shè)計,設(shè)計得正確

本書著重強調(diào)設(shè)計過程前后兩端的均衡，前端重點做好草圖和設(shè)計創(chuàng)意，后端則保證可用性和工程兩方面。目標(biāo)是構(gòu)建一種設(shè)計理念：將新技術(shù)轉(zhuǎn)化成一種既可以服務(wù)社會，又可以體現(xiàn)價值的產(chǎn)品形式…

相關(guān)書籍推薦

文本 vs. 圖形

閱讀文本時，人們會一個詞一個詞的讀，然后在頭腦中將整段文字的含義拼合起來。文本可以幫助人們溝通較為復(fù)雜的信息，但同時會降低消化信息的速率。而恰當(dāng)?shù)膱D形元素可以讓你立刻對其大致的概念有所了解，然后在最短的時間內(nèi)獲取細(xì)節(jié)信息。

Skyline Weather的設(shè)計目標(biāo)就是讓用戶簡單一瞥便能獲取核心信息，好像看圖片那樣。

當(dāng)然，如果你需要，仍可以挖掘出更多的天氣信息，只需點擊一下屏幕便可以。為了達(dá)到“快速”的設(shè)計目標(biāo)，我們必須隱藏或是舍棄一些數(shù)據(jù)，以降低信息的密集度。

你沒法取悅所有人

然則我們找來的一些早期測試用戶很明確的希望能看到更多更密的信息。他們當(dāng)中有些人生活在雨水豐沛的地區(qū)，于是就特別想要降水概率的數(shù)據(jù)；而另外一些時常沖浪的人(是的，哪怕是在蒙特利爾這個壓根沒有海的地方)則想了解更多更全面的原始?xì)庀髷?shù)據(jù)。

但同樣有一些測試者理解我們的設(shè)計理念，并且非常認(rèn)同“清晰”和“簡潔”的整體風(fēng)格。很顯然，我們沒法同時滿足兩類目標(biāo)用戶，我們必須做出選擇，哪怕這意味著我們需要對一部分潛在用戶說“不”。小而美，或大而全，這兩條路線雖然彼此矛盾，但你不能說其中任何一個是對的或是錯的，我們只是要根據(jù)自己產(chǎn)品所要解決的問題來選擇最合適的。

設(shè)計是一種關(guān)系…它應(yīng)該體現(xiàn)出一個問題當(dāng)中各個方面之間的關(guān)系… – 保羅·蘭德

保羅·蘭德，著名平面設(shè)計師(IBM、UPS、NeXT等公司logo的設(shè)計者)，基本不用計算機。計算機在平面設(shè)計當(dāng)中的實際價值并不大，當(dāng)然我們指的是保羅·蘭德職業(yè)生涯那幾十年的情況(上世紀(jì)30年代到90年代)。計算機開始在設(shè)計領(lǐng)域體現(xiàn)出價值之后，保羅就讓他的下屬們?nèi)プ瞿切┬枰揽坑嬎銠C來完成的事情。即便如此，他對于設(shè)計本質(zhì)的理解同樣可以被運用到如今的軟件界面設(shè)計當(dāng)中。

權(quán)衡的藝術(shù)

設(shè)計在于權(quán)衡——本質(zhì)上講，設(shè)計在于識別你的目標(biāo)用戶是誰，他們遇到了哪些問題，他們需要怎樣的解決方案。目標(biāo)用戶群體越小，設(shè)計的針對性就越強，但這通常也意味著某些用戶的排斥。

正如Daring Fireball的John Gruber所講，天氣應(yīng)用就是用來把玩各種設(shè)計想法的UI游樂場。這是一個非常有趣非常值得探索的空間，因為其內(nèi)容變化多樣，而且不同類型的人群對于這類應(yīng)用的需求也有所不同。

同類產(chǎn)品

Skyline Weather發(fā)布上架的幾周之后，我們便看到了同類設(shè)計理念在現(xiàn)實當(dāng)中交匯于一點的奇妙景象 。打開Weather Line，你會看到由Ryan Jones和他的團隊設(shè)計的漂亮而簡潔的界面。在他們的網(wǎng)站中，Jones表達(dá)了和我一樣的對于當(dāng)下多數(shù)天氣應(yīng)用在視覺復(fù)雜度方面的不滿：“如今的天氣應(yīng)用，多數(shù)是通過表格或列表來展示信息的，你需要自己進行解讀，然后才能在頭腦中形成一套不可見的氣象預(yù)報信息?！?/p>

大體上說呢，我們兩家的產(chǎn)品看上去真是相似。這也不奇怪，因為我們的設(shè)計理念幾乎是一致的。我們有著同樣的目標(biāo)，以同樣的方式解決著其他天氣應(yīng)用當(dāng)中存在的問題：

兩家應(yīng)用都聚焦在隨時間變化的天氣趨勢上。

每個時間點上都有圖標(biāo)符號來表示時間天氣狀態(tài)。

天氣符號在縱向上的位置變化代表溫度的升降，天氣變化趨勢一目了然。

點擊任何一個時間段都可以查看更多詳情。

同樣使用來自forecast.io的數(shù)據(jù)。

話說連應(yīng)用名稱也很相似呢，我家的叫Skyline Weather，他家的叫Weather Line。我們從來沒和Jones或是他的團隊進行過聯(lián)系，但我們在設(shè)計方案的決策上幾乎是一致的，包括各種需要折中考慮的細(xì)節(jié)。我們都致力于解決相同的問題，我們都知道自己的產(chǎn)品無法取悅所有人。

世上沒有完美的設(shè)計，因為你最終能做的就是在各種關(guān)系之間取得平衡。在適當(dāng)?shù)闹刃蛳?，增加任何一個元素都會打破平衡。 – 保羅·蘭德

當(dāng)談?wù)撃撤N設(shè)計的優(yōu)點時，一定要看到其中的各種折中決策?！皦脑O(shè)計”確實是有的，但更多時候，所謂的“缺點”其實可以被解釋為某種“失衡”。

正如人類不能宣稱自己比小強進化的更好，號稱擁有更好設(shè)計的產(chǎn)品未必比廉價產(chǎn)品設(shè)計的更好。出自知名設(shè)計師之手的昂貴茶壺也許在外觀和手感上比沃爾瑪?shù)拇笞谪浉?，它可能使用了更好的材料，更符合人體工學(xué)，但這不意味著廉價的大宗貨沒有達(dá)到它自己的設(shè)計目標(biāo)。它們有著各自的目標(biāo)市場，且無法適用于所有的使用情境。

從最初的概念草圖，到花費數(shù)月的精心打磨，我們在Skyline Weather的各個方面都下了很大的功夫。即便如此，我們也明白，它無法成為能夠同時滿足成千上萬iPhone用戶需求的產(chǎn)品。沒有什么設(shè)計可以在所有的情況下對所有的用戶都完美適用，我們有時需要在不同的用戶群體之間進行艱難的選擇，并認(rèn)清自己的產(chǎn)品究竟要解決什么問題。如果我們試圖滿足所有人，那么最終只能有一個委曲求全的結(jié)局——產(chǎn)品在任何一個方面都無法做到最好，最多只能達(dá)到“不壞”的程度。只有聚焦于自己特定的目標(biāo)用戶群，聚焦于怎樣更好的服務(wù)于他們，設(shè)計師們才能找到真正即美觀又實用的解決之道。