所謂的現(xiàn)代極簡大留白似乎應(yīng)用在了越來越多的網(wǎng)站里,無論網(wǎng)站是買衣服的、賣首飾的還是賣鴨脖子豬肘子的,這種趨勢性的風格變遷似乎成為了海涵一切內(nèi)容的主流語言。這真是無腦設(shè)計師之幸,消費者之哀。又往往可以看到一些自作聰明的文案,看似新奇活潑,其實低俗下作到骨子里。今天且讓我們來抓個做事不過腦的典型,不整別的,就來個有點分量的web app。
Ello,我在看你。
Ello的設(shè)計師,你做得這么爛你家里人知道嗎?
譯者:勵定洲? (現(xiàn)在才知道國內(nèi)上不去,哭瞎)
先來介紹下Ello,這是又一個社交網(wǎng)絡(luò)新平臺,相較于臉書和twitter等行業(yè)大鱷,Ello意圖在隱私、騷擾等問題上取得突破,也力圖成為廣大有需求的用戶的另一選擇。它走的是Diaspora和Appdotnet的老路。不幸的是,和那些先行者一樣,它也極有可能面臨著失敗的命運。
所謂設(shè)計,并不只是“看起來”怎樣
我敢說Ello在設(shè)計上做得糟糕,而這個首屏可以很好的說明一些問題。它把當下很流行的現(xiàn)代風格應(yīng)用在里這款web app里, 卻仿佛沒有經(jīng)過任何思考。下面我們來看看Ello在易用性和可讀性上作出了哪些負面的“努力”。
格式塔
注意這夸張的負空間(空白區(qū)域)。當然我承認,負空間有時確實能為創(chuàng)建干凈和易讀設(shè)計帶來幫助。然而它的作用應(yīng)是區(qū)分和組合不同的界面元素,在這一點上,我完全沒有在Ello的設(shè)計里看到。
形狀的使用似乎很隨便,本身方形和圓形的元素之間存在視覺沖突,可嘆的是設(shè)計者并沒有去有意識地組合它們,這給人一種非常凌亂的印象。
字體
界面里同時有無襯線字體和等寬字體的存在。不僅是因為往往使用單一的一種字體會更好,同時字體應(yīng)用因隨情境有所變化。而在Ello里,等寬字體時而意味著是“一個帖子”,時而又變成了一個ui元素。
再來看看展開的某個帖子,它為所有的文字選擇了粗體的樣式。眾所周知,這對于長串的正文文本來說是個很糟糕的選擇。所有的鏈接只能通過下劃線和大寫字母來區(qū)分,這確實給人帶來一種“手抄本”的酷勁范兒,卻并不能成就一個足夠“易用/讀”的web app。
顏色
Ello使用了單色設(shè)計,如果沒有那個目的性不明確的亮藍色分割線,單色設(shè)計這個選擇本身并沒有問題。然而當你的整個屏幕都是黑白色的時候,任何其它顏色都會看起來異常醒目。因此占在頁面中間、面積并不算小的垂直分隔線條除了分散用戶的注意力外,似乎一無是處。
可笑的事,即便不考慮上述觀點,這個藍色本身和黑白風格也并不搭配。
預(yù)知性
預(yù)知性是UX行業(yè)里一個很有分量的詞。而這也是Ello沒做好的另一處。很顯然它在風格化和功能性的天平上過分地偏向前者。
上邊的圖片顯示了一個輸入框,下邊的圖片則是兩個按鍵,而它們長得幾乎一模一樣。尤其要說這輸入框,完全無法激發(fā)任何讓人與之互動的欲望。
當你點擊輸入框時,它變成了上圖這般。注意那可笑的重復(fù)頭像以及右上和右下角細小到難以置信的幾個圖標。
當你光標懸浮到右下角的這些個圖標上時,擴張的效果出現(xiàn)了。對于一個鼠標驅(qū)動的界面來說,肆意移動目標坐標顯然不是一個好主意。在這里Ello還使用了一些看起來很炫酷的CSS3動畫。事實上此處一個簡單的、帶有標注的按鍵就可以做到一切,并不至使任何元素的位置發(fā)生變化。
專業(yè)度
這是Ello的密碼重設(shè)郵件。呵呵,你逗我?
我并不是所謂“用裝逼的專業(yè)范兒來恐嚇用戶”的擁躉者,我也自然清楚這就是吃飽了撐著找噴。但是如果你是在運營一個社交網(wǎng)絡(luò),這就是你選擇用來幫助用戶找回密碼的郵件該有的樣子?
wtf,你是想要你的“關(guān)于”界面被稱作“what the fuck”?
當你進入“發(fā)現(xiàn)”頻道時,是否希望某個排在第一的推薦賬號是“騎在自行車上的婊子”?
你又是否真的愿意把這些東西歸類為“朋友”或者“噪音”?如果某個賬號對于你來說是“噪音”,那當初又為何訂閱它?這真的是一個糟糕又粗魯?shù)奈陌高x擇。
困惑
如果要我把這個網(wǎng)站上所有的設(shè)計錯誤都一一羅列出來,那么我想一天時間都是不夠的,而且這也會讓你們看得生厭。但當我看到幾乎每個我身邊的人注冊這個網(wǎng)站后的反應(yīng)是:“這是什么垃圾玩意兒”時,我覺得對此的關(guān)注是合理且必要的。
很多人希望在Facebook和Twitter之外,出現(xiàn)一個沒有廣告且又能保護隱私的選擇。但是有一件事也同樣重要:這很棒,但是你又愿意付出何等代價?Ello聲稱他們會開放并出售一些額外的小功能,但是目前它的用戶基數(shù)根本就無法支撐這個構(gòu)想。
這整個網(wǎng)站給人的感覺非常像是由一群沒有任何交互設(shè)計、不理解用戶對社交網(wǎng)絡(luò)需求的平面設(shè)計師設(shè)計出來的。它就像一個假定用戶能理解、但事實上根本讓人摸不著頭腦的個人項目。
Ello的設(shè)計,當真配得上“災(zāi)難”一詞。