懶人天氣APP以其獨(dú)特的多種天氣狀況提醒和直觀、美觀的界面受到許多用戶的喜愛。我初次點(diǎn)進(jìn)APP時(shí)，也是感到十分驚喜。APP的整體信息架構(gòu)比較簡(jiǎn)單，因而交互流程也不太深，但是一些交互的邏輯不是很明確，不禁讓人感到困惑、不能預(yù)料。雖說這些不是此產(chǎn)品的主要功能，但實(shí)用的提醒功能和美觀的界面至少得搭配一個(gè)簡(jiǎn)單易用的交互流程。因此，我嘗試結(jié)合APP的產(chǎn)品定位，整理APP提供的主要信息及其相關(guān)性，對(duì)其進(jìn)行嘗試性的改進(jìn)。
1.主要信息入口布置和交互流程。
用戶研究表明，用戶需要的天氣信息為8個(gè)，其他都是花哨功能：
1）天氣的狀態(tài)「是否有降雨、雪等」；2）溫度；3）PM 2.5指數(shù)「包含國(guó)家標(biāo)準(zhǔn)指數(shù)和美領(lǐng)館指數(shù)（如有）」；4）風(fēng)力；5）濕度；6）一周和一天的天氣的變化和趨勢(shì)；7）天氣劇烈變動(dòng)的信息「如寒潮警報(bào)，高溫警報(bào)，路面結(jié)冰警報(bào)等」；8）不同城市的天氣等。
文／瘦竹竿兒（簡(jiǎn)書作者）
原文鏈接：http://www.itdecent.cn/p/b03c9ef8d29f#
著作權(quán)歸作者所有，轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，并標(biāo)注“簡(jiǎn)書作者”。
懶人天氣包含上面所有的功能，而且以簡(jiǎn)潔的圖片配上合適的文字、在首頁里以垂直滾動(dòng)的形式表達(dá)。雖說懶人的特點(diǎn)是天氣提醒、解放每天看天氣的過程，但仍有不少人會(huì)打開應(yīng)用親自查看信息。圖(1)是產(chǎn)品的線框圖。
主頁面的頂部有四個(gè)元素控件，有符號(hào)有文字，邏輯也不太明確：更多、日期、分享、城市，分別導(dǎo)向四個(gè)風(fēng)格不同的視圖，彈出的臨時(shí)視圖、垂直向上進(jìn)入的全屏視圖、關(guān)于分享的內(nèi)容視圖、位于右側(cè)的抽屜。此外，在主頁面左滑或者右滑都會(huì)進(jìn)入抽屜，左邊是一周天氣的列表排列，右邊是城市切換等操作，兩邊的樣式相同，左右對(duì)稱。然而，左邊使用抽屜、列表排列一周天氣的做法并不實(shí)用，為保證美觀，天氣狀況和溫度是用不同天氣的色塊加上文字表現(xiàn)的，得豎著一個(gè)個(gè)地看文字說明來了解，易讀性不強(qiáng)。而且，一周天氣的需求是想要了解最近的天氣趨勢(shì)，使用直觀的表現(xiàn)方式最好，如天氣符號(hào)、折線圖等。主頁面點(diǎn)擊天氣和符號(hào)就可以彈出詳細(xì)的天氣趨勢(shì)視圖，在主頁面最下方也有，采用折線圖表現(xiàn)溫度趨勢(shì)，直觀明了，再在其天氣說明旁添加天氣符號(hào)的話則更好。所以，左側(cè)抽屜的內(nèi)容完全可以取消。而且，我們可以把“更多”選項(xiàng)的內(nèi)容放在左側(cè)抽屜里，就像大部分的Android應(yīng)用一樣，這樣更符合邏輯和用戶們的心理預(yù)期。因此，對(duì)頂部的四個(gè)元素進(jìn)行排列和交互邏輯的整理，做出調(diào)整如圖（2）。
改動(dòng)理由：“更多”放在左上角，打開抽屜，內(nèi)容是原來的選項(xiàng)列表加上城市的操作——切換、添加、刪除——為了把APP所有的設(shè)置類信息整合在一起，方便查看和操作。“分享按鈕”移到了最右上角，與其他頁面一致。城市和時(shí)間信息則排列在一起，位于頁頂中央。它們是天氣有效性的保證，是除天氣外最重要的信息，所以放在導(dǎo)航欄中間，作標(biāo)題。點(diǎn)擊“時(shí)間”會(huì)垂直彈入日歷視圖，考慮商業(yè)價(jià)值，保持原樣，只是視圖頁面能美觀一點(diǎn)、和主頁面保持一致性的話就更好了。點(diǎn)擊“地點(diǎn)”不會(huì)打開右邊抽屜，采用主頁面向左滑的動(dòng)作可以——這一點(diǎn)是新手引導(dǎo)里有的。用戶在使用過程中，很容易左右滑動(dòng)進(jìn)入抽屜，發(fā)現(xiàn)城市操作的便捷操作，易學(xué)性強(qiáng)；再不濟(jì)點(diǎn)擊“更多”即可操作一切：所以，城市的切換不必再費(fèi)心機(jī)。
2.臨時(shí)視圖格式的不統(tǒng)一。
在主頁面點(diǎn)擊字塊或符號(hào)會(huì)彈出關(guān)于其詳細(xì)信息的臨時(shí)視圖，如圖（3），頁面內(nèi)容總體說來是內(nèi)容頁面+導(dǎo)航欄（或工具欄）——都是返回和分享操作鍵，但是欄的位置不一。對(duì)此，我的建議是統(tǒng)一格式為上部導(dǎo)航欄+頁面內(nèi)容，就像天氣趨勢(shì)頁那樣。首先，這是垂直出現(xiàn)的全屏視圖，左上角返回，右上角分享，符合用戶心理預(yù)期，便于操作。其次，由于幾乎所有安卓手機(jī)底部又方便的返回按鈕或者虛擬返回按鍵，再把視圖的返回鍵安放在左下角顯得重復(fù)多余。當(dāng)放在右上角時(shí)，用戶可以選擇按底部按鍵或者點(diǎn)擊左上角返回按鈕。
3.幾處小細(xì)節(jié)的改進(jìn)。
首先是分段按鈕的顏色問題。如圖（5），主頁面下部分欄目的選擇按鍵，灰色和主題色——這種灰色和有色按鍵的配合一般出現(xiàn)在警告框里，有色按鈕用于表示希望用戶點(diǎn)擊的選項(xiàng)，而灰色則是普通的、不推薦的選擇。由于有色按鈕具有引導(dǎo)性，所以用戶多半會(huì)點(diǎn)擊有色按鈕，然而沒有反饋。原來在這里，有色的選項(xiàng)代表的是現(xiàn)在所處的選項(xiàng)，這與人們的認(rèn)知恰恰相反，而且不容易記住。第二處是天氣趨勢(shì)詳情頁的分段控件顏色，普通的認(rèn)知應(yīng)該是——現(xiàn)在所處的選項(xiàng)稍亮、顏色與頁面顏色一致，這里也弄反了，使用戶不明所以。那么該使用什么樣式的組合呢?看看其他類似的例子，包括iOS系統(tǒng)的分段控件、知乎APP搜索頁的分段選項(xiàng)等。綜上，如圖（6）是我的改進(jìn)：前者被選擇選項(xiàng)被顏色填充，普通選項(xiàng)為顏色邊框和字；后者被選擇選項(xiàng)字體、顏色變亮，且上方有白色長(zhǎng)條。
然后是關(guān)于未來天氣趨勢(shì)的范圍，就本文開頭的用戶研究所述，用戶最需要的是一周和一天的天氣的變化和趨勢(shì)。而懶人天氣提供的是48小時(shí)和25天，雖精神可嘉，但懶人們怕是很少會(huì)看30小時(shí)后、20天后的天氣吧。而且，時(shí)間太長(zhǎng)預(yù)測(cè)不準(zhǔn)、小小的屏幕不適合看太長(zhǎng)的天氣趨勢(shì)圖。所以，可根據(jù)用戶研究等方法獲取用戶實(shí)際需要，在此基礎(chǔ)上進(jìn)行一定的改進(jìn)。還可把繁瑣的天氣趨勢(shì)等數(shù)據(jù)轉(zhuǎn)換為易查看、易理解的圖表等形式，畢竟我們的用戶是懶人嘛！
