玩運彩練小喂

運彩發發發-使用分析(ios版)

運彩發發發聯合報數位創新處開發,聯合晚報經營,台灣運彩則提供資訊,之前還打過報紙廣告。

icon175x175

APP圖示有特色且直覺易懂,三個立體環狀造型內結合了籃球、足球與棒球的圖案,搭配中文字”運彩”,明示APP的內容屬性。

這款APP的核心價值在於賽事分析,會員能觀看免費分析文或花點數購買分析文,分析師也多一個表現舞台。除此之外,賽事比分、賽事資訊等功能以及文章的質量,都還不夠完整,未達到”非用不可”的程度。

首頁

棒球圖案僅用來代表球類,沒有其他意義,這個視覺線索吃掉將近1/3的版面,變成視覺焦點,原本該是主要重點的賽事只列出3場,佔據不到1/2的畫面,比重上反倒成了綠葉。以下圖的MLB來說,一天動輒超過10場比賽,又是彩迷關注的大熱門,場次真的多列一些比較好。

thumb_IMG_5529_1024

傾斜的排版方式在同類型APP中很罕見,只是這手法除了視覺上的花俏,對使用者來說有無必要?”content is king”,核心概念是“事有輕重緩急”,使用者在意的重點應該被擺在第一位。

navigation drawer

部分項目的內容還不夠豐富,例如運彩教室、名家訪談、投注站區,把這三個合併起來,精簡選單,讓主要重點更凸顯。

thumb_IMG_5528_1024

加入會員

在APP,要求使用者註冊必須小心謹慎,這麼做並不討喜。除非使用者認同加入會員的好處,自動自發完成,就像交友類型的APP;再不然,確實有註冊的必要性,沒有討價還價的空間,例如電子郵件。否則,誰願意多此一舉呢?註冊會中斷使用體驗,本來就很煩了,在手機上輸入資料會讓這件事變得更麻煩。

加入會員

這款APP的加入會員,正好示範何謂恐怖的使用體驗。

重大缺失如下:

  1. 第一印象,表單落落長,光瀏覽就令人卻步了,難道不能再精簡?真的有需要性別、生日、職業?又如何驗證這些資料的真實性?
  2. 如果使用者帳號不能重複,輸入欄位又不做即時檢驗,乾脆用電子信箱取代,免得造成使用者卡關。
  3. 全部沒填按下送出,要求補填的順序很奇特,依序是電子信箱、出生年月日、使用者帳號、密碼、確認密碼。我每完成一個欄位就按下送出,畢竟欄位這麼多,又沒標示必填選填,使用者自然會開啟闖關模式。最後,我填完確認密碼,回饋訊息卻告訴我電子信箱已存在……orz,這不是第一時間就該說了嗎?
  4. 緊接著,讓我更崩潰的狀況發生了……是的,我辛苦輸入的資料全部被洗掉。之前都沒清,結果最後一個欄位資料重複,竟然給我整頁清空,這是在惡整使用者嗎?

如果這是開發者的刻意安排,企圖引導使用者採用社群帳號登入,我只能說做得很成功,我真的改用FB登入了。因為我得登入才有完整功能,進而寫出這篇心得,這正是前述”註冊的必要性”。-_-

還有一些表單設計上的問題:

  1. 精簡欄位後,再把各欄位下方的說明文字變成輸入欄位的預設文字,可以省下不少篇幅。欄位之間的層次、分群再加強,多點喘息空間,減少視覺上的壓迫感。
  2. 非得放生日欄位的話,可以合併為一個,然後在date picker內區分年、月、日,一方面減少點擊次數,再來視覺上欄位也會變少。
  3. 電子信箱漏填時,接連出現兩個回饋訊息:“電子郵件信箱 請不要空白”、“請輸入Email!!!”。
  4. 送出按鈕未固定於可視範圍內,當使用者補齊漏填欄位後,得自行捲動畫面到送出按鈕的位置。當畫面越長,就越不方便。
  5. 性別預填”女”,沒必要我也懶得改。

登入

加入會員頁面要求自訂使用者帳號,害我嚴重卡關,結果會員登入卻用不到,只需要輸入電子信箱和密碼。既然如此,為何不移除加入會員內的使用者帳號欄位?

thumb_IMG_5526_1024

改用FB帳號登入,也沒有更方便,每次都要重新輸入帳號密碼,這和APP內建的登入功能有何差異?難道沒有更輕鬆的方式?不能輸入一次後綁定嗎?

thumb_IMG_5525_1024

忘記密碼

這項功能也是災難。在加入會員時,系統回應我的電子信箱已被使用,但我在登入畫面試了老半天還是被擋在門外。還有,誰曉得 “登入失敗 L03”是什麼意思?怎麼會出現L03這種geek字眼?

thumb_IMG_5547_1024

好吧!也許我曾經註冊,但太久沒用,密碼已不可考。

thumb_IMG_5527_1024

完成忘記密碼頁的輸入欄位後,我確實收到udn寄來的信件。

thumb_IMG_5543_1024

也跟著指示照做,設定新密碼。

thumb_IMG_5544_1024拷貝

題外話,重設密碼的介面尚未針對行動裝置優化,點了輸入欄位畫面會自動放大,我得反覆手動調整到合適的位置,操作上並不順手。

回到APP,輸入新設定的密碼,還是卡關……也就是說我先前忙了老半天,都在做白工。

因為太崩潰了,再貼一次鬼打牆的證據。

thumb_IMG_5547_1024

我一直有在持續試用不同類型的APP,也不算操作上的新手了,從來沒有一個讓我這麼挫折。真心認為這個APP的加入會員、會員登入與忘記密碼還有很大的進步空間,開發團隊應該好好檢驗整個流程,親自試用看看,至少要修正最根本的錯誤。

賽事列表

在首頁點擊賽事,進入第二層畫面,這頁一樣有比重的問題。

thumb_IMG_5530_1024

navigation bar下方緊鄰固定位置的輪播廣告,佔據超過1/3的版面,這區塊有這麼重要嗎?並不是。輪播內容先是幾則賽事新聞、後來才是分析文廣告,順位應該顛倒才對,況且賽事新聞在首頁的navigation drawer就有連結了,再說這個APP的核心價值不是販售分析文嗎?我實在不懂這塊輪播廣告的意義為何。背景都是同一張球場照片,並未呼應輪播內容。既然無關,又佔用精華地段,不如把下方內容往上拉,照片模糊或淡化處理,既可保有原本的意象,又不至於干擾內容。

日曆圖示在APP內的暗示性太強烈,讓人誤以為能召喚出date picker。其實不然,只有裝飾作用又容易引發誤會,不如捨去。

下方的鬧鐘圖示沒有特別作用,而且太過搶戲,不如移除,再把右側的分析文數量標示擺到中間,強化成視覺焦點,同時平衡左右隊伍的寬度。因為隊伍字數不一定相同,主客隊可以各自靠左或靠右對齊,減少零碎的負空間。開賽時間若相較之下非主要重點,最好弱化處理,好凸顯整體畫面的強弱對比。

比賽資訊 / 分析文

點擊某一場賽事,進入第三層的比賽資訊。這頁有三大區塊的內容,從上到下依序是比分、盤分、分析文。

比分沒有做到即時更新,也沒有先發投手,對彩迷、球迷來說不太有參考價值。隊名可以點擊,將切換到球隊介紹,但外觀怎麼看都像純文字,不像按鈕。解決方法是在畫面最下方的tab bar新增一個球隊介紹,再把兩隊的資料通通整合過去。

從預測前、中、後的相關流程看下來,這款APP的預測賽事和競爭對手相對之下陽春許多,想必開發團隊也清楚該功能不是主要賣點。既然如此,盤分佔用將近一半的空間,合理嗎?再說,下方tab bar是採用”分析文”當作此頁面的名稱,本該是優先強調的內容,也是獲利來源,卻被流放到邊疆。

販售分析文的遊戲規則也很奇特,開賽後停止販售,但購買按鈕仍然存在,使用者點了按鈕才看到不能購買的訊息,這是不理想的設計。就算不能購買,那過期文章總可以”部分”解禁吧?很可惜全部上鎖,這樣要如何吸引潛在消費者呢?一篇文章80元新台幣,可不便宜啊!

thumb_IMG_5561_1024

其餘畫面上的小瑕疵,包括不一致的線條粗細,形成視覺干擾;排版未做好對齊與合理間距;整體視覺對比、層次感不足。

比賽資訊 / 預測遊戲

在比賽資訊內點擊最下方tab bar的“預測遊戲”,開賽前可以預測賽事。這頁最大問題是存在的必要性。只有預測功能的話,何不合併到分析文內?

thumb_IMG_5531_1024

第二大問題是radio button,點了不能取消,得回上層重新進來,讓畫面回到預設狀態,非常不便。關鍵是一旦送出預測,無法修改喔!

再來是送出按鈕,一個就夠了,不解每種玩法各放一個按鈕的用意何在?

表格框線太過搶戲,把畫面切成明顯區塊,幾乎快成視覺干擾。文字因欄位寬度縮放字級,同類型的資訊有大有小,導致易讀性不佳。其實還有其他排版方式,可以有效避免這個問題。

比賽資訊 / 球隊介紹

點擊比賽資訊上方的球隊名稱,進入球隊介紹。這頁的內容聊備一格。戰績僅提供近5場,數據種類貧乏,在數據派的彩迷眼裡根本不夠用。球隊簡介是入門資訊,隨手google都有,實在沒必要放在APP內佔版面。

thumb_IMG_5532_1024

分析師一覽

navigation drawer的第二個選單是分析師。分析師為數眾多,人多卻貧打,一長串”目前沒有新文章”,越看越像殭屍大隊。若要讓內容更豐富、高手分析師能見度更高,最基本要有過往文章與過盤表現。

另外畫面右上方的圖示意義不明,看起來像排序,實為文章分類。用了才發現bug,選了NBA美國職籃,結果撈出一堆寫MLB分析文和貧打的分析師。

thumb_IMG_5563_1024

點了其中一位分析師,進入分析師的個人頁面。大頭照下方的橫移選單,可以切換聯盟,卻與下方預測紀錄脫鉤,迥異於一般APP的操作模式。這個橫向選單令人困惑,看起來可以切換下方的預測紀錄,實則不然。

thumb_IMG_5540_1024

過往的預測紀錄,時間點很重要。若要把內容分類得更清楚,應該將時間獨立出來,變成副標區隔不同日期的預測。

若要更有效利用空間,甚至可以把分析師的頭像與暱稱,擺到navigation bar內。雖然不符合ios的介面規範,但這個手法並不罕見。預測紀錄上方的內容,沒有必要一直固定在畫面上,佔用大半空間。另外,如果預測紀錄的內容跟著上方橫向選單改變的話,每則賽事內根本不用顯示聯盟名稱。

再來是跟獲利有關的環節。無法購買已開賽文章可以理解,但至少要開放瀏覽,若是因為商業利益選擇不公佈,改成部分揭露不為過吧?不然消費者怎有選購依據?

賽事分析

navigation drawer的第三個選單是賽事分析。這個頁面和分析師一覽很相似,合併在一起比較理想。乍看之下文章很多,其實是以前到現在的所有累積,開打前的文章數量並不多。

分析文的時效很重要,比賽開打前才有付費的價值。這頁主要的問題是時間標示不明顯,而且過期文章還保留購買按鈕。既然不能購買,為何要出現”看起來可以按”的按鈕?太多頁面存在這個問題了。

thumb_IMG_5564_1024

分析文的內容,老話一句,好地段要留給重點。文章標題上方卡了大範圍的賽事比分和分析師簡介,這兩個區塊還是固定位置,本末倒置了。分析師簡介裡的”3A”讓人疑惑,這是類似米其林餐廳的評價機制嗎?還是大聯盟3A?跟分析師預測表現有什麼關係?

至於文字編排和其他頁面一樣問題,就不贅述了。

thumb_IMG_5565_1024

個人資料

這是加入會員後才能看到的畫面,進入後預設出現”點數管理”。兩個子項目實在不需要做成下拉式,改用ios預設的Segmented Control更直覺。

thumb_IMG_5557_1024

切換到”我的預測”。不同聯盟的預測全塞在同一頁,為何不利用上方的橫向選單做分頁?

預測無法變更,毫無彈性,這根本問題會導致預測意願降低。而且預測結果不明確,未顯示賽事最終比分,也少了預測表現的統計數據,每個使用者都是一座孤島,怎麼玩得起來?

thumb_IMG_5562_1024

再切換到”我的追蹤”。點”取消追蹤”,沒有直接動作,卻切換到分析師的個人頁才能取消追蹤,多此一舉。每次換頁又經常性的重拖,很容易引起使用者不滿。

thumb_IMG_5556_1024

這頁版面應該和“我的預測”對調,分析師根本用不到這麼多空間,“目前沒有新文章”四周大方的留白,正好凸顯了貧弱的內容。反倒是每則預測需要更多收納空間,才不會顯得侷促,又得縮小文字,造成版面紊亂。

新聞類型的文章

很多頁面套用這個版型,像是運動快訊、運彩教室、名家訪談、投注站區等。呈現方式清湯掛麵,標題與內容無吸引力,看不出來在這環節花很多心思,也看不到更積極的作為。

thumb_IMG_5568_1024

點擊上方的綜合快訊選單,切換分類到MLB美國職棒,奇特的bug出現了。目前是MLB旺季,怎麼可能完全沒有內容?

thumb_IMG_5570_1024

文章內頁的捲動高度有問題,最下方內容被推到螢幕外,這應該與上方固定位置的標題高度有關。

話說回來,為何要固定標題與時間?有這個必要嗎?

不如加上社群分享連結,多置入圖片和影片,做好最基本的排版,增加內容可看性。

畫面不當截斷

綜合問題

1. 慢
幾乎每次換頁都出現“資料載入中”,執行效率非常不理想,這問題足以引來使用者負評。

thumb_IMG_5536_1024

2.沒網路怎麼辦?
網路斷線時開啟APP,將看到全黑畫面,什麼都沒有,這樣容易造成使用者困惑。最少要保留操作介面,並回饋網路中斷的訊息,有的APP還會放”重新連線”的按鈕,讓使用者清楚掌握當下的狀態。

thumb_IMG_5524_1024

如果是使用中斷線,雖有暫存內容,但切換到其他頁面,容易在讀取中閃退。這不是小問題,真實的使用情境有太多狀況會造成網路訊號突然轉弱或完全消失,試想當使用者邊滑手機走進電梯,或在訊號不穩的高鐵車廂中,結果切換頁面時因為網路中斷而閃退,使用者還不見得發現沒網路,那麼當下會怪罪電信商還是APP?

3.難以掌握的下拉選單
這組選單出現在許多頁面,但非常難切換。我的理解沒錯的話,這應該是拿ios的picker組件來改樣式對吧?怎麼連簡單易用的特性都改掉了?捲動到想切換的項目,還要多點一下,再按確定,才能順利切換。少做”多點一下”,怎麼試都不會成功。

thumb_IMG_5569_1024


要靠分析文獲利,執行上不容易,最大關鍵還是在作者。除了文章的質與量要夠,重點還是”“。預測準確,自然有群眾基礎,加上行銷包裝,知名度就打開了。APP在整個環節擔任延伸市場觸角的工具,不想幫倒忙的話,基本條件是內容要值得使用者期待、介面容易上手無負擔,以及販售的遊戲規則合理,這幾點綜合起來,就是抽象的良好使用者體驗。所以,目前看起來它還不是一個好幫手,軟體本身還有一堆問題,不光是UI,包含產品定位、獲利模式、資訊架構、內容企劃、程式效能等等,都需要好好加油。

發佈留言

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