10 个需要重新设计建设的网站
不同的设计师对于如何打造一个优秀的网站有不同的看法。但是，我们都同意的一件事是，流行度永远不会让网站设计变得伟大。
今天我们来看看一些知名公司和品牌旗下的热门网站，这些网站每月接待数百万访问者。他们在世界各地都很有名。所有这些网站都有一个共同点——它们都需要一点视觉刷新！
尽管网页设计已经成为一个行业，并且随着令人惊叹的新技术的发展而发展，但仍有一些公司仍在使用过时的网站设计。
我们不确定这些品牌是否害怕改变，或者只是没有高度重视设计。不管怎样，我们认为这些网站需要进行改造，以更好地服务于用户，继续阅读以找出原因。
1.克雷格列表
Craigslist 是互联网上最受欢迎的分类广告网站之一。克雷格·纽马克 (Craig Newmark) 于 1995 年创建了Craigslist，当时只是一个简单的电子邮件列表，并于 1996 年将其转变为网站。从外观来看，可以肯定地认为该网站可能使用与 1996 年相同的设计。
据SimilarWeb 称，Craigslist每月接待超过3.6 亿访问者。然而它的网站设计是你所见过的最糟糕的网站之一。Craigslist 网站设计包含您在设计网站时希望避免的所有错误。
为什么这个网站看起来很糟糕？
首先，Craigslist 的设计非常混乱，没有任何视觉线索或方向感。该网站仅包含文本。但字体太小，阅读起来很困难。字体的亮蓝色当然也无助于提高可读性。
最重要的是，网站设计不响应。在不同分辨率的屏幕上观看时看起来很糟糕。浏览广告列表的整个过程、发布广告的表单设计以及网站的几乎所有其他方面都迫切需要改进。
如何改进？
甚至改变字体和字体颜色也可以认为是现阶段 Craigslist 的一个改进。然而，寻找灵感的更好方法是访问 Gumtree 网站。
Gumtree是英国最大的分类广告列表网站。其现代化的网站设计拥有我们希望在分类广告网站上看到的一切。它具有用户友好的设计，具有更好的搜索功能、缩小搜索范围的过滤器、更好的扫描广告预览和描述等等。
2.美国在线
AOL 曾经是互联网上最大的平台，也是一家拥有当时每个人都在使用的大部分工具的公司。它有潜力成为令人难以置信的事情。但是，随着竞争对手的崛起，AOL 失去了时间观念，未能适应当前用户的需求。
如今，人们几乎不知道 AOL 是什么。就连我们也惊讶地发现该网站仍然正常运行。据SimilarWeb称，AOL每月仍接待超过2亿的访问者。乍一看，该网站看起来很棒。那么为什么我们认为需要重新设计呢？
为什么这个网站看起来很糟糕？
与往常一样，美国在线似乎仍在追赶现代用户界面设计，但该公司仍落后了几年。它仍然有一个杂乱的设计，充满了从新闻到天气娱乐等等的许多内容。任何访问该网站的人都会立即对去哪里和做什么感到困惑。
当我们访问该网站时，我们被自动播放的视频和自动声音轰炸。不要在工作时错误地使用 AOL 进行搜索。
不用说，当您访问 AOL 时，您很容易分心。
如何改进？
AOL 网站可能会让您想起另一个流行的搜索引擎。雅虎！曾经具有非常相似的设计。但现在不再了。甚至雅虎！知道何时进化。
如果说 AOL 可以从 Google、Bing 和 DuckDuckGo 等竞争对手那里学到一件事，那就是人们更喜欢设计简约、不受干扰的搜索引擎。这就是为什么雅虎！也改用了极简主义的网站设计。
3.黑客新闻
Hacker News 就像初创公司、程序员和企业家的 Reddit。黑客新闻上的一篇文章可能意味着你的创业想法是获得资助还是完全被摧毁。
该网站是当今最大的新闻聚合网站之一，每月有超过1200 万人访问。但它仍然采用 2007 年使用的相同设计。
为什么这个网站看起来很糟糕？
Hacker News 正在犯 Craigslist 所犯的同样错误。相比之下，我们能想到的唯一好的功能是该网站使用无衬线字体，其颜色易于观看。
然而，该网站的设计仍然不友好，需要改进。该网站犯的最大错误是主页上显示的线程直接链接到源页面。您无法通过单击标题来打开黑客新闻线程。
此外，我们希望看到它采用更加视觉化的方式。同时还针对移动设备进行了优化设计。
如何改进？
还记得 Reddit 以前看起来像黑客新闻吗？值得庆幸的是，Reddit 最近改进了其网站设计，现在看起来比以前好多了。
Hacker News 也可以采用与Reddit类似的设计。它不必是视觉上的，但当线程突出显示并彼此分开时，网站肯定会看起来更好。并允许用户通过单击标题来打开讨论线程。
4.伯克希尔·哈撒韦公司
你能相信这是一家拥有超过7000亿美元资产、净利润超过40亿美元的跨国公司的官方网站吗？
伯克希尔哈撒韦公司是世界上最富有的人之一沃伦巴菲特拥有的公司。然而，很难相信他付不起几百美元来重新设计网站。
为什么这个网站看起来很糟糕？
我们从哪里开始？这个网站有很多问题。首先，它不会告诉您该网站或该公司的全部内容。因为它没有“关于”页面。
该网站充当链接列表，将用户重定向到其他网站以了解公司的当前状态。其中大部分内容都可以轻松包含在主页上，从而节省用户加载其他网站的麻烦。
最糟糕的是，该网站还在主页上推广另一个汽车保险网站。
如何改进？
此时，即使添加公司的一小部分描述也足以改进该网站。但是，它可能会从壳牌全球等另一家跨国公司那里获得一些灵感。
伯克希尔哈撒韦公司也可以使用类似且更具视觉效果的设计，以避免给人们带来对公司的错误印象。希望将该网站变成投资者和普通受众的信息中心。
5.字母表
Alphabet 是谷歌的母公司，其名下还有许多其他品牌和公司。然而，它的网站本身就是一个谜。
为什么这个网站看起来很糟糕？
我们在访问 Alphabet 网站时遇到了一些问题。如果“G”代表谷歌，那么它还拥有哪些其他公司？谁是公司的首席执行官？除了了解您的投资者之外，我们还可以在哪里了解有关公司和您的立场的更多信息？
由于该网站的超简约设计，许多问题都没有得到解答。我们可以理解公司创始人做事的方式不同。但公司网站应该能够提供有关业务的信息。
如何改进？
尽管IBM不是 Alphabet 的直接竞争对手，甚至没有非常现代化的网站，但我们认为 Alphabet 可以从他们的网站设计中学到很多东西。
IBM 使用简单的导航系统让用户了解他们的产品和服务。更重要的是，它有一个“关于”页面，详细介绍了公司的全部内容。Alphabet 可以在其网站上使用其中一些功能。
6.亚马逊
亚马逊自推出以来取得了长足的进步，成为全球最大的互联网零售网站。该网站的网站设计多年来也保持不变。直到最近，它的主页设计焕然一新。
然而，该网站的产品页面仍然可以进行一些改进。
为什么这个网站看起来很糟糕？
亚马逊产品页面的设计最令人沮丧，如果您是该网站的新手，可能会让您感到困惑。查看产品时，全屏页面布局使探索变得更加困难。
产品描述太长，且格式不合理以便于阅读。当向下滚动以了解有关产品的更多信息时，您首先会受到大量追加销售和类似产品推荐的轰炸，这让您怀疑自己是否在正确的产品页面上。
网站的结账流程也可以进行大规模的重新设计。
如何改进？
重新设计数十万个产品页面并不是一件容易的事。这可能就是亚马逊没有考虑为其产品页面采用新布局的原因。然而，我们相信他们可以从百思买等竞争对手那里学到很多东西，百思买采用了更人性化的设计。
百思买没有使用全屏布局，而是对产品页面使用盒装设计。产品的不同变体也整齐地展示在侧面。产品描述被格式化为不同的部分，以便于扫描。这就是设计正确产品页面的方法。
7.IMDb _
IMDb（即互联网电影数据库）是了解有关电影和电视节目的所有信息的首选平台。该网站每月接待超过5 亿访问者。
当你访问 IMDb 主页时，它看起来棒极了。它采用全屏设计和深色主题。以及电影和电视节目的大型预览，以便轻松探索其内容。
但是，请等到您打开产品页面。IMDb 主页和产品页面之间的区别就像白天和黑夜。
为什么这个网站看起来很糟糕？
尽管IMDb网站的主页最近进行了改版，但其电影和电视节目的产品页面布局保持不变。这种布局采用了非常窄的盒装设计。这使得页面看起来混乱并且更难以导航页面和查找更多信息。字体的糟糕选择也使得阅读其内容变得更加困难。
如何改进？
IMDb 当然可以从 Metacritic 的页面设计中吸取一些教训。
Metacritic使用干净的全屏页面设计。详细信息和描述更容易阅读。并提供带有视觉元素的清晰导航。同样的设计方法也非常适合 IMDb。
8.维基百科
维基百科每月有超过 13 亿访问者，是每个人一生中至少访问过一次的互联网顶级网站之一。
然而，该网站仍然需要进行重大改造，以使其在今天更具相关性并吸引当前的受众。
为什么这个网站看起来很糟糕？
由于维基百科是一个在捐款的帮助下维护的非盈利网站，因此我们不能对其设计过于苛刻。毕竟，它提供的是公共服务。
然而，我们相信，更好的文章页面设计可以证明它更加有用和用户友好。尤其是为了吸引年轻观众。
文章的内容格式需要做很多工作。维基百科文章采用全屏设计，因此文本段落被拉得太长。并且造成阅读困难。
最重要的是，该网站需要一个合适的导航系统。
如何改进？
尽管大英百科全书的时代已经结束，维基百科仍然可以从他们的网站设计中学到一些技巧。
例如，大英百科全书的页面布局具有粘性导航面板，用户可以在其中跳转到文章的不同部分。它还具有更好的页面设计和更好的格式，提高了可读性。
如果维基百科有这样的设计，我们将在该网站上花费更多时间来实际阅读其内容。
9.先进技术大学
我们非常震惊地发现一个看起来像这样的网站，属于一所专门研究“先进技术”的大学。不知何故，这所大学似乎错过了网页设计技术多年来的进步。
为什么这个网站看起来很糟糕？
对于初学者来说，动画旋转导航菜单是最让我们沮丧的。如果你错过了点击某个项目的机会，你必须等待它绕一圈回到你身边。可以说，这是我们见过的最令人沮丧的导航设计。
如何改进？
人们访问大学网站的主要原因是了解大学本身、其项目和课程。这包括展示大学之旅。包括分类导航，方便查找课程。还有关于教师和学院声誉的页面。所有这些都是该网站未能实现的。
斯坦福大学网站是如何完成这项工作的一个很好的例子。
10.W3学校
W3Schools 是一个流行的学习编码的在线资源。对于许多网页设计师和程序员（无论是初学者还是专家）来说，它都是一个众所周知的网站。据SimilarWeb称，该网站相当受欢迎。它每月接待超过5000 万游客。
它提供了大量信息丰富的课程，但课程页面的设计还需要一些改进。
为什么这个网站看起来很糟糕？
W3Schools 课程的特色是简短的课程，但采用直接的实践方法。这涉及使用代码编辑器练习您在每门课程中学到的内容。
但是，代码编辑器需要单独加载才能运行。这意味着您需要在浏览器上打开两个选项卡才能学习课程。
如何改进？
在线学习平台设计（尤其是编码课程）的更好方法是提供一个带有实时预览的沙箱供学生使用。这正是CodeAcademy所做的事情。
CodeAcademy 课程中的每节课都包含三个面板，其中详细介绍了课程以及代码编辑器和实时预览。这为学生提供了一种更简单、更实用的学习方法。这正是 W3Schools 所需要的。
综上所述
如果我们可以从所有这些网站中学到一件事，那就是关心您的品牌和公司的在线形象在今天比以往任何时候都更加重要。正如您在上面所看到的，糟糕的网站设计会让人们对一个品牌产生错误的印象。让我们希望这些公司最终能清醒过来并改进他们的网站，至少在这十年内。
