@陳子木 作為最著名的天氣類(lèi)APP之一，The Weather Channel，也就是天氣頻道，最近重新設(shè)計(jì)了整個(gè)App的UI。主管其移動(dòng)客戶(hù)端的高級(jí)副總裁Nikki Santoro，在新版APP發(fā)布之后，總結(jié)了這次改版所獲得的7條經(jīng)驗(yàn)，在此分享出來(lái)，相信UI設(shè)計(jì)師和開(kāi)發(fā)者能從中獲得不少不少啟示。

更多產(chǎn)品設(shè)計(jì)的經(jīng)驗(yàn)：
《經(jīng)驗(yàn)分享！IUNIOS1.0 ROM設(shè)計(jì)總結(jié)》
《項(xiàng)目實(shí)戰(zhàn)！網(wǎng)易云音樂(lè)IPAD V1.0設(shè)計(jì)總結(jié)》
《打造舒適的閱讀空間——云閱讀IPAD3.0設(shè)計(jì)總結(jié)交互篇》

01、以可用性為中心

可用性的重要性居于首位。可用性是不隨時(shí)間遷移而改變，它不僅僅適用于此刻的這款A(yù)PP，還適用于任何時(shí)間任何產(chǎn)品，適用于任何產(chǎn)品的重新設(shè)計(jì)環(huán)節(jié)。用戶(hù)需要實(shí)用的程序，需要流暢的體驗(yàn)，所以請(qǐng)務(wù)必保證程序設(shè)計(jì)的可用性。

02、一致性是關(guān)鍵因素

今年重新設(shè)計(jì)The Weather Channel的時(shí)候，我們關(guān)注的另一個(gè)重點(diǎn)是設(shè)計(jì)的一致性。現(xiàn)如今用戶(hù)們所使用的移動(dòng)端設(shè)備各式各樣，有手機(jī)，平板，還有介于兩者之間的設(shè)備，而使用場(chǎng)景也不盡相同，家里，公司，還有路上，等等。所以，我希望我們的The Weather Channel在任何設(shè)備、情況下都能保持良好的觀感和體驗(yàn)，確保一致性、美觀和可用性，三項(xiàng)全能。

03、用數(shù)據(jù)講好故事

美國(guó)電視里的天氣頻道和Weather.com都是美國(guó)人民眾所周知的專(zhuān)業(yè)天氣播報(bào)渠道，他們通過(guò)搜集新聞?wù)蟽?nèi)容，向用戶(hù)呈現(xiàn)引人入勝的故事，而不是單純的預(yù)報(bào)天氣。可能很多用戶(hù)還沒(méi)注意，我們也將故事模式納入了我們的移動(dòng)端產(chǎn)品。

這次重新設(shè)計(jì)iOS客戶(hù)端的時(shí)候，我們加入了生活模塊。生活模塊中的，UI色彩更豐富，內(nèi)容更具深度。其中內(nèi)置了諸如航班、戶(hù)外活動(dòng)等與人們活動(dòng)息息相關(guān)的信息，幫助客戶(hù)更加深入了解氣候是如何影響他們的生活的。

我們通過(guò)這些新特性，將氣候和生活細(xì)節(jié)串聯(lián)在一起，像講述故事一樣傳達(dá)給用戶(hù)，讓他們不用再仔細(xì)思考這些數(shù)據(jù)意味著什么。我們?yōu)榭蛻?hù)提供了精準(zhǔn)的天氣預(yù)測(cè)和數(shù)據(jù)，但是更重要的是我們將這些數(shù)據(jù)轉(zhuǎn)化成實(shí)操性極強(qiáng)的指示性信息：這些天氣信息意味著我能做些什么？

04、APP測(cè)試

用戶(hù)測(cè)試非常重要，但是更重要的是在合適的時(shí)候測(cè)試產(chǎn)品。在進(jìn)行可用性和必要性驗(yàn)證之前，我們就針對(duì)產(chǎn)品原型進(jìn)行了測(cè)試。之后我們分別找了內(nèi)部和外部的用戶(hù)參與了Beta版的測(cè)試。在Beta測(cè)試過(guò)程中，我們搜集了許多有價(jià)值的用戶(hù)使用信息，并對(duì)APP進(jìn)行了相應(yīng)的調(diào)整。待產(chǎn)品上線(xiàn)之后，我們會(huì)密切跟進(jìn)用戶(hù)反饋。

05、整合廣告

讓第三方品牌廣告和天氣信息進(jìn)行深度整合，講述故事

我們的新版iOS應(yīng)用并非單方面從用戶(hù)的角度進(jìn)行重新設(shè)計(jì)，還考慮到了市場(chǎng)和第三方供應(yīng)商的需求。我們將廣告有機(jī)地整合到了APP的首頁(yè)和主要的內(nèi)容頁(yè)之內(nèi)，讓它們可以融入到整個(gè)APP的使用體驗(yàn)中去。天氣信息依然是當(dāng)之無(wú)愧的主體，但是這些第三方品牌廣告商依然可以毫無(wú)違和感地傳遞他們的品牌價(jià)值。由于這些品牌投放主要是以背景的形式存在，天氣信息、視頻、內(nèi)容都可以在前景正常無(wú)干擾地呈現(xiàn)。

廣告已經(jīng)無(wú)縫地融入到整個(gè)滑動(dòng)交互中，營(yíng)銷(xiāo)推廣已經(jīng)成為了用戶(hù)體驗(yàn)的一個(gè)組成部分，而用戶(hù)也可以在APP中與這些內(nèi)容進(jìn)行直接地交互。我們已經(jīng)推出了多種原生的交互模板，可以同時(shí)兼顧品牌傳播和用戶(hù)體驗(yàn)，既可以借助天氣做品牌內(nèi)容營(yíng)銷(xiāo)也可以保證優(yōu)雅的信息呈現(xiàn)。

06、處理大量數(shù)據(jù)

大量的數(shù)據(jù)會(huì)讓用戶(hù)苦不堪言。如何有效呈現(xiàn)這些數(shù)據(jù)？訣竅在于了解你的用戶(hù)，并且相應(yīng)地調(diào)整用戶(hù)體驗(yàn)。

你得學(xué)會(huì)分割整合數(shù)據(jù)，這樣用戶(hù)才能快速找到他們想要的信息。比如，某天某個(gè)時(shí)間某人因?yàn)槟臣虑榍皝?lái)找你，又或者本周五早上，天氣如何應(yīng)該穿什么衣服，周末氣候如何應(yīng)該做什么準(zhǔn)備。這些都是有效的信息，合理的分割。

我們都明白，用戶(hù)使用這些天氣數(shù)據(jù)的方法不盡相同，所以我們也應(yīng)該以不同的方法來(lái)呈現(xiàn)數(shù)據(jù)。那些只需要天氣信息的用戶(hù)只需要點(diǎn)擊天氣的icon就可以看到當(dāng)天的天氣信息，而那些需要詳細(xì)信息的用戶(hù)自然會(huì)專(zhuān)注于我們的詳細(xì)描述的。

07、滿(mǎn)足用戶(hù)需求

“視覺(jué)提示是很重要的。”

如果我們的交互界面無(wú)法滿(mǎn)足用戶(hù)的需求，它做的再漂亮再?gòu)?qiáng)大都是毫無(wú)意義的事情。測(cè)試與用戶(hù)反饋是確保這一點(diǎn)的關(guān)鍵。尤其是對(duì)現(xiàn)有產(chǎn)品大幅改版的時(shí)候，用戶(hù)需要時(shí)間來(lái)適應(yīng)新的用戶(hù)體驗(yàn)。但有時(shí)候大的改版是有必要的，我們的iOS客戶(hù)端從Tabs式界面升級(jí)為滾動(dòng)式交互界面之后對(duì)用戶(hù)更友好，而小幅的頻繁升級(jí)更是在不停調(diào)整和優(yōu)化新UI的細(xì)節(jié)。

正是在大的設(shè)計(jì)改版之時(shí)，視覺(jué)引導(dǎo)的重要性顯得更為突出，它會(huì)引導(dǎo)用戶(hù)去發(fā)覺(jué)新的功能和特性。在這個(gè)階段，保持優(yōu)雅的設(shè)計(jì)和幫助用戶(hù)發(fā)掘有用信息之間的平衡，是至關(guān)重要的。同之前一樣，你必須聽(tīng)取用戶(hù)的反饋，并且在用戶(hù)遇到困難的時(shí)候勇于調(diào)整產(chǎn)品的細(xì)節(jié)。

原文地址：creativebloq
優(yōu)設(shè)網(wǎng)翻譯：@陳子木

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請(qǐng)尊重版權(quán)和譯者成果，轉(zhuǎn)摘請(qǐng)附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線(xiàn)端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量72萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加：