倒退的虎撲看球客戶端

今兒早上,發現虎撲看球客戶端更新成了5.1版。界面結構和圖標都有了較大的變化。但是在我看來,新版的許多改變卻有了很大的倒退,感覺上像是換了一個生疏的產品經理。下面就比較一下4.x版和5.1版。

功能圖標的調整

新的客戶端首先全面調整了各個標簽頁圖標的風格,適應潮流的將粗線條填充型圖標調整成了細線條空心型。圖標的美丑仁者見仁智者見智,這里不作評價。


功能圖標對比
功能圖標對比

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


圖標重用
圖標重用

板塊切換的調整

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


板塊切換的調整
板塊切換的調整

之所以這樣調整,猜想產品經理是覺得這樣可以將板塊切換功能放在主視圖上,不用額外的呼出左側邊欄。所以新版本模仿了網易新聞的板塊切換。但我個人認為,這是個失敗的模仿。

從對比圖上很明顯的可以看到,舊版的客戶端可以顯示9個板塊,而新版的客戶端只能顯示4個。因為手機的高度>寬度,而板塊名都是橫向文字,寬度>>高度。所以將板塊選擇放在側邊欄是非常經濟的。側邊欄不僅可以容納板塊名稱,還能有額外的空間容納圖標,而人們對圖標的識別能力是遠大于文字的。所以雖然犧牲了一次打開側邊欄的操作,但后續的板塊選擇卻更加直接

也許反對者會說,用戶主要使用的板塊可能只有界面上幾個。那么不需要滑動就能直接選擇板塊了。如果用戶僅僅是一個籃球愛好者,只關注CBA和NBA,那么的確如此。但是實際上,關注足球的人會更多。可是導航欄上的那四個位置連五大聯賽都擺不下。所以,選擇導航欄上不存在的板塊,是無法避免的操作

在板塊選擇上,新版客戶端參照了網易新聞的板塊切換設計。可以滑動導航標簽選擇板塊,也可以滑動主視圖界面切換到相鄰板塊。滑動導航標簽選擇板塊更加靈活,但是操作區域太小,滾動選擇有增加了操作的困難。而滑動主視圖界面操作區域雖大,但是只能按照相鄰的順序依次切換。

從業務上來分析,看球客戶端和網易新聞是不一樣的。對于新聞,每天每個板塊都會有新聞。但是體育賽事則是有時間安排的。NBA從每年11月到次年7月;世界杯4年一次,持續一兩個月;等等等等。所以,新聞客戶端的閱讀頻率是,天天看,版版看;而看球客戶端的閱讀頻率是,有賽事才看。所以,一旦有比賽,用戶需要切換到那個板塊去看,而不像新聞客戶端那樣可以順序的,看完一個板塊的新聞再看下一個板塊的新聞。網易新聞可以愉快的滑動主視圖切換到下一板塊,而看球客戶端卻是先確定要切換的板塊,再進行切換。

業務邏輯的不同導致了行為方式的不同。對網易新聞來說,左右滑動來切換板塊是一個自然的操作,但是對于看球客戶端來說,板塊選擇則是一個頻繁的操作。舊版的側邊欄板塊選擇恰恰是一個非常符合實際業務邏輯的設計,是虎撲看球的真正亮點,但結果卻被放棄,被一個并不合適的設計給替代了。

除此之外,舊版沒有在導航欄上顯示板塊切換,僅僅將界面元素劃分為內容區和標簽頁功能區,界面也更加清爽。

每日比賽戰況切換的調整

由于左右切換被設計用來切換板塊,因此新版只好選擇使用滾動列表視圖來顯示每日比賽情況。向下滑動顯示歷史的賽況,向下活動顯示未來的賽程。和舊版相比,可讀性也差了很多。


每日比賽戰況切換
每日比賽戰況切換

舊版的界面,當你上下滾動時,內容都局限于當日的賽事。而新版一旦你滾動用力過猛,就會滑入歷史比賽賽況,或者是未來的賽程。用戶需要控制自己的滑動速度,并且眼明手快的定位到自己想看的日期和賽事。

長滾動列表視圖通常用于快速滾動,適用于需要快速掃描進行篩選的信息的情況,短滾動列表視圖則用于放置一屏頁面放不下的有限列表。對于比賽賽況來說,由于涉及到比賽雙方,人眼在閱讀時,視線不僅僅要上下掃描,還需要左右掃描,因此不可能做到快速掃描篩選信息。所以舊版的賽況視圖使用短滾動列表,僅僅只顯示一天的內容是非常合理的。

對于看球客戶端來說,將比賽按照日期劃分是很自然的選擇。用戶最關心當天的比賽賽況,偶爾需要查詢一下前幾日的賽況,或者關注未來幾日的賽程安排。用戶對賽況的關注度是和距離當前的時間是成正比的。因此舊版的向右滑動依次顯示過去的戰績,向左滑動依次顯示未來的賽程也是很自然的操作。

很可惜,這個合理的設計也被替換了。

NBA球隊隊標的調整

從前面的幾張圖中可以看得到,NBA球隊的隊標又發生了變化,拋棄了球隊個性的原生隊標,拋棄了上一個版本的粗線條原型圖標,采用了一套單調的圓圓的細線條隊標。還仔細給圓圈圈描了兩層邊。可是看上去卻更丑了。而且僅僅只有NBA的隊標進行了單獨的設計,足球隊的圖標們還是使用的原始隊標。

真的好奇怪。

總結

舊版的虎撲客戶端可以說是我最喜歡的應用了。一直都覺得它的設計非常符合人的思維邏輯。它的界面被清晰的劃分為三個部分:內容、功能、板塊。

作為一個看球客戶端,它啟動后的第一界面是最熱門的(如果你沒有設置板塊)板塊的當日(如果沒有,則是最近的)賽事。這是最主要的內容。用戶在閱讀內容的時候,往往會逐步深入的去了解更多的信息。而虎撲客戶端非常自然的滿足了人們這一需求。內容界面上的元素都是點擊的。例如,關注一項比賽時,你可能想要了解兩個隊的具體情況,那么點擊隊標可以進入球隊視圖;在球隊視圖中,你可能想要了解某個具體隊員的情況,那么可以點擊球員名單中的隊員從而進入球員信息視圖;如果你希望了解某只特定球隊的賽程,也可以在球隊視圖中找到。

功能菜單作為內容的補充,根據內容的不同提供不同的標簽幫助用戶以不同的維度查看內容。例如NBA板塊會涉及到比賽、新聞、視頻、排行、數據。對于具體的某一場比賽,用戶會關心其戰報、統計、直播、精彩和熱線。

可以說,界面上所有可以引起你聯想的元素都能被點擊從而到達你想要了解的內容。這種設計思路真是太贊了。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,732評論 6 539
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,214評論 3 426
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,781評論 0 382
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,588評論 1 316
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,315評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,699評論 1 327
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,698評論 3 446
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,882評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,441評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,189評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,388評論 1 372
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,933評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,613評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,023評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,310評論 1 293
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,112評論 3 398
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,334評論 2 377

推薦閱讀更多精彩內容