今兒早上氮墨，發(fā)現虎撲看球客戶端更新成了5.1版。界面結構和圖標都有了較大的變化栗弟。但是在我看來污筷，新版的許多改變卻有了很大的倒退，感覺上像是換了一個生疏的產品經理乍赫。下面就比較一下4.x版和5.1版瓣蛀。
功能圖標的調整
新的客戶端首先全面調整了各個標簽頁圖標的風格陆蟆，適應潮流的將粗線條填充型圖標調整成了細線條空心型。圖標的美丑仁者見仁智者見智惋增，這里不作評價叠殷。
但是新版的功能圖標有一個嚴重的細節(jié)問題：左側欄的“競猜排行”和底部標簽頁的“排行”采用了同樣的圖標。同為“排行”器腋，意義其實完全不一樣溪猿。雖然有文字進行輔助說明，但圖標的作用就是幫助人們進行快速識別纫塌，這種圖標表意不唯一無疑是非常糟糕的用戶體驗。
板塊切換的調整
在應用層面讲弄，最大的變化就是將原來放置在左側邊欄的板塊切換移到了導航欄措左，導航欄標簽除了可以自定義外，還支持自選排序避除。
之所以這樣調整怎披，猜想產品經理是覺得這樣可以將板塊切換功能放在主視圖上，不用額外的呼出左側邊欄瓶摆。所以新版本模仿了網易新聞的板塊切換凉逛。但我個人認為，這是個失敗的模仿群井。
從對比圖上很明顯的可以看到状飞，舊版的客戶端可以顯示9個板塊，而新版的客戶端只能顯示4個书斜。因為手機的高度>寬度诬辈，而板塊名都是橫向文字，寬度>>高度荐吉。所以將板塊選擇放在側邊欄是非常經濟的焙糟。側邊欄不僅可以容納板塊名稱，還能有額外的空間容納圖標样屠，而人們對圖標的識別能力是遠大于文字的穿撮。所以雖然犧牲了一次打開側邊欄的操作，但后續(xù)的板塊選擇卻更加直接痪欲。
也許反對者會說悦穿，用戶主要使用的板塊可能只有界面上幾個。那么不需要滑動就能直接選擇板塊了勤揩。如果用戶僅僅是一個籃球愛好者咧党，只關注CBA和NBA，那么的確如此陨亡。但是實際上傍衡，關注足球的人會更多深员。可是導航欄上的那四個位置連五大聯賽都擺不下蛙埂。所以倦畅，選擇導航欄上不存在的板塊，是無法避免的操作绣的。
在板塊選擇上叠赐，新版客戶端參照了網易新聞的板塊切換設計÷沤可以滑動導航標簽選擇板塊芭概，也可以滑動主視圖界面切換到相鄰板塊〕图危滑動導航標簽選擇板塊更加靈活罢洲，但是操作區(qū)域太小，滾動選擇有增加了操作的困難文黎。而滑動主視圖界面操作區(qū)域雖大惹苗，但是只能按照相鄰的順序依次切換。
從業(yè)務上來分析耸峭，看球客戶端和網易新聞是不一樣的桩蓉。對于新聞，每天每個板塊都會有新聞劳闹。但是體育賽事則是有時間安排的院究。NBA從每年11月到次年7月；世界杯4年一次玷或，持續(xù)一兩個月儡首；等等等等。所以偏友，新聞客戶端的閱讀頻率是蔬胯，天天看，版版看位他；而看球客戶端的閱讀頻率是氛濒，有賽事才看。所以鹅髓，一旦有比賽舞竿，用戶需要切換到那個板塊去看，而不像新聞客戶端那樣可以順序的窿冯，看完一個板塊的新聞再看下一個板塊的新聞骗奖。網易新聞可以愉快的滑動主視圖切換到下一板塊，而看球客戶端卻是先確定要切換的板塊，再進行切換执桌。
業(yè)務邏輯的不同導致了行為方式的不同鄙皇。對網易新聞來說，左右滑動來切換板塊是一個自然的操作仰挣，但是對于看球客戶端來說伴逸，板塊選擇則是一個頻繁的操作。舊版的側邊欄板塊選擇恰恰是一個非常符合實際業(yè)務邏輯的設計膘壶，是虎撲看球的真正亮點错蝴，但結果卻被放棄，被一個并不合適的設計給替代了颓芭。
除此之外顷锰，舊版沒有在導航欄上顯示板塊切換，僅僅將界面元素劃分為內容區(qū)和標簽頁功能區(qū)亡问，界面也更加清爽馍惹。
每日比賽戰(zhàn)況切換的調整
由于左右切換被設計用來切換板塊，因此新版只好選擇使用滾動列表視圖來顯示每日比賽情況玛界。向下滑動顯示歷史的賽況，向下活動顯示未來的賽程悼吱。和舊版相比慎框，可讀性也差了很多。
舊版的界面后添，當你上下滾動時笨枯，內容都局限于當日的賽事。而新版一旦你滾動用力過猛遇西，就會滑入歷史比賽賽況馅精，或者是未來的賽程。用戶需要控制自己的滑動速度粱檀，并且眼明手快的定位到自己想看的日期和賽事洲敢。
長滾動列表視圖通常用于快速滾動，適用于需要快速掃描進行篩選的信息的情況茄蚯，短滾動列表視圖則用于放置一屏頁面放不下的有限列表压彭。對于比賽賽況來說，由于涉及到比賽雙方渗常，人眼在閱讀時壮不，視線不僅僅要上下掃描，還需要左右掃描皱碘，因此不可能做到快速掃描篩選信息询一。所以舊版的賽況視圖使用短滾動列表，僅僅只顯示一天的內容是非常合理的。
對于看球客戶端來說健蕊，將比賽按照日期劃分是很自然的選擇菱阵。用戶最關心當天的比賽賽況，偶爾需要查詢一下前幾日的賽況绊诲，或者關注未來幾日的賽程安排送粱。用戶對賽況的關注度是和距離當前的時間是成正比的。因此舊版的向右滑動依次顯示過去的戰(zhàn)績掂之，向左滑動依次顯示未來的賽程也是很自然的操作抗俄。
很可惜，這個合理的設計也被替換了世舰。
NBA球隊隊標的調整
從前面的幾張圖中可以看得到动雹，NBA球隊的隊標又發(fā)生了變化，拋棄了球隊個性的原生隊標跟压，拋棄了上一個版本的粗線條原型圖標胰蝠，采用了一套單調的圓圓的細線條隊標。還仔細給圓圈圈描了兩層邊震蒋∪兹可是看上去卻更丑了。而且僅僅只有NBA的隊標進行了單獨的設計查剖，足球隊的圖標們還是使用的原始隊標钾虐。
真的好奇怪。
總結
舊版的虎撲客戶端可以說是我最喜歡的應用了笋庄。一直都覺得它的設計非常符合人的思維邏輯效扫。它的界面被清晰的劃分為三個部分：內容、功能直砂、板塊菌仁。
作為一個看球客戶端，它啟動后的第一界面是最熱門的(如果你沒有設置板塊)板塊的當日(如果沒有静暂，則是最近的)賽事济丘。這是最主要的內容。用戶在閱讀內容的時候籍嘹，往往會逐步深入的去了解更多的信息闪盔。而虎撲客戶端非常自然的滿足了人們這一需求。內容界面上的元素都是點擊的辱士。例如泪掀，關注一項比賽時，你可能想要了解兩個隊的具體情況颂碘，那么點擊隊標可以進入球隊視圖异赫；在球隊視圖中椅挣，你可能想要了解某個具體隊員的情況，那么可以點擊球員名單中的隊員從而進入球員信息視圖塔拳；如果你希望了解某只特定球隊的賽程鼠证，也可以在球隊視圖中找到。
功能菜單作為內容的補充靠抑，根據內容的不同提供不同的標簽幫助用戶以不同的維度查看內容量九。例如NBA板塊會涉及到比賽、新聞颂碧、視頻荠列、排行、數據载城。對于具體的某一場比賽肌似，用戶會關心其戰(zhàn)報、統計诉瓦、直播川队、精彩和熱線。
可以說睬澡，界面上所有可以引起你聯想的元素都能被點擊從而到達你想要了解的內容固额。這種設計思路真是太贊了。
