Ello的設(shè)計(jì)師,你做得這么爛你家里人知道嗎?

所謂的現(xiàn)代極簡(jiǎn)大留白似乎應(yīng)用在了越來越多的網(wǎng)站里,無論網(wǎng)站是買衣服的、賣首飾的還是賣鴨脖子豬肘子的,這種趨勢(shì)性的風(fēng)格變遷似乎成為了海涵一切內(nèi)容的主流語言。這真是無腦設(shè)計(jì)師之幸,消費(fèi)者之哀。又往往可以看到一些自作聰明的文案,看似新奇活潑,其實(shí)低俗下作到骨子里。今天且讓我們來抓個(gè)做事不過腦的典型,不整別的,就來個(gè)有點(diǎn)分量的web app。

Ello,我在看你。


Ello的設(shè)計(jì)師,你做得這么爛你家里人知道嗎?


原作者:Jeffry van der Goot

譯者:勵(lì)定洲? (現(xiàn)在才知道國(guó)內(nèi)上不去,哭瞎)


先來介紹下Ello,這是又一個(gè)社交網(wǎng)絡(luò)新平臺(tái),相較于臉書和twitter等行業(yè)大鱷,Ello意圖在隱私、騷擾等問題上取得突破,也力圖成為廣大有需求的用戶的另一選擇。它走的是DiasporaAppdotnet的老路。不幸的是,和那些先行者一樣,它也極有可能面臨著失敗的命運(yùn)。

所謂設(shè)計(jì),并不只是“看起來”怎樣


我敢說Ello在設(shè)計(jì)上做得糟糕,而這個(gè)首屏可以很好的說明一些問題。它把當(dāng)下很流行的現(xiàn)代風(fēng)格應(yīng)用在里這款web app里, 卻仿佛沒有經(jīng)過任何思考。下面我們來看看Ello在易用性和可讀性上作出了哪些負(fù)面的“努力”。


格式塔

注意這夸張的負(fù)空間(空白區(qū)域)。當(dāng)然我承認(rèn),負(fù)空間有時(shí)確實(shí)能為創(chuàng)建干凈和易讀設(shè)計(jì)帶來幫助。然而它的作用應(yīng)是區(qū)分和組合不同的界面元素,在這一點(diǎn)上,我完全沒有在Ello的設(shè)計(jì)里看到。

形狀的使用似乎很隨便,本身方形和圓形的元素之間存在視覺沖突,可嘆的是設(shè)計(jì)者并沒有去有意識(shí)地組合它們,這給人一種非常凌亂的印象。


字體

界面里同時(shí)有無襯線字體和等寬字體的存在。不僅是因?yàn)橥褂脝我坏囊环N字體會(huì)更好,同時(shí)字體應(yīng)用因隨情境有所變化。而在Ello里,等寬字體時(shí)而意味著是“一個(gè)帖子”,時(shí)而又變成了一個(gè)ui元素。

再來看看展開的某個(gè)帖子,它為所有的文字選擇了粗體的樣式。眾所周知,這對(duì)于長(zhǎng)串的正文文本來說是個(gè)很糟糕的選擇。所有的鏈接只能通過下劃線和大寫字母來區(qū)分,這確實(shí)給人帶來一種“手抄本”的酷勁范兒,卻并不能成就一個(gè)足夠“易用/讀”的web app。


顏色

Ello使用了單色設(shè)計(jì),如果沒有那個(gè)目的性不明確的亮藍(lán)色分割線,單色設(shè)計(jì)這個(gè)選擇本身并沒有問題。然而當(dāng)你的整個(gè)屏幕都是黑白色的時(shí)候,任何其它顏色都會(huì)看起來異常醒目。因此占在頁(yè)面中間、面積并不算小的垂直分隔線條除了分散用戶的注意力外,似乎一無是處。

可笑的事,即便不考慮上述觀點(diǎn),這個(gè)藍(lán)色本身和黑白風(fēng)格也并不搭配。


預(yù)知性

預(yù)知性是UX行業(yè)里一個(gè)很有分量的詞。而這也是Ello沒做好的另一處。很顯然它在風(fēng)格化和功能性的天平上過分地偏向前者。


上邊的圖片顯示了一個(gè)輸入框,下邊的圖片則是兩個(gè)按鍵,而它們長(zhǎng)得幾乎一模一樣。尤其要說這輸入框,完全無法激發(fā)任何讓人與之互動(dòng)的欲望。

當(dāng)你點(diǎn)擊輸入框時(shí),它變成了上圖這般。注意那可笑的重復(fù)頭像以及右上和右下角細(xì)小到難以置信的幾個(gè)圖標(biāo)。

當(dāng)你光標(biāo)懸浮到右下角的這些個(gè)圖標(biāo)上時(shí),擴(kuò)張的效果出現(xiàn)了。對(duì)于一個(gè)鼠標(biāo)驅(qū)動(dòng)的界面來說,肆意移動(dòng)目標(biāo)坐標(biāo)顯然不是一個(gè)好主意。在這里Ello還使用了一些看起來很炫酷的CSS3動(dòng)畫。事實(shí)上此處一個(gè)簡(jiǎn)單的、帶有標(biāo)注的按鍵就可以做到一切,并不至使任何元素的位置發(fā)生變化。


專業(yè)度

這是Ello的密碼重設(shè)郵件。呵呵,你逗我?

我并不是所謂“用裝逼的專業(yè)范兒來恐嚇用戶”的擁躉者,我也自然清楚這就是吃飽了撐著找噴。但是如果你是在運(yùn)營(yíng)一個(gè)社交網(wǎng)絡(luò),這就是你選擇用來幫助用戶找回密碼的郵件該有的樣子?

wtf,你是想要你的“關(guān)于”界面被稱作“what the fuck”?

當(dāng)你進(jìn)入“發(fā)現(xiàn)”頻道時(shí),是否希望某個(gè)排在第一的推薦賬號(hào)是“騎在自行車上的婊子”?

你又是否真的愿意把這些東西歸類為“朋友”或者“噪音”?如果某個(gè)賬號(hào)對(duì)于你來說是“噪音”,那當(dāng)初又為何訂閱它?這真的是一個(gè)糟糕又粗魯?shù)奈陌高x擇。


困惑

如果要我把這個(gè)網(wǎng)站上所有的設(shè)計(jì)錯(cuò)誤都一一羅列出來,那么我想一天時(shí)間都是不夠的,而且這也會(huì)讓你們看得生厭。但當(dāng)我看到幾乎每個(gè)我身邊的人注冊(cè)這個(gè)網(wǎng)站后的反應(yīng)是:“這是什么垃圾玩意兒”時(shí),我覺得對(duì)此的關(guān)注是合理且必要的。

很多人希望在Facebook和Twitter之外,出現(xiàn)一個(gè)沒有廣告且又能保護(hù)隱私的選擇。但是有一件事也同樣重要:這很棒,但是你又愿意付出何等代價(jià)?Ello聲稱他們會(huì)開放并出售一些額外的小功能,但是目前它的用戶基數(shù)根本就無法支撐這個(gè)構(gòu)想。

這整個(gè)網(wǎng)站給人的感覺非常像是由一群沒有任何交互設(shè)計(jì)、不理解用戶對(duì)社交網(wǎng)絡(luò)需求的平面設(shè)計(jì)師設(shè)計(jì)出來的。它就像一個(gè)假定用戶能理解、但事實(shí)上根本讓人摸不著頭腦的個(gè)人項(xiàng)目。

Ello的設(shè)計(jì),當(dāng)真配得上“災(zāi)難”一詞。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容