今兒早上,發現虎撲看球客戶端更新成了5.1版。界面結構和圖標都有了較大的變化。但是在我看來,新版的許多改變卻有了很大的倒退,感覺上像是換了一個生疏的產品經理。下面就比較一下4.x版和5.1版。
功能圖標的調整
新的客戶端首先全面調整了各個標簽頁圖標的風格,適應潮流的將粗線條填充型圖標調整成了細線條空心型。圖標的美丑仁者見仁智者見智,這里不作評價。

但是新版的功能圖標有一個嚴重的細節問題:左側欄的“競猜排行”和底部標簽頁的“排行”采用了同樣的圖標。同為“排行”,意義其實完全不一樣。雖然有文字進行輔助說明,但圖標的作用就是幫助人們進行快速識別,這種圖標表意不唯一無疑是非常糟糕的用戶體驗。

板塊切換的調整
在應用層面,最大的變化就是將原來放置在左側邊欄的板塊切換移到了導航欄,導航欄標簽除了可以自定義外,還支持自選排序。

之所以這樣調整,猜想產品經理是覺得這樣可以將板塊切換功能放在主視圖上,不用額外的呼出左側邊欄。所以新版本模仿了網易新聞的板塊切換。但我個人認為,這是個失敗的模仿。
從對比圖上很明顯的可以看到,舊版的客戶端可以顯示9個板塊,而新版的客戶端只能顯示4個。因為手機的高度>寬度,而板塊名都是橫向文字,寬度>>高度。所以將板塊選擇放在側邊欄是非常經濟的。側邊欄不僅可以容納板塊名稱,還能有額外的空間容納圖標,而人們對圖標的識別能力是遠大于文字的。所以雖然犧牲了一次打開側邊欄的操作,但后續的板塊選擇卻更加直接。
也許反對者會說,用戶主要使用的板塊可能只有界面上幾個。那么不需要滑動就能直接選擇板塊了。如果用戶僅僅是一個籃球愛好者,只關注CBA和NBA,那么的確如此。但是實際上,關注足球的人會更多。可是導航欄上的那四個位置連五大聯賽都擺不下。所以,選擇導航欄上不存在的板塊,是無法避免的操作。
在板塊選擇上,新版客戶端參照了網易新聞的板塊切換設計。可以滑動導航標簽選擇板塊,也可以滑動主視圖界面切換到相鄰板塊。滑動導航標簽選擇板塊更加靈活,但是操作區域太小,滾動選擇有增加了操作的困難。而滑動主視圖界面操作區域雖大,但是只能按照相鄰的順序依次切換。
從業務上來分析,看球客戶端和網易新聞是不一樣的。對于新聞,每天每個板塊都會有新聞。但是體育賽事則是有時間安排的。NBA從每年11月到次年7月;世界杯4年一次,持續一兩個月;等等等等。所以,新聞客戶端的閱讀頻率是,天天看,版版看;而看球客戶端的閱讀頻率是,有賽事才看。所以,一旦有比賽,用戶需要切換到那個板塊去看,而不像新聞客戶端那樣可以順序的,看完一個板塊的新聞再看下一個板塊的新聞。網易新聞可以愉快的滑動主視圖切換到下一板塊,而看球客戶端卻是先確定要切換的板塊,再進行切換。
業務邏輯的不同導致了行為方式的不同。對網易新聞來說,左右滑動來切換板塊是一個自然的操作,但是對于看球客戶端來說,板塊選擇則是一個頻繁的操作。舊版的側邊欄板塊選擇恰恰是一個非常符合實際業務邏輯的設計,是虎撲看球的真正亮點,但結果卻被放棄,被一個并不合適的設計給替代了。
除此之外,舊版沒有在導航欄上顯示板塊切換,僅僅將界面元素劃分為內容區和標簽頁功能區,界面也更加清爽。
每日比賽戰況切換的調整
由于左右切換被設計用來切換板塊,因此新版只好選擇使用滾動列表視圖來顯示每日比賽情況。向下滑動顯示歷史的賽況,向下活動顯示未來的賽程。和舊版相比,可讀性也差了很多。

舊版的界面,當你上下滾動時,內容都局限于當日的賽事。而新版一旦你滾動用力過猛,就會滑入歷史比賽賽況,或者是未來的賽程。用戶需要控制自己的滑動速度,并且眼明手快的定位到自己想看的日期和賽事。
長滾動列表視圖通常用于快速滾動,適用于需要快速掃描進行篩選的信息的情況,短滾動列表視圖則用于放置一屏頁面放不下的有限列表。對于比賽賽況來說,由于涉及到比賽雙方,人眼在閱讀時,視線不僅僅要上下掃描,還需要左右掃描,因此不可能做到快速掃描篩選信息。所以舊版的賽況視圖使用短滾動列表,僅僅只顯示一天的內容是非常合理的。
對于看球客戶端來說,將比賽按照日期劃分是很自然的選擇。用戶最關心當天的比賽賽況,偶爾需要查詢一下前幾日的賽況,或者關注未來幾日的賽程安排。用戶對賽況的關注度是和距離當前的時間是成正比的。因此舊版的向右滑動依次顯示過去的戰績,向左滑動依次顯示未來的賽程也是很自然的操作。
很可惜,這個合理的設計也被替換了。
NBA球隊隊標的調整
從前面的幾張圖中可以看得到,NBA球隊的隊標又發生了變化,拋棄了球隊個性的原生隊標,拋棄了上一個版本的粗線條原型圖標,采用了一套單調的圓圓的細線條隊標。還仔細給圓圈圈描了兩層邊。可是看上去卻更丑了。而且僅僅只有NBA的隊標進行了單獨的設計,足球隊的圖標們還是使用的原始隊標。
真的好奇怪。
總結
舊版的虎撲客戶端可以說是我最喜歡的應用了。一直都覺得它的設計非常符合人的思維邏輯。它的界面被清晰的劃分為三個部分:內容、功能、板塊。
作為一個看球客戶端,它啟動后的第一界面是最熱門的(如果你沒有設置板塊)板塊的當日(如果沒有,則是最近的)賽事。這是最主要的內容。用戶在閱讀內容的時候,往往會逐步深入的去了解更多的信息。而虎撲客戶端非常自然的滿足了人們這一需求。內容界面上的元素都是點擊的。例如,關注一項比賽時,你可能想要了解兩個隊的具體情況,那么點擊隊標可以進入球隊視圖;在球隊視圖中,你可能想要了解某個具體隊員的情況,那么可以點擊球員名單中的隊員從而進入球員信息視圖;如果你希望了解某只特定球隊的賽程,也可以在球隊視圖中找到。
功能菜單作為內容的補充,根據內容的不同提供不同的標簽幫助用戶以不同的維度查看內容。例如NBA板塊會涉及到比賽、新聞、視頻、排行、數據。對于具體的某一場比賽,用戶會關心其戰報、統計、直播、精彩和熱線。
可以說,界面上所有可以引起你聯想的元素都能被點擊從而到達你想要了解的內容。這種設計思路真是太贊了。