坏设计VS 好设计:从5个对比案例中获得设计经验 | 不 好的設計 例子

对比坏设计与对应的好设计非常有趣,而且设计师可以从中获得重要的经验。

... 说,Cultivated Wit的网站的例子,已经足以说明聪明的设计并不总是导致不好的用户体验。

坏设计VS好设计:从5个对比案例中获得设计经验纸皮小火车2018-05-044评论1.4万浏览43收藏21分钟释放双眼,带上耳机,听听看~!00:0000:00文章主要是通过展示5个明显的坏设计,来反衬好设计是怎么更好工作的,并提炼出一些经验来让我们为用户们创造良好的隐形的体验。

对比坏设计与对应的好设计非常有趣,而且设计师可以从中获得重要的经验。

这种对比突出了设计中要避免的陷阱,同时让我们理解了如何将设计理论转换成现实生活中的解决方案。

JaredSpool,美国作家、研究员及可用性专家,曾经说过:好的设计,当它工作良好时,是隐形的。

只有当它工作不良时,才会被人注意到。

所以,通过展示5个明显的坏设计,来反衬好设计是怎么更好工作的,并提炼出一些经验来让我们为用户们创造良好的隐形的体验。

一、信息过载坏设计:洛杉矶的停车指示牌洛杉矶(LA)的停车指示牌,可以说是近十年来信息过载的典型代表。

它们出了名的难以理解,因为交通规则很复杂,因此在一块小小的区域里要传达大量的信息。

这些指示牌有多令人费解呢?通常来说,它们从2010年起典型的样式就像下面的图片一样:作者/版权所有人:JorgeGonzalez。

版权条款和许可:CCBY-SA2.0从LA停车指示牌的历史来看,这个样式已经是相当简单的了。

试想周二早上9点你开着车上了这条公路。

那你可以停在这里吗?这么简单的问题竟然要费尽大量的认知资源去回答!作为设计师,我们经常会面对需要在一块小区域里传递大量信息的设计问题。

LA的停车指示牌可能是其中最极端的一个例子,但很多时候在移动端应用设计中也会面临同样的问题。

那么是否有一个通用的办法可以解决停车标识及类似的设计问题呢?好设计:NikkiSylianteng的停车指示设计设计一个可以展示所有信息,同时容易理解的的标示牌听起来是一个不可完成的任务,但这恰恰就是Brooklyn的设计师NikkiSylianteng完成的。

作者/版权所有人:NikkiSylianteng。

版权条款和许可:CCBY-SA4.0Nikki的设计试验性应用于LA标识设计中。

Nikki的设计有效的原因之一正是因为它是以用户为中心的:Nikki意识到驾驶人其实只想知道他们现在是否可以停在这里。

可以或者不可以,这才是所有驾驶者需要的,所以指示牌也只需要展示这些信息。

她在设计中利用了视觉来传达信息而不是文字,结果就是设计极为直观——绿色代表可以停车;红色代表不可以。

同时这个设计里还考虑了色盲的问题,所以在不可停车的时间域内用了斜线。

现在当你看到这块标示时,你就知道周二早上9点是不可以停车的,这样的指示牌子瞄一眼就能懂。

所学到的最佳实践:了解你的用户需要什么,然后基于此设计,这可以帮助减少信息负载。

有大量的信息要传达给你的用户,试着用视觉化元素来替代文字,点击以下链接了解更多数据可视化的知识。

数据可视化二、神秘肉式导航坏设计:LazorOffice.com根据1998年VincentFlanders创建的网页TheSuck,神秘肉导航(MMN)用于指代那些必须要用户点击链接,或把鼠标悬停链接之上才知道指向目标的设计。

“神秘肉”这个短语,起源于美国公立学校的自助餐厅提供的肉类,因为被过度处理而根本无法辨别出来。

MMN不好,是因为它降低了导航元素的可见性。

因为用户必须要去“猜”导航的目的地,或者必须要有点击操作,因此增加用户的认知负载。

目前老式的网页设计中还可见到MMN,现代网页设计中已经很少见到了。

我们以LazorOffice为例——一个提供预制房屋的设计公司网站。

作者/版权所有人:LazorOffice公司。

版权条款和许可:合理使用LazorOffice的官网首页上摆放了这么一组MMN式图片,正如你所见到的那样,这种布局只有非常少的线索暗示我们将要去向的地方。

相反,这9张图片就这样摆放着,令某些用户产生困惑而非发生与之交互的动作。

在他们主页的下方,一组图片缩略图静静的摆放在那里,它们


常見投資理財問答


延伸文章資訊