所谓的现代极简大留白似乎应用在了越来越多的网站里,无论网站是买衣服的、卖首饰的还是卖鸭脖子猪肘子的,这种趋势性的风格变迁似乎成为了海涵一切内容的主流语言。这真是无脑设计师之幸,消费者之哀。又往往可以看到一些自作聪明的文案,看似新奇活泼,其实低俗下作到骨子里。今天且让我们来抓个做事不过脑的典型,不整别的,就来个有点分量的web app。
Ello,我在看你。
Ello的设计师,你做得这么烂你家里人知道吗?
译者:励定洲 (现在才知道国内上不去,哭瞎)
先来介绍下Ello,这是又一个社交网络新平台,相较于脸书和twitter等行业大鳄,Ello意图在隐私、骚扰等问题上取得突破,也力图成为广大有需求的用户的另一选择。它走的是Diaspora和Appdotnet的老路。不幸的是,和那些先行者一样,它也极有可能面临着失败的命运。
所谓设计,并不只是“看起来”怎样
我敢说Ello在设计上做得糟糕,而这个首屏可以很好的说明一些问题。它把当下很流行的现代风格应用在里这款web app里, 却仿佛没有经过任何思考。下面我们来看看Ello在易用性和可读性上作出了哪些负面的“努力”。
格式塔
注意这夸张的负空间(空白区域)。当然我承认,负空间有时确实能为创建干净和易读设计带来帮助。然而它的作用应是区分和组合不同的界面元素,在这一点上,我完全没有在Ello的设计里看到。
形状的使用似乎很随便,本身方形和圆形的元素之间存在视觉冲突,可叹的是设计者并没有去有意识地组合它们,这给人一种非常凌乱的印象。
字体
界面里同时有无衬线字体和等宽字体的存在。不仅是因为往往使用单一的一种字体会更好,同时字体应用因随情境有所变化。而在Ello里,等宽字体时而意味着是“一个帖子”,时而又变成了一个ui元素。
再来看看展开的某个帖子,它为所有的文字选择了粗体的样式。众所周知,这对于长串的正文文本来说是个很糟糕的选择。所有的链接只能通过下划线和大写字母来区分,这确实给人带来一种“手抄本”的酷劲范儿,却并不能成就一个足够“易用/读”的web app。
颜色
Ello使用了单色设计,如果没有那个目的性不明确的亮蓝色分割线,单色设计这个选择本身并没有问题。然而当你的整个屏幕都是黑白色的时候,任何其它颜色都会看起来异常醒目。因此占在页面中间、面积并不算小的垂直分隔线条除了分散用户的注意力外,似乎一无是处。
可笑的事,即便不考虑上述观点,这个蓝色本身和黑白风格也并不搭配。
预知性
预知性是UX行业里一个很有分量的词。而这也是Ello没做好的另一处。很显然它在风格化和功能性的天平上过分地偏向前者。
上边的图片显示了一个输入框,下边的图片则是两个按键,而它们长得几乎一模一样。尤其要说这输入框,完全无法激发任何让人与之互动的欲望。
当你点击输入框时,它变成了上图这般。注意那可笑的重复头像以及右上和右下角细小到难以置信的几个图标。
当你光标悬浮到右下角的这些个图标上时,扩张的效果出现了。对于一个鼠标驱动的界面来说,肆意移动目标坐标显然不是一个好主意。在这里Ello还使用了一些看起来很炫酷的CSS3动画。事实上此处一个简单的、带有标注的按键就可以做到一切,并不至使任何元素的位置发生变化。
专业度
这是Ello的密码重设邮件。呵呵,你逗我?
我并不是所谓“用装逼的专业范儿来恐吓用户”的拥趸者,我也自然清楚这就是吃饱了撑着找喷。但是如果你是在运营一个社交网络,这就是你选择用来帮助用户找回密码的邮件该有的样子?
wtf,你是想要你的“关于”界面被称作“what the fuck”?
当你进入“发现”频道时,是否希望某个排在第一的推荐账号是“骑在自行车上的婊子”?
你又是否真的愿意把这些东西归类为“朋友”或者“噪音”?如果某个账号对于你来说是“噪音”,那当初又为何订阅它?这真的是一个糟糕又粗鲁的文案选择。
困惑
如果要我把这个网站上所有的设计错误都一一罗列出来,那么我想一天时间都是不够的,而且这也会让你们看得生厌。但当我看到几乎每个我身边的人注册这个网站后的反应是:“这是什么垃圾玩意儿”时,我觉得对此的关注是合理且必要的。
很多人希望在Facebook和Twitter之外,出现一个没有广告且又能保护隐私的选择。但是有一件事也同样重要:这很棒,但是你又愿意付出何等代价?Ello声称他们会开放并出售一些额外的小功能,但是目前它的用户基数根本就无法支撑这个构想。
这整个网站给人的感觉非常像是由一群没有任何交互设计、不理解用户对社交网络需求的平面设计师设计出来的。它就像一个假定用户能理解、但事实上根本让人摸不着头脑的个人项目。
Ello的设计,当真配得上“灾难”一词。