移動(dòng)天氣系統(tǒng)UI設(shè)計(jì)

張燕寧

摘要：UI設(shè)計(jì)即用戶界面設(shè)計(jì)，主要目的是提高應(yīng)用軟件的用戶體驗(yàn)滿意度。UI設(shè)計(jì)的成敗直接關(guān)系著軟件的成敗和生命力。該文主要講述移動(dòng)天氣應(yīng)用APP系統(tǒng)用戶研究和界面的設(shè)計(jì)過程，內(nèi)容包括用戶研究，交互設(shè)計(jì)及界面設(shè)計(jì)三個(gè)部分。

關(guān)鍵詞：移動(dòng)應(yīng)用；天氣系統(tǒng)；UI

中圖分類號(hào)：TP311 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2016）02-0084-02

隨著無線網(wǎng)絡(luò)和移動(dòng)設(shè)備的飛速發(fā)展，各類移動(dòng)APP應(yīng)用軟件逐漸滲透到人們生活的各個(gè)領(lǐng)域，人們對(duì)移動(dòng)APP應(yīng)用軟件的依賴性也在不斷提高。天氣的好壞與人們的生活和工作息息相關(guān)，大多數(shù)人對(duì)于天氣都有著非常迫切的需求。來自百度的搜索指數(shù)顯示，天氣的搜索指數(shù)為15萬左右，同時(shí)通過查詢百度首頁(yè)的幾個(gè)天氣網(wǎng)站發(fā)現(xiàn)，大部分的網(wǎng)站流量都超過了100萬，可以看出來，天氣的需求是非常大的一個(gè)市場(chǎng)機(jī)會(huì)。利用手機(jī)等移動(dòng)設(shè)備來實(shí)現(xiàn)隨時(shí)隨地查詢天氣狀況的需求簡(jiǎn)單而直接，目的就是根據(jù)天氣情況規(guī)劃自己下一步的行動(dòng)安排。

移動(dòng)應(yīng)用項(xiàng)目的生命周期起始于產(chǎn)品的創(chuàng)意策劃，成功的移動(dòng)應(yīng)用自創(chuàng)意階段就應(yīng)充分各項(xiàng)準(zhǔn)備工作嚴(yán)格遵循企業(yè)的設(shè)計(jì)流程，這需要我們?cè)诖_定項(xiàng)目的同時(shí)，能夠冷靜地分析自己的設(shè)想，理性定位自己的市場(chǎng)目標(biāo)和產(chǎn)品用戶，深入地了解你所面對(duì)的用戶群體，針對(duì)他們的需求、習(xí)慣和欲望，做有價(jià)值的、能觸動(dòng)人心的應(yīng)用。

1 前期準(zhǔn)備階段

移動(dòng)天氣應(yīng)用是指通過移動(dòng)通信網(wǎng)絡(luò)將客戶的移動(dòng)設(shè)備與天氣信息后臺(tái)數(shù)據(jù)接口進(jìn)行連接，客戶通過手機(jī)客戶端的方式發(fā)出查詢指令，在手機(jī)界面上直接查看各種天氣狀況的新業(yè)務(wù)系統(tǒng)。本系統(tǒng)的優(yōu)越性主要優(yōu)點(diǎn)是快捷方便，信息指數(shù)豐富。用戶能夠利用移動(dòng)天氣APP實(shí)時(shí)查看自己所需的各種天氣信息，免去了打開電腦進(jìn)行查詢或是按指定時(shí)間收聽廣播的限制。

隨著技術(shù)的發(fā)展和各種軟件的豐富，現(xiàn)在的用戶對(duì)于天氣軟件的需求除了信息查詢功能外，更多地去關(guān)注軟件的用戶界面是否美觀舒心、簡(jiǎn)單易用和個(gè)性化，因此軟件的UI設(shè)計(jì)變得越來越重要，直接關(guān)系著一款軟件是否能夠從眾多軟件中脫穎而出被用戶所接受，能否給公司帶來盈利。

設(shè)計(jì)軟件產(chǎn)品首先要對(duì)使用者，使用環(huán)境，使用方式的需求進(jìn)行分析，明確什么人用，什么地方用，如何用這三方面因素，設(shè)計(jì)者軟件要考慮不同類別用戶都各有不同的特點(diǎn)和需求。因此在對(duì)移動(dòng)天氣進(jìn)行需求分析時(shí)先對(duì)功能需求進(jìn)行分類，分析不同人群在不同情況下的需求差異。比如，移動(dòng)天氣APP首先應(yīng)具有基本天氣信息的查詢功能，如當(dāng)前和未來的天氣情況、溫度、濕度、日出日落等信息；還應(yīng)具有一些特色的可選增值業(yè)務(wù)，如定位功能、城市選擇對(duì)比、出行提示、穿衣指數(shù)以及當(dāng)前人民關(guān)注極高的污染指數(shù)等。除此之外還需要了解同類競(jìng)爭(zhēng)產(chǎn)品，分析同類產(chǎn)品的用戶下載量和評(píng)價(jià)，只有取其精華去其糟粕，做出真正被用戶需要和喜愛而又有自身獨(dú)特個(gè)性的產(chǎn)品。

根據(jù)以上分析，我們首先使用頭腦風(fēng)暴法對(duì)移動(dòng)天氣的創(chuàng)意進(jìn)行了研究，得到了如下圖所示的功能樹形圖。

2 原型草圖階段

在使用“頭腦風(fēng)暴”結(jié)束后，我們得到了若干個(gè)創(chuàng)意思路和設(shè)計(jì)靈感，但是這些創(chuàng)意還是抽象的概念和詞匯，下一步我們把它們具體化，變成直觀的設(shè)計(jì)效果---原型草圖。

我們?cè)O(shè)計(jì)原型草圖通常需要進(jìn)行兩個(gè)步驟，它們分別是“手繪”的原型草圖和使用原型工具和原型設(shè)計(jì)軟件設(shè)計(jì)的原型草圖。根據(jù)我們分析得到的樹形圖，明確了產(chǎn)品的定位、結(jié)合競(jìng)爭(zhēng)產(chǎn)品的分析資料確認(rèn)了本產(chǎn)品的設(shè)計(jì)意義和用戶關(guān)注的重點(diǎn)功能。通過對(duì)產(chǎn)品功能需求進(jìn)行歸納整理，將產(chǎn)品的功能按照其重要性和邏輯性進(jìn)行排列分組，設(shè)計(jì)出幾種不同風(fēng)格的UI產(chǎn)品界面效果。此階段的設(shè)計(jì)應(yīng)包括界面的數(shù)量、邏輯關(guān)系和組織關(guān)系、操作方法、各界面的展示效果，控件使用情況、對(duì)用戶的操作引導(dǎo)等。

3 高保真原型圖設(shè)計(jì)

原型草圖方案確認(rèn)后，我們應(yīng)再使用原型設(shè)計(jì)工具將手繪草圖在計(jì)算機(jī)上進(jìn)行實(shí)現(xiàn)，設(shè)計(jì)出一套完整的可模擬的產(chǎn)品原型。通過此高保真原型圖我們能夠看到軟件實(shí)現(xiàn)后的基本效果，模擬體驗(yàn)到軟件的操作邏輯。

UIDesigner，簡(jiǎn)稱“UID”，是騰訊CDC（用戶研究與體驗(yàn)設(shè)計(jì)部）團(tuán)隊(duì)研發(fā)的一款針對(duì)交互設(shè)計(jì)師、產(chǎn)品經(jīng)理、程序開發(fā)工程師的軟件界面原型設(shè)計(jì)的工具。它擁有強(qiáng)大的模板和預(yù)制功能，具有團(tuán)隊(duì)協(xié)作、整合設(shè)計(jì)流程、版本管理、快速原型等特性，擁有強(qiáng)大的模板和預(yù)制功能，能夠快速地搭建起軟件界面的高保真原型?？梢詫?shí)現(xiàn)設(shè)計(jì)師、產(chǎn)品經(jīng)理、程序開發(fā)工程師三者間的快速溝通，減少不必要的工作內(nèi)耗，有效提高設(shè)計(jì)效率。

4 導(dǎo)航設(shè)計(jì)

為了防止用戶在使用移動(dòng)應(yīng)用時(shí)迷失在界面中，無法返回到自己出發(fā)的界面里，科學(xué)而合理的導(dǎo)航設(shè)計(jì)可以幫助用戶迅速而準(zhǔn)確的找到“回家的路”。通常情況下，IOS平臺(tái)常用的導(dǎo)航模式為平鋪導(dǎo)航、標(biāo)簽導(dǎo)航和樹形結(jié)構(gòu)導(dǎo)航，安卓平臺(tái)大致分為標(biāo)簽和樹形導(dǎo)航。但不論針對(duì)哪一種平臺(tái)進(jìn)行設(shè)計(jì)，我們都應(yīng)該遵循扁平化的設(shè)計(jì)原則，簡(jiǎn)化導(dǎo)航的層次不要超過四層。

5 圖標(biāo)設(shè)計(jì)和啟動(dòng)畫面設(shè)計(jì)

無論我們的設(shè)計(jì)工作多么艱辛和漫長(zhǎng)，現(xiàn)在都快接近尾聲了，而圖標(biāo)設(shè)計(jì)是整個(gè)應(yīng)用設(shè)計(jì)過程中真正的重點(diǎn)，也是對(duì)設(shè)計(jì)師考驗(yàn)的最大一關(guān)了，也是平面設(shè)計(jì)里難度最大的一門學(xué)問。圖標(biāo)設(shè)計(jì)和標(biāo)志設(shè)計(jì)有很大區(qū)別，一個(gè)是講究直觀和隱喻，一個(gè)是追求象征和抽象，但是它們的可識(shí)別性和符號(hào)化的特點(diǎn)，以及對(duì)設(shè)計(jì)師圖形造型能力的高標(biāo)準(zhǔn)要求是相同的。

圖標(biāo)設(shè)計(jì)形式美不是關(guān)鍵，能不能準(zhǔn)確地被識(shí)別是設(shè)計(jì)的第一目標(biāo)。要求：一目了然、內(nèi)涵明確、符合大眾經(jīng)驗(yàn)判斷，使用戶迅速判斷出含義。同時(shí)進(jìn)行圖標(biāo)設(shè)計(jì)時(shí)必須要遵守各個(gè)平臺(tái)的設(shè)計(jì)規(guī)范。

6 驗(yàn)證和改進(jìn)

UI設(shè)計(jì)的好與壞最終的裁判是用戶，使用者感受的好與壞才是最重要的，因?yàn)閁I最終就是為用戶設(shè)計(jì)的。我們可以將設(shè)計(jì)好的高保真原型分發(fā)給一些目標(biāo)用戶進(jìn)行體驗(yàn)，收集這些體驗(yàn)者的感受和建議，進(jìn)行分析整理后就可以得到目標(biāo)用戶最喜歡的方案。后期我們就要根據(jù)用戶的喜好和建議對(duì)產(chǎn)品進(jìn)行下一步修改了，力求將我們的UI設(shè)計(jì)做到細(xì)致精細(xì)，功能清晰，使用便捷，界面時(shí)尚。改正以后的方案經(jīng)過開發(fā)環(huán)節(jié)，我們可以上線把其推向市場(chǎng)，繼續(xù)收集用戶反饋，為以后的升級(jí)版本積累經(jīng)驗(yàn)資料。

7 盈利模式思索

對(duì)于企業(yè)而言，最終的目的是開發(fā)產(chǎn)品獲取利潤(rùn)。移動(dòng)天氣APP如何能實(shí)現(xiàn)盈利呢？經(jīng)過分析移動(dòng)天氣APP的也很容易實(shí)現(xiàn)盈利，主要方法有如下幾種：

1） 流量。我們的應(yīng)用適用于互聯(lián)網(wǎng)行業(yè)的“用戶=流量=金錢”的公式，移動(dòng)天氣是影響到人們?nèi)粘Ｉ罟ぷ鞯闹匾獞?yīng)用，我們的產(chǎn)品只要被用戶接受和使用就有足夠的流量，利用這些流量使用廣告類、增值服務(wù)類、購(gòu)物類、流量分成等都可以實(shí)現(xiàn)流量變現(xiàn)，給企業(yè)帶來豐厚的回報(bào)。

2） 個(gè)性化定制。目前的很多應(yīng)用都有其個(gè)性化定制方案，這也是一個(gè)非常好的盈利機(jī)會(huì)。比如我們的用戶可根據(jù)自己的喜好定制適合自己的信息，獲取這些信息享受特有功能是需要額外付費(fèi)的。

3） 物聯(lián)網(wǎng)功能。隨著科技的快速發(fā)展，智能家居將會(huì)普及，通過天氣APP的溫度、天氣、空氣指數(shù)預(yù)測(cè)，紫外線字?jǐn)?shù)等功能，可以控制家庭的空調(diào)、加濕器等電器設(shè)備的開關(guān)，保證家庭環(huán)境的清新，也是將來必不可少的市場(chǎng)機(jī)遇。

8 總結(jié)

在移動(dòng)天氣APP應(yīng)用的生命周期中，UI設(shè)計(jì)師應(yīng)遵守企業(yè)規(guī)范，嚴(yán)格按照UI設(shè)計(jì)流程，做好充分的市場(chǎng)調(diào)研和產(chǎn)品對(duì)比，分析移動(dòng)天氣產(chǎn)品的特點(diǎn)和功能，完成每個(gè)環(huán)節(jié)的職責(zé)，確保每個(gè)流程準(zhǔn)確有效地得到執(zhí)行，從而提高產(chǎn)品的可用性，提升產(chǎn)品質(zhì)量。