玩運彩練小喂

樂啃運動-ios APP介面分析


樂啃運動的主要賣點是資訊服務,提供運動彩券相關的賽事、盤分等資訊,功能簡易,資訊架構單純,並沒有特別需要記憶的操作流程,也不強迫使用者註冊。

thumb_IMG_5575_1024

頭一次使用APP,出現常見的滿版操作說明,分成五個步驟,不強迫看完,可以隨時關閉。內容雖然都是很基本、很常見的操作模式,倒也不能直接斷定不需要說明。我們習以為常的介面,相對於智慧型手機的輕度使用者,不見得這麼理所當然。

 

進入主畫面後,先看收合在左側的navigation drawer,上方碩大的APP名稱與logo,粗估高度至少88pt,頗佔空間。況且下方已有開發團隊的連結,使用者如果好奇,自然會去點。

選單包含三大球類,可以加上標題、拉大間距做分群,視覺上會更清爽。文字部分仍不夠精簡,例如”MLB美國職棒大聯盟”,可以直接用”MLB”。

thumb_IMG_5693_1024

主畫面配置分析

關於主畫面,有幾個問題點,以下按照上圖內的編號說明:

  1. 取捨:隊名左方的主、客場圖示太大,形成視覺焦點,粗估至少佔據50pt的寬度。同位置在Android版出現隊徽,ios版卻沒有。既然沒有,直接移除會比較好,因為主客場圖示並非約定成俗,意義較不明確,也不是畫面重點,不如讓出空間給重要的數據資訊。
  2. 橫向對齊:右側盤分的文字基線可以對齊左側的隊名,讓視線在橫移時有隱形基準,同時避免留白處被切割得更零碎。
  3. 縱向對齊:不讓分與讓分都用置中對齊,因為內容長度不一,欄位較密集,且沒有垂直格線,整欄看下來參差不齊,留白處被切割零碎,導致畫面紊亂。不如每欄內部一律齊左或齊右,創造出隱形的欄分隔線,讓視線在縱向移動時有隱形基準。
  4. 群集關係:大小分單獨一列擺在下方,貼近主場隊伍,位置頗尷尬,字級也比上方的盤方稍小,大、小分盤分看似對齊上方的讓分、不讓分,但兩者沒有關係,這樣的編排方式雖然倒出全部資訊,卻導致整個畫面資訊過多。另一個群組的問題出現在部分頁面,例如下圖的亞洲職棒,集合台灣、日本與韓國三個職業聯盟,不過賽事都上下緊連,難以察覺起始斷點,只能靠隊名分辨屬於哪個聯盟。如果用聯盟名稱當標題做個分段,可以把不同聯盟的賽事區分的更清楚。

主畫面的色系妥善控制,主色、輔助色與強調色的用色比例懸殊。若能再精簡部分畫面細節會更好,例如主、客隊中間的分隔線,以及背景色。精簡的目在於降低色數與視覺干擾,畫面更簡潔,重點自然浮現。

color-scheme

點擊某一場賽事,進入第二層頁面。

內頁上方有分段控制項(segmented control),簡單明瞭。隊名旁邊又出現主、客場圖示,一樣有尺寸過大的問題。內容區塊用了三種灰階背景區分欄位,若再加上文字與框線,少說五種灰階,整體畫面稍嫌繁複。其實善用對齊、對比、群集與留白,不見得需要用到這麼多設計元素,也可以清楚呈現資訊。

thumb_IMG_5578_1024

不是每個內頁都有球隊資訊和傷兵名單,例如:足球。值得注意的是足球有許多字數較多的隊名,如果用小字取代佔空間的主、客場圖示,排版時就不會這麼侷促了。

thumb_IMG_5687_1024

至於球隊資訊與傷兵名單嘛~~我不是彩迷,不清楚彩迷的需求,但我知道和運彩投注相關的資訊種類很多,遠遠多過這個APP所提供的,所以重點在於放什麼內容才是剛剛好的境界?除非開發團隊就是彩迷,很清楚使用需求,否則一定要挖掘真實使用者的建議了。

thumb_IMG_5696_1024

 

像是傷兵名單,下注前重要的參考資料,可惜全英文。如果能實現中文化,應該會更受使用者讚賞。

thumb_IMG_5694_1024

thumb_IMG_5695_1024

無網路訊號的回饋頗俏皮,比起直白的陳述,這樣做比較有人味。只是背景的灰階過重,和導覽列的底色搭配起來既混屯又暗沈。改用白底或接近白底的背景會好一些,也可以突顯內容。

thumb_IMG_5640_1024

流程方面有個問題不得不講,就是嘮叨的提示,如下圖。每次開啟APP必定出現,就像電玩裡已經看膩又關不掉的過場動畫,很煩。

thumb_IMG_5639_1024

看到沒?又出現了。既然沒內容,出現提示很奇怪,使用者看到也不會記得。

thumb_IMG_5685_1024

 

ios版的樂啃運動APP功能簡便,內容層級簡單,就算初次使用,不至於嚴重卡關,以上是它的優點。既然主要賣點在於內容,開發團隊應該廣納使用者的建議,做出更符合使用需求,讓人重度依賴的產品。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *