懶人天氣Android端的幾點改進(#重設計 Redesign)

懶人天氣APP以其獨特的多種天氣狀況提醒和直觀、美觀的界面受到許多用戶的喜愛。我初次點進APP時,也是感到十分驚喜。APP的整體信息架構比較簡單,因而交互流程也不太深,但是一些交互的邏輯不是很明確,不禁讓人感到困惑、不能預料。雖說這些不是此產品的主要功能,但實用的提醒功能和美觀的界面至少得搭配一個簡單易用的交互流程。因此,我嘗試結合APP的產品定位,整理APP提供的主要信息及其相關性,對其進行嘗試性的改進。


1.主要信息入口布置和交互流程。

用戶研究表明,用戶需要的天氣信息為8個,其他都是花哨功能:

1)天氣的狀態「是否有降雨、雪等」;2)溫度;3)PM 2.5指數「包含國家標準指數和美領館指數(如有)」;4)風力;5)濕度;6)一周和一天的天氣的變化和趨勢;7)天氣劇烈變動的信息「如寒潮警報,高溫警報,路面結冰警報等」;8)不同城市的天氣等。

文/瘦竹竿兒(簡書作者)

原文鏈接:http://www.lxweimin.com/p/b03c9ef8d29f#

著作權歸作者所有,轉載請聯系作者獲得授權,并標注“簡書作者”。

懶人天氣包含上面所有的功能,而且以簡潔的圖片配上合適的文字、在首頁里以垂直滾動的形式表達。雖說懶人的特點是天氣提醒、解放每天看天氣的過程,但仍有不少人會打開應用親自查看信息。圖(1)是產品的線框圖。

圖(1)APP線框圖


主頁面的頂部有四個元素控件,有符號有文字,邏輯也不太明確:更多、日期、分享、城市,分別導向四個風格不同的視圖,彈出的臨時視圖、垂直向上進入的全屏視圖、關于分享的內容視圖、位于右側的抽屜。此外,在主頁面左滑或者右滑都會進入抽屜,左邊是一周天氣的列表排列,右邊是城市切換等操作,兩邊的樣式相同,左右對稱。然而,左邊使用抽屜、列表排列一周天氣的做法并不實用,為保證美觀,天氣狀況和溫度是用不同天氣的色塊加上文字表現的,得豎著一個個地看文字說明來了解,易讀性不強。而且,一周天氣的需求是想要了解最近的天氣趨勢,使用直觀的表現方式最好,如天氣符號、折線圖等。主頁面點擊天氣和符號就可以彈出詳細的天氣趨勢視圖,在主頁面最下方也有,采用折線圖表現溫度趨勢,直觀明了,再在其天氣說明旁添加天氣符號的話則更好。所以,左側抽屜的內容完全可以取消。而且,我們可以把“更多”選項的內容放在左側抽屜里,就像大部分的Android應用一樣,這樣更符合邏輯和用戶們的心理預期。因此,對頂部的四個元素進行排列和交互邏輯的整理,做出調整如圖(2)。


圖(2)改進后的線框圖

改動理由:“更多”放在左上角,打開抽屜,內容是原來的選項列表加上城市的操作——切換、添加、刪除——為了把APP所有的設置類信息整合在一起,方便查看和操作。“分享按鈕”移到了最右上角,與其他頁面一致。城市和時間信息則排列在一起,位于頁頂中央。它們是天氣有效性的保證,是除天氣外最重要的信息,所以放在導航欄中間,作標題。點擊“時間”會垂直彈入日歷視圖,考慮商業價值,保持原樣,只是視圖頁面能美觀一點、和主頁面保持一致性的話就更好了。點擊“地點”不會打開右邊抽屜,采用主頁面向左滑的動作可以——這一點是新手引導里有的。用戶在使用過程中,很容易左右滑動進入抽屜,發現城市操作的便捷操作,易學性強;再不濟點擊“更多”即可操作一切:所以,城市的切換不必再費心機。


2.臨時視圖格式的不統一。

在主頁面點擊字塊或符號會彈出關于其詳細信息的臨時視圖,如圖(3),頁面內容總體說來是內容頁面+導航欄(或工具欄)——都是返回和分享操作鍵,但是欄的位置不一。對此,我的建議是統一格式為上部導航欄+頁面內容,就像天氣趨勢頁那樣。首先,這是垂直出現的全屏視圖,左上角返回,右上角分享,符合用戶心理預期,便于操作。其次,由于幾乎所有安卓手機底部又方便的返回按鈕或者虛擬返回按鍵,再把視圖的返回鍵安放在左下角顯得重復多余。當放在右上角時,用戶可以選擇按底部按鍵或者點擊左上角返回按鈕。


圖(3)統一視圖的格式


3.幾處小細節的改進。

圖(4)兩處令人疑惑的按鈕

首先是分段按鈕的顏色問題。如圖(5),主頁面下部分欄目的選擇按鍵,灰色和主題色——這種灰色和有色按鍵的配合一般出現在警告框里,有色按鈕用于表示希望用戶點擊的選項,而灰色則是普通的、不推薦的選擇。由于有色按鈕具有引導性,所以用戶多半會點擊有色按鈕,然而沒有反饋。原來在這里,有色的選項代表的是現在所處的選項,這與人們的認知恰恰相反,而且不容易記住。第二處是天氣趨勢詳情頁的分段控件顏色,普通的認知應該是——現在所處的選項稍亮、顏色與頁面顏色一致,這里也弄反了,使用戶不明所以。那么該使用什么樣式的組合呢?看看其他類似的例子,包括iOS系統的分段控件、知乎APP搜索頁的分段選項等。綜上,如圖(6)是我的改進:前者被選擇選項被顏色填充,普通選項為顏色邊框和字;后者被選擇選項字體、顏色變亮,且上方有白色長條。


圖(5)一些參考


圖(6)改進后

然后是關于未來天氣趨勢的范圍,就本文開頭的用戶研究所述,用戶最需要的是一周和一天的天氣的變化和趨勢。而懶人天氣提供的是48小時和25天,雖精神可嘉,但懶人們怕是很少會看30小時后、20天后的天氣吧。而且,時間太長預測不準、小小的屏幕不適合看太長的天氣趨勢圖。所以,可根據用戶研究等方法獲取用戶實際需要,在此基礎上進行一定的改進。還可把繁瑣的天氣趨勢等數據轉換為易查看、易理解的圖表等形式,畢竟我們的用戶是懶人嘛!

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容