如何評價 3.9 及 4.0 版 Bilibili for Android?
採用 Android Design 的舊版廣受好評,新版採用 iOS 的底欄設計在酷安和貼吧遭大罵。
恭喜逼站做大做強,特首終於實現了有朝一日能與騰訊,阿里,微博等一線互聯網優秀企業平分秋色難分高下的宏圖偉業。
我謹代表HTC用戶向逼站致以誠摯的問候。
嗯,也不能說和淘寶微博完全一樣。至少你看我們逼站,狀態欄是不變色的。那為什麼要這樣做呢?專業的設計師為我們解答了,一定是因為「變色的狀態欄不利於用戶去發現」吧
只要手中這個版本還能用,絕!不!更!新!
update,不能用了也不更新。有第三方用第三方,大不了用網頁。
這次的新版就是傳說中的「大招」,粗略看了下新版中僅有的Material Design元素存在於下拉刷新,底部按鈕和設置界面中。目前吐槽新版設計風格偏向iOS的人主要集中在百度WP7吧,酷安等相對了解設計風格的地方,但更多的主要受眾並不了解什麼是iOS風格什麼是Material Design,這點在Bilibili吧的帖子中可以看出【3.9Bilibili客戶端】IOS Design去死吧!_bilibili吧(已被刪帖)在很多普通用戶看來這次不過是一次UI大更新而已,並不會去關注太多。
我的感覺是這次的客戶端更新讓B站客戶端也成為了眾多國產「又不是不能用」應用中的一員,從之前的Holo風格退化到照搬iOS設計,淪落到和其他國產低質量應用一個等級。
關於這次的UI設計大退步,
KwenPong是一定要背這個鍋的。
==================================
KP出來說上面要求圖標和iOS端統一,我也差不多知道為什麼要用底部Tab了。主要就是為了「發現」和「遊戲」這兩個頁面,要是這兩個界面不放在首頁,可能就沒什麼人去點。
放在首頁的話,萬一你哪天手賤點到了呢?萬一你不小心手賤下載了呢?萬一你手賤氪金了一塊錢呢?有一塊錢掙,那還要個屁用戶體驗啊!恭喜Bilibili思想跟上國內巨頭BAT,有錢掙要個屁用戶體驗,下一步就是給客戶端加上社交功能,「一鍵搜索附近萌二」什麼的,再下一步還可以內置個應用商店,安全衛士什麼的,然後和BAT齊名指日可待,嗶站做大做強,特首悶聲發大財,逸國人民大歡喜。
我只想說,連蘋果自己都知道在安卓上遵守谷歌的規範,國內應用所謂的"側邊欄用戶不容易發現,底欄更直觀"的觀點怎麼站得住腳?
如何評價 Apple Music for Android 採用 Nav Drawer 而非底 Tab? - 蘋果公司 (Apple Inc.)
手機和平板已屏蔽自動更新
順便,雖然我不用WP,也不拿Surface刷B站,但是還是要說一句:我軟已成最大贏家
感謝b站把客戶端在google play美區下架,不會自動更新了
扯什麼用戶不容易發現,強行用戶體驗,其實就是為了把這些垃圾貼到臉上,你不想看也得看
Windows Phone 或成最大贏家
永不升級,完畢
我認為安卓就應當使用適合安卓的風格,而不是跪舔蘋果,完畢
已經用血輪眼禁用其升級 完畢
(?_?)補充
我怎麼感覺和IOS客戶端沒啥區別了?
ver:20150702
4.0.12版本bilibili已經採用真MD
Fly It Remotely 密碼biliv4011
已停用Bilibili的更新
另準備挖坑做MD版的bilibili Android客戶端了…
停用自動更新以後才想起來…B站早被Play下架了…
坑已經挖了。。 Qixingchen/MD-BiliBili · GitHub 【真·大坑
其實我很久之前也在做夢想著以後B站客戶端會不會有Material design, 近幾天更新才發現居然融合了iOS的風格... 雖然我不討厭iOS風格, 個別Android應用弄得和iOS一樣也是頗有新鮮感的, 但是畢竟是Android嘛, 就要有Android應用的模樣( 就好比小學生要穿小學生的校服一樣)...
也有人評論說只要能看視頻就好了不用管它什麼界面什麼界面, 的確也是, 不管什麼界面都好只要方便就行, 我也不想看到一群人為了一個app吵起來= = 以現有的測試版來看, 如果我不用關鍵詞去找一個我想看的視頻, 一步步下來其實挺複雜也有點亂亂的... 我又看了看谷歌官方對內容導航的說明, 在手機上用Material design一步步去找內容也是有點亂亂的... 再加上iOS底欄導致部分用戶雙下巴或者n下巴, 只好說什麼界面都各有自身缺點...( 我好像說廢話了...)
如果我是程序員, 上級要我把app弄成iOS風格, 我或許會 騙 他" iOS風格這麼好看憑什麼要給Android用. Android design這麼丑, 就讓Android用戶用就好了, 讓他們換果果去" 來留住Android design.
大半年前我開始嘗試弄Material design的B站客戶端的效果圖了, 風格換了幾遍, 附上一張最新的吧...( 首頁的模樣是二選一, 大圖背景或者卡片banner)
腦洞的暗色主題/ 夜間模式
這是較早前的
既想把內容展示的更細緻,又太想破壞安卓本來的面貌,然而水平又不夠。
新不說md的風格。從新界面可以看出設計師想要重點突出的部分:內容(包括內容分區),用戶信息(關注,搜索之類)。這標籤欄跟底欄擱一起放到一起,加上配色排版的空洞,相當不和諧。毒瘤們的確一個個都用底欄,可操作性甚至可以優於md的設計,畢竟md的設計風格並不是萬金油,然而即使是毒瘤他們也並沒有如此難看繁瑣複雜冗長的標籤欄。
而且增加個狀態欄透明,標籤欄配上常規的粉色並不是什麼難事吧,這個不做並不是一句側邊欄不容易發現所以改了設計能解釋的吧。
其實也是強行解釋,具體原因大家其實心知肚明,心知肚明,畢竟不是大眾軟體,軟體本身也沒有增加新的內容,然而突然改用戶使用邏輯,原因你知我知,咱們就不挑明了
============Update 2015/6/12 17:03============
鑒於 Bilibili 官方推送目前的 V4 版本更新是遲早的事情,為了拯救誤升級的不喜歡 V4 設計的以及使用平板和電視盒子的各位,特此提供之前提取的 v3.3.0 版本備份下載:
嗶哩嗶哩動畫_v3.3.0.apk_免費高速下載
。
順便在這裡希望 Bilibili 以後推送 V4 版本更新的時候,將更改設計這一點在 Changelog 里指出,謝謝。
============以下為原文============
1.平板基本不能用了
以上是3.3版本
以下是v4
這布局完全成了一坨臭臭泥。(為避免扣除友善度,特此和諧)
2.原來底下 iOS Style 的 Tab Bar 是可以滑動切換的,然而你們首頁最上面的 Tab Bar 也是能滑動切換的,所以要在首頁滑動切換底部 Tab 需要非常恰到好處地在邊緣滑動才行。你們是一開始就沒考慮到這個問題吧,一定是的。
(iOS 版本並沒有這個問題)
3.另外底部的 Tab Bar 長得像 iOS 居然還有 Material Design 的動畫,我覺得這一定是表達了設計師糾結無比的思想感情,嗯。
4.最後,你們居然神奇地在同一個應用里用上了不同高度的 Action Bar
最後的最後,我覺得 More 的三點豎著就很好了,真的沒必要橫著,真的。
自從金山那位來B站之後我就明白這一天遲早會到來,但是你們改得也太精神分裂了,一會 iOS 一會 Android 的,這是想說你們其實也不願意,都是你們上面那位逼的?
那麼轉告他,連他的果爹都沒敢在 Material Design 面前造次。「側邊欄不容易讓用戶去發現」這個奇葩的結論是怎麼得出來的?有做過調查嗎?
實在不行也可以在第一次啟動應用的時候自動打開側邊欄以提醒用戶啊,作為一個設計師連這種提醒模式都沒見過嗎?
好吧,我也不抓住側邊欄的問題來為難你了,畢竟你們也是為了用戶著想嘛,出發點還是很好的。但是!當我看到 Android 版的按鈕圖標時,我整個人都bilibili了...
這是 Material design 推薦的按鈕圖標風格:
來源:http://www.google.com/design/spec/style/icons.html#icons-product-icons
這是 Apple 推薦的按鈕圖標風格:
來源:iOS Human Interface Guidelines: Bar Button Icons
然後這是你們 Android 客戶端的按鈕圖標風格:
這不是直接把 iOS 的圖標搬到了 Android 下嗎?!這就是你們做事的態度?!估計b站的設計師連 Material Design 的文檔都沒看過吧。。。
@龐錕 你們b站的設計師這麼會偷懶你們老闆知道嗎?別告訴我這也是為了用戶著想喔:)
play美區的B站下架了,不用自動更新了多好;
然後我也把酷安上B站的應用設為忽略所有更新了,更好;
舊版能用就一直用下去,不能用?我又不是離了B站就活不下去
更何況我還能爬到牆外看YouTube和niconico呢
我就是不爽這種一副「知錯了但老子就是喜歡跪舔果爹大x你們愛用用不用滾」的態度;
你們果爹在Android上都遵守Android的設計規範呢WP大法好,入WP保平安。
「你們既不肯入WP,也不肯將就,我很為難啊!」
看看知乎的設計,再看看B站新版的設計,高下立判。上面某位設計師憑藉個人觀點不顧用戶感受將谷歌的設計需要Material Design說得一無是處。安卓就該有安卓的設計語言,作為用戶基數最大的移動操作系統的用戶希望能有屬於自己系統應有的設計語言的軟體有錯嗎?所謂道歉背黑鍋之類的完全沒看出來,那麼長解釋下來就是:我喜歡這樣設計,愛用用,不用滾!買個iphone就沒那麼多矯情問題了。不知道我們公司都是用高貴的腎果嗎?我已經退回3.0版本了,後面的版本真是越做越糟糕。最後說一句,不要與用戶為敵,多聽聽用戶的感受,B站還沒有達到離不開的程度,所以請不要透支用戶對一個新興網站的忍耐程度。
特意裝了測試版看看新版究竟如何不堪,能被噴的如此體無完膚,看完之後果然是…
倒不是說有個 Drawer 就是遵守 MD 設計規範了,像是下拉刷新、設置界面、按鈕動畫(然而按鈕樣式說不是 iOS 風的都是騙人的)也體現了 MD 元素。強行加個能滑動的底端 Tab Bar 就算我忍了,再配上原有的可滑動標籤真的大丈夫?
微信再怎麼被噴至少也沒加個頂部標籤還可滑動額。
點開視頻之後的各種不和諧就不一一舉例了。
另外出來背鍋的時候請認真背,背出風格,背出水平,「側邊欄不容易讓用戶發現」這種理由拿出來說事實在有點說不過去,那麼多的優秀應用的範例值得借鑒學習(包括用戶指導),何苦非拿出這種設計丟人呢。
B站這種視頻類應用在現階段有沒有 MD Tinted Status Bar 這一類的元素無甚所謂,但基礎的 UI UX 問題還是處理妥當為妙,BAT 三家很多應用不是不能用,而且很多時候不得不用,但總會覺得用的不爽,再看看老前輩A站主客戶端,反正我是早就卸了…
規範這種東西是在遵守的情況下無法實現目標,而適當進行修改或打破。並不是無視規範並被噴之後反拿用戶體驗與規範衝突說事。
綜上,我覺得這種設計就是懶比,注意不是節省成本,而是懶比。
另,「沉浸」這個詞用之前請了解一下它是什麼意思,尤其是在開噴的時候。十分非常超級噁心一票跪舔ios的app,國產眾毒瘤都是移植ios有些甚至改都沒改!而且你又不得不用這群毒瘤 ios是ios,安卓是安卓,現在這些app的潛台詞是,愛用用不用滾,沒錢別用安卓快去買腎。我不希望bilobili步bat等後塵,有句俗話叫規模小圈人,規模大圈錢。請不要讓我一語成讖,b站加油。
為這個設計稿準備了很久。收集數據,模擬點擊,參考國內外的各大視頻類app。但是一人之力還是有很多不足,初衷只是潛心研究material後,手癢,就拿了B站開刀。工作繁忙還要看番,所以只出了4個界面,而且已個人使用習慣為主,去除了部分功能和交互,使客戶端更加貼合單純熱愛看視頻補番人群。由於在下工作也是以安卓端的設計為主,想藉此機會聊聊material,周末有空再碼字。
下班吃完特來更新
material這個題目有點大,在下從業才兩年認識還比較淺,看過幾本書做過幾個項目還差得遠。
今天我就先說點我知道的,一個國內app在適配Android L的一些面臨的問題。也算是答覆下最近b站部分安卓焦急的心情。之後我可能會談一些自己在做這套設計稿時的經歷和思考。
首先,這3.9版,我居然沒接到更新的推送(┬_┬)
在下不好做過多的評價。我就單單談談題主截的這個首頁吧。
tab欄和底欄可以看出典型的iOS風格。這個沒有什麼大問題。
「不對啊,這個是安卓誒~iOS風格用的多彆扭。B站的設計團隊在偷懶吧,墳蛋 (╯°Д°)╯︵ ┻━┻」
雖然我不是B站的工作人員,但我能理解他們這麼做的考慮。那就是...省成本。具體之後再談。
我們來看看主界面。
在下認為,這個主界面設計的非常糟糕。為什麼呢?
1.首先給在下的第一感覺,這個元素控制項之間的間距很奇怪,過於隨意。上下左右等距而且過大,給人的感覺就是隨意,頁面元素不夠飽滿,信息僅僅是排整齊。
2.視頻是做成卡片的,banner卻不是。在下看來用戶界面是一個水平面,形象點是一個四方的水盆泳池之類的。google在闡述安卓交互邏輯的時候提到過,界面內的信息就是泳池裡的東西,他們都是在水裡的,當用戶需要它門時他們浮出水面。陰影就是表示這些信息離水面距離的標誌。我們回頭來看這個banner,它是不是沉在水底和水池地面貼牢的,而其他全是剛好浮在水平面的。我們再來看看卡片。這個卡片是有圓角的,而封面圖片沒有圓角,灰白的背景上鮮艷的圖片就像刀片一樣把界面割裂了,視覺上不舒服,所以用戶心理上是不安的躁動的。在下認為這也是造成部分用戶跳起來瞎BB的一種心理暗示。
3.最後我吐槽一個底部導航欄的icon。對,沒錯就是你,發現這個放大鏡。其他所有的icon都是精心設計的,為什麼唯獨發現就是簡單的一個放大鏡,還沒有任何的修飾,還處在正中間,顯眼+顯眼+顯眼+顯眼,難道是為了推發現里的遊戲嗎(然而在下早已看穿了一切。看穿你妹啊,那banner的信息層級為什麼是最低的)
好先談這麼多。我要打爐石去了。(我是不是挖了一個很大的坑啊,混蛋! ╮(╯_╰)╭)
睡前一更(我在連載什麼?小說嗎?)
前面提到過國內很多app團隊在適配Android L的一些面臨的問題。在下認為是成本原因。
那麼這個成本到底高在哪?
成本分成兩塊,一個是開發成本,另一個是用戶學習成本。
用戶學習成本高,這個好理解。我們都知道,iOS是一個相對Android更加成熟的系統,是現在移動互聯網的明星,他們的結構簡明邏輯準確,並且所培養(強行培養)的用戶體驗穩定一致。反觀Android,直到4.4才建立起一個相比iOS來說較完善較系統的體系。(大爺的,我就不說Android L的設計規範有多麼蛋疼,還3天2頭改來改去還是一大堆bug一大堆自己自己打自己臉的解釋了,就是個坑)我們用戶大多數都直接間接的接觸到我們iOS時尚時尚最時尚的設計風格了,並且過去的很多app把安卓端直接套用iOS(android辣雞用戶都是窮逼賤民,iOS多高貴啊,喂喂我作為一個果黑這麼說不合適吧!)。那麼說到這裡,相信大家都才出來了這個用戶學習成本高是什麼意思了吧。
就是說相對於material這種較為新鮮的事物,一個在iOS和舊安卓系統之後新推出的設計語言,對於普及到用戶很少圖形化多手勢多的立體的語言,大多數用戶還是第一次接觸,習慣它就要付出相應的學習成本。當然國內Android L的普及度可能跟MIUI等國內一些系統優化有關係,毋庸置疑他們對國人的用戶習慣研究的非常透徹非常到位,可以說吧用戶體驗設計做到了極致,但同時也阻礙了google的這盤大棋(論Android系統做的這麼開源的壞處)。
所以結論很明顯iOS在一定程度上,用戶是使用非常習慣的,幾乎無需學習成本的。
至於開發成本高,具體我也不是特別了解開發人員和開發過程。但在下可以把我們公司的例子簡單聊聊。
我們APP也是有在開發適配5.0的,一直悄悄的進行,但一直做的不完美,所以短期內都不會發布。這個同我們設計師出設計稿不一樣,打開PS就能畫。PM要從各個角度出發,發現尋找協商並解決問題,工程師要把對應的界面交互邏輯實裝。這並不是一件簡單的事情,按壓屏幕的漣漪效果最容易實現,但是陰影一直調試的不精準,另外還有複雜的過場動畫。這些都是有程序員們努力實現的,遇到的都是新問題,不同與老系統已經是個老司機。從開發到完成需要的時間遠遠比原來要長很多,而從運營和推廣的進度來看,每個時期每個變化都不允許開發團隊花費很多的精力來適配google的標準。所以我們不能輕易的判斷,不實裝materail就是偷懶就是省錢就是不尊重用戶,正是因為尊重用戶所以才不實裝的。這點希望大家理解,我相信B站的團隊,也在悄悄的進行符合google規範的設計。這個是趨勢,大家都會去做的,這可是Android用戶體驗設計甚至移動互聯網體驗的一個新起點。實裝material只是時間問題。
今天結束前我多個嘴,評論中有人提到material比較好看之類的。我想說,設計這個東西不是好看就行了的,它是根據各種各樣的需求制定的各種決策為依據製作出來的,設計只講適合不適合,而不是好看不好看(尼瑪,那些丑爆了的界面就不談了,精神污染視覺折磨的不在討論的範圍內)。
我來更新了(我material拼寫錯誤改了,喂,我真的改了,你們要相信我啊)
bilibili4.0我更新了,整體看我覺得不錯誒,雖然並沒有什麼值得讚歎精美的地方,但確實相較之前漂亮了很多。而且我被輸入密碼時候的2233萌到了,這個萌萌的交互我記得是年初在國外的網站上看到的,沒想到bilibili會實裝,好評。
可是我還是要吐槽,你還我橫屏操作啊,我主力機是nexus6,豎屏一隻手難操作,所以我都喜歡橫著用,然而卻沒了啊。我感覺好難受。首頁側滑到底是滑什麼的,有時候是滑tab有時候是滑nav,我真的掌握不到訣竅,還是bug。設計得好,我選擇死亡。
在下還是來說說我這套稿子的思路和問題吧。
首頁,評論中有人提到了,banner做成卡片不好。這是我目前的解決方案,這裡一直拿不定,因為如果做成現在bilibili那樣的信息層級不易表示,我在想是不是把banner不做成輪播,這樣進一步去除了一些商業化。我們的客戶端還是最純凈的。把banner分成幾個,在下拉瀏覽的時候依次看見也許是個不錯的選擇。
我還把視頻的播放數彈幕數去除了,這是根據我個人習慣喜設計的。我看動畫的時候,不會去留意這些信息。我是封面黨,像張局座那種封面屌無友系列,我看看封面都會笑好久。
主色選擇了偏粉色的玫紅,叫暗的環境下可能有些過去鮮艷刺眼了。但這就是我的目的,bilibili是一個很青春洋溢特別活潑的應用,原先淡淡的粉色大面積的使用無法帶來視覺上的衝擊,所以我根據原先的粉色,增加了它的飽和度,但適當的降低了明度,使變成它看起來鮮艷但不是特別刺眼的玫紅。
促使在下這麼做的,啟示有個小原因。在下每天上班擠地鐵的時候,觀察很多低頭族,他們的界面他們的操作習慣,他們在玩什麼app。當他們瀏覽我們公司自己的app的時候,我心裡特別開心,觀察會特別仔細(我不是變態啦~(&>_&<)~)我們app同類型的很多,界面應該可以說大家都差別不大,為什麼我能一眼認出自己的應用呢,因為我們用的瞎眼的紅色(也沒那麼瞎啦 ╮(﹀_﹀)╭ )。剛開始入職接手工作的時候,我一直好反感,看過也還好。還有一次是在微博上,看到UI中國的一個推薦,圖中一抹紅,我擦 ̄▽ ̄ 不會是我們的app吧。點開大圖一看,還真是。
在下這裡就突出一個識別性,方便大家公交車上地鐵上面基。
個人中心,在下做成抽屜,覺得沒什麼問題,背景用紅色是因為考慮到這裡可以放些bilibili春季夏季之類的主題圖片。我個人這裡的使用率還是挺高的,下載好的視頻我會從這裡看,也經常在動態里看up主們跟新的信息,準備回家看。每次打開app直接右滑也是十分方便。
視頻詳情在下一直很糾結,這個tab到底有沒有必要。我還是很感謝土豪哎承包番劇的,承包的小夥伴一定也希望別人看到自己吧,匿名的雷鋒們,只要匿名就好。這是一種尊重,逛這麼多年的B站,在下彈幕除了發233就是感謝土豪最多了。不過在下覺得這樣設計還是很不合理,當然在下會繼續改進啦~(′?ω?`)
播放頁面我主要參考的YouTube,沒什麼好說的。就是覺得icon沒做好(我偷懶google那邊直接拖過來用的)
結尾點題,4.0這次更新,在下覺得設計的並不差,但缺點也十分明顯,大家客觀看待iOS 和Android特點的設計,好的地方我們要肯定,不好的地方要吐槽。要事實在接受不了,那就U can U up呀。嘛,當然在下不是覺得設計的不行才做的,在下從4月底就開始謀劃自己這份設計稿了。
最後我們一起祝願,bilibili越來越好吧
(??`ω′?)
謝謝大家觀賞在下的劣作和點評。我第一次答題,很多語言粗暴無禮,請海涵,我會積極改正。
然而我說了那麼多,並沒有什麼卵用。就算是設計師,死宅也不會有女朋友的。
推薦閱讀:
※如何評價魅族公司李楠對「性價比」概念的看法?
※Android 手機在 Mac OS X 下如何連接?
※android獵豹瀏覽器可以播放各個網站的視頻,為什麼調用WebView不能播放?如何實現?
※2014 年買魅族 MX2 還行嗎?
※蘋果會和魅族合作么?