• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 这5个丑出新高度的网站,为什么那么多人夸

这5个丑出新高度的网站,为什么那么多人夸

作者:Mockplus原型设计 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含Web设计,优秀网页设计,用户体验,经验分享,网站设计等相关知识,Mockplus原型设计希望在学习及工作中可以帮助到您

@Mockplus原型设计 :网站界面过于漂亮可能会影响网站的可用性,但本文中提到的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时,如果没有影响到网站使用,就不会修复它。

结论

用户体验设计师必须记住,美只存在于旁观者眼中,丑陋的用户界面仍然可以带来好的用户体验。虽然文中提到的这些网站可能会被精简,但这并不一定意味着它们的用户界面不好。它们中的大多数只是简单的保留了原来的用户界面,可能那时的界面仅仅是为网站运营设计的。

网站可能不会优先考虑美学,但这并不意味着该网站是坏的或丑陋的。回顾以上提到的这些网站,它们可能有非常规的用户界面,但这并不能影响它们每日数百万的用户访问量。

欢迎关注译者的微信公众号:


「提升用户体验,让你的网站设计更出彩」

  • 《想让你的网站看起来专业?搞定下面9件事情就行!》
  • 《网站要上线了,问问自己这15个问题再做决定》
  • 《如何搭建Web端布局框架?来看滴滴设计团队的超全经验总结!》

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: http://hao..com

优设大课堂

您可能想查找下面的文章:

  • 设计好用、易用web应用程序的10个技巧
  • 响应式WEB设计学习(3)—如何改善移动设备网页的性能
  • 响应式WEB设计学习(2)—视频能够做成响应式吗
  • 给web设计的新手们建议一些有用的学习资料
  • 首页设计最能反映web设计师的水准
  • 如何构建 Web 端设计组件之树和日期时间选择器
  • 如何构建 Web 端设计规范之文本与选择器
  • 网易设计师:B端产品常用Web 列表设计模式总结
  • 这5个丑出新高度的网站,为什么那么多人夸
  • 如何构建Web端设计规范之设计理念篇

相关文章

  • 2018-08-23这个帮你改善睡眠的APP,是这样设计出来的
  • 2017-08-06网页中使用任意字体之实际操作附演示
  • 2018-08-23超全面!从0到1正确开启UX项目的方式
  • 2018-08-23进阶好文!如何把那么多经典的设计模型用起来?
  • 2018-08-23Banner设计宝典系列!玩转9种最常见的设计风格
  • 2017-08-06设计参考 WordPress建站成功案例
  • 2017-08-06Web实现点击图片弹出上传文件窗口代码
  • 2018-08-23用这个方法临摹作品,你的UI自学才最有效!
  • 2018-08-23高手来了!8个简单有效的方法帮你提升设计档次
  • 2018-08-23这个大公司越来越重视的体验文案编写师,到底是干嘛的?

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 网页设计技巧:iframe自适应高度的问题
    • YouTube 终于换Logo啦!来看背后的设计故事!
    • 反馈机制这样设计,才能不让用户厌烦
    • 超实用!西文字体及排版的运用方法(附字体搭配建议)
    • 超详细的《Design Systems》读书笔记
    • http 请求头设置
    • 这个大公司越来越重视的体验文案编写师,到底是干嘛的?
    • The Complete List of MIME Types(比较完整的MIME类型一览表)
    • 如何制作一份优秀的答辩PPT?来看高手的方法!
    • 用58同城的实战案例,带你认识完整的改版流程!

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有