本文内容由Mockplus团队翻译。

官网:http://www.mockplus.cn

网站界面过于漂亮可能会影响网站的可用性,但本文中提到的5个网站界面可谓是“丑”出了新高度。这样的网站它还有可用性吗?

计算器的界面设计算不上漂亮,但当你的指尖在键盘上飞舞时,它可以帮助你解决许多棘手的算术问题。许多人嘲笑Crocs鞋子的设计不够美观,但因为它良好的舒适性,使其成为医疗行业工作者的第一选择。通过这些例子,我们延伸出关于用户体验和可用性之间的一个辩论问题: 产品并不一定要漂亮,才能提供极棒的用户体验。

让我们来看看5个例子,一些UI看起来很糟糕但用户体验却极佳的网站。有人说形式应该遵循功能,但实际上,两者必须协同工作。

Craigslist(分类广告网站)

在浏览器中输入Craigslist,之后便会跳转到一个非常单调而缺乏设计感的网页,你可能会误认为自己回到了90年代早期。在进入网站前,也许你会以为这里除了有丰富的网站导航,还有迷人的平面设计和适当的信息架构。

不过,正是Craiglist保持着简单、最基本的品质,使得这个广告巨头受到了热烈追捧。通过采用非常规的模式,Craigslist在众多商家中一直保持着全球影响力。不过,这是为什么呢?

从用户体验角度来说,这可能是由于认知负荷(或缺乏认知)造成的。正是因为这个网站如此空洞,才使得用户之间的信任和自由程度达到了一定程度。这些都是在网上进行交易时的重要因素,而Craiglist 遵从的极简主义意味着用户可以在自己的时间内做出决定,没有多余的干扰。

德拉吉报告(新闻聚合网站)

访问大多数新闻网站,你都会被各抢眼的大图片和醒目的标题所轰炸。从这一点来看,德拉吉报告也没有什么不同。你可以看到醒目的头条新闻,也会看到抢眼的图片,最重要的是在这里你会感受到极简主义带来的全新网络体验。

德拉吉报告自1996年建立至今,网站仍然包含过时的HTML元素。但德拉吉报告这个实例告诉我们什么才是设计——它不是华丽的按钮,也不是抢眼的图片,甚至也不是令人惊叹的设计。尽管如此,仍然能非常受欢迎。

德拉吉报告的用户体验设计的特别之处在于其选择阅读内容的自由。所有报道的文字,链接和标题的格式都是一样的,因此报道与报道之间并没有外观的偏好。这意味着用户可以自由地浏览网站,并选择他们最感兴趣的内容进行阅读。

贾森·弗里德评价道:混乱的信息呈现几乎与编辑部的业务如出一辙,这在一定程度上解释了德拉吉报告带给用户的兴奋所在。

Reddit(大型论坛)

这个自称“互联网首页”的网站有一些糟糕的用户界面。但是它的设计就没可取之处了吗?尽管在Reddit的看板管理中,美学可能不会被优先考虑。但是,就算网站的界面很难看,但还是有很多设计是正确的。

内容空间充足。 Reddit是由用户生成的内容驱动的,这是网站的运作模式,所以大部分的网站都是专门为这个网站服务的。这就是Reddit最大的优势。

极简主义。这样设计对Reddit是非常有利的- 有这么多的内容,几乎不可能创建一个可以容纳这么多用户的系统。虽然它看起来可能有点粗糙,但简单正是Reddit会如此成功的原因。

不过,从UI设计方面来看,这些设计并不算是糟糕的。如果想美化网站的UI,可以在板块设计中使用可定制的CSS即可。

维基百科(百科全书)

维基百科也是一个用户界面不够漂亮的网站,但却有很好的用户体验。事实上,上文提到的许多网站(包括维基百科)都将功能划分为优先级。但是用户界面缺乏设计感是否会妨碍维基百科的可读性呢?

也不完全会。维基百科之所以能被广泛的受众所接受,是因为其页面是完全按照自己的方式设计的。如果它用色彩和过多图片装饰,这不仅会减慢页面的加载时间,而且会使网站更难具有较大的吸引力。如果维基百科有一个方面做得很好,那一定就是易读性。

最后,我们需要明白,它是一个百科全书而不是约会网站,所以这里不需要华丽的UI界面。

亚马逊

亚马逊从90年代早期就开始涉足在线零售领域,当初不起眼的在线书店现在已经是世界上的科技巨头之一,但它的用户界面却有点不尽如人意。

亚马逊网站使用图片轮播,这已经成为许多人在用户体验设计社区中热议的话题。 用户通常可以通过轮播滚动屏幕,轮播是在线商城展示商品的最好选择。但是,亚马逊过于滥用轮播模式,主页通常有3到4个轮播在滚动。值得庆幸的是,当我们自己在做设计时,我们可以选择其他的轮播方式。

为什么亚马逊不优化它的用户界面?一个小小的用户界面变化可能会让亚马逊损失数百万美元,而且即使进行了价值不菲的调整,可能也不会提高网站利润或可用性。所以当有时涉及到糟糕的UI时,如果没有影响到网站使用,就不会修复它。

结论

用户体验设计师必须记住,美只存在于旁观者眼中,丑陋的用户界面仍然可以带来好的用户体验。虽然文中提到的这些网站可能会被精简,但这并不一定意味着它们的用户界面不好。它们中的大多数只是简单地保留了原来的用户界面,可能那时的界面仅仅是为网站运营设计的。网站可能不会优先考虑美学,但这并不意味着该网站是坏的或丑陋的。回顾以上提到的这些网站- 它们可能有非常规的用户界面,但这并不能影响它们每日数百万的用户访问量!

作者:Justinmind

地址:https://uxplanet.org/when-good-design-goes-bad-examples-of-ugly-ui-with-great-ux-48d72c7d1601

为什么丑陋的UI界面却能创造良好的用户体验?的更多相关文章

  1. Metro UI 界面完全解析 (转载)

    Metro在微软的内部开发名称为“ typography-based design language”(基于排版的设计语言).它最早出现在微软电子百科全书95,此后微软又有许多知名产品使用了Metro ...

  2. 移动端UI界面设计:APP字体排版设计的七个原则

    移动端UI界面设计:APP字体排版设计的七个原则 发布于: 2015 年 2 月 9 日 by admin 再来谈移动端APP字体排版设计,也许有人会说,这个还有什么好说的呢?但是真正能够运用好APP ...

  3. iPhone/iPad/Android UI尺寸规范 UI尺寸规范,UI图标尺寸,UI界面尺寸,iPhone6尺寸,iPhone6 Plus尺寸,安卓尺寸,iOS尺寸

    iPhone/iPad/Android UI尺寸规范 UI尺寸规范,UI图标尺寸,UI界面尺寸,iPhone6尺寸,iPhone6 Plus尺寸,安卓尺寸,iOS尺寸 iPhone界面尺寸 设备 分辨 ...

  4. Android开发1:基本UI界面设计——布局和组件

    前言 啦啦啦~本学期要开始学习Android开发啦~ 博主在开始学习前是完完全全的小白,只有在平时完成老师要求的实验的过程中一步一步学习~从此篇博文起,博主将开始发布Android开发有关的博文,希望 ...

  5. 单据UI界面设计开发

    1.新建单据界面数据 2.创建数据模型,包括单据.单据行.设置应用缺省特性,每个模型树下只有一个红色项 3.新增动作,系统默认没有弃审支作按钮事件 4. 新增UI Form,选择对应的模型树及表单类别 ...

  6. 线程操作UI界面的方法

    以前一般都是用BeginInvoke来刷新UI界面,现在采用 SynchronizationContext 来刷新,写起来清楚多了. SynchronizationContext synchroniz ...

  7. windows下运行的linux服务器批量管理工具(带UI界面)

    产生背景: 由于做服务器运维方面的工作,需要一人对近千台LINUX服务器进行统一集中的管理,如同时批量对LINUX服务器执行相关的指令.同时批量对LINUX服务器upload程序包.同时批量对LINU ...

  8. 使用AsyncTask异步更新UI界面及原理分析

    概述: AsyncTask是在Android SDK 1.5之后推出的一个方便编写后台线程与UI线程交互的辅助类.AsyncTask的内部实现是一个线程池,所有提交的异步任务都会在这个线程池中的工作线 ...

  9. 在Android中实现service动态更新UI界面

    之前曾介绍过Android的UI设计与后台线程交互,据Android API的介绍,service一般是在后台运行的,没有界面的.那么如何实现service动态更新UI界面呢?案例:通过service ...

随机推荐

  1. JVM内存管理之杂谈(借此也论一论obj=null)

    作为一个程序猿,修炼的过程就犹如玄幻小说中的主角,不仅需要练习各种武技,内气的修炼的一样重要.虽然武技可以迅速的提升主角的实力,但是在内气太差的情况下,根本发挥不出武技的十之一二. 因此,在介绍过设计 ...

  2. FPGA时序优化简单窍门

    尽量用硬核,比如硬件乘法器,这个应该都知道. 结构上的pipeline,简言之就是“拆",最极端的情形是拆到源和目的Reg间只有基本的组合逻辑门,比如说~a & b之类...:当然F ...

  3. 初学者手册-Sublime Text常用快捷键

    Alt + F3 :找出当前文档中所有被划选的词语,若文档很大的话,可能会导致Sublime Text崩溃. Ctrl + kkk :删除当前行光标至行尾的所有内容. End: 光标跳至行尾. Hom ...

  4. json对象转换

    String modules =...; //json格式的String对象 //String对象转换为JSON格式数组 JSONArray moduleArr=JSONObject.parseArr ...

  5. 1106 Lowest Price in Supply Chain

    题意:略 思路:寻找树的叶结点中深度最低的,记录最低深度minDepth和具有相同最低深度的结点个数cnt. 代码: #include <cstdio> #include <cmat ...

  6. Java复习——网络编程

    Java从最开始就是支持网络编程的,也正是网络使Java得到发展繁荣.在这里我记录一下如何使用Java进行网络编程,什么是Socket以及Java实现TCP,UDP的编程模型. InetAddress ...

  7. SQL DATE_SUB 函数用法

    SQL DATE_SUB 是一个mySql函数.不象SQL DATE_ADD 函数 增加时间值,SQL DATE_SUB 将从一个日期/时间值中减去一个时间值(时间间隔). SQL DATE_SUB ...

  8. UVA-11292Dragon of Loowater

    /* The Dragon of Loowater Once upon a time, in the Kingdom of Loowater, a minor nuisance turned into ...

  9. 巧用setTimeout函数设置程序后门

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  10. Tkinter PanedWindow

         Tkinter PanedWindow: 一个PanedWindow是一个容器部件可能包含任何数量的窗格,水平或垂直排列 一个PanedWindow是一个容器部件可能包含任何数量的窗格,水平 ...