如果你过去十几年一直是个网民，或许你访浏览过 Reddit，craigslist，Wikipedia，4Chan，Hacker News，drudgereport 这些网站。他们类型不一，但是却有两个共同点：在受众当中极受欢迎，以及有着糟糕的外观。
网页技术在这些年发展迅速，设计师可选的工具和方技巧也更多了。但是似乎现代网页设计理念对这些简陋的网站作用不大。
Craigslist 的设计缺失
为什么他们看起来像上个世纪的产品？为什么没有清晰的布局、精选的字体和适宜的色彩？
单从时间上来看，The Drudge Report 和 Craigslist 在 1995 年成立 — 至今已经超过了 20 年。 Wikipedia 在上个月超过 15 年。Reddit 有超过 10 年的历史，图片社交论坛 4chan 刚好 13 年。
事实上，评判网站设计的优劣并不是那么简单。判断外形上的美观或许简单点，但是出色的设计不止于美学布局搭配。你同样需要思考网站的可用性，以及浏览者是否能够迅速找到所需内容。
为了更好的理解这点，我和“智能界面”的合伙人 Amit Das 进行了一番讨论。以下是他的看法：
Reddit 和 4chan 和我们通常理解的设计确实很不一样。这种差距是由消费者对用户生成内容、app 聚合内容、Medium/Facebook/Twitter 等网站精选内容与分类驱动内容（如 Craigslist，Hacker News 论坛等）的期望不一致引起的。
再看下上述网站的现状：首先是成立了很长时间，并且最初并不是为了满足消费者在 2016 年的预期。作为一个商业团队，他们的首要任务是通过微调来迎合流量。Reddit 是世界排名第 32 位的网站，而 Medium 只排到了 400 多位。
考虑到 Trulia 在房地产行业正在取代 Craigslist，或许你可以期待出现后起之秀挑战老牌网站。但是需要明白 Craigslist 中的大量地产交易流量来自于自然搜索，而这仅仅是 Craigslist 全球大分类中的一部分。
糟糕的设计由什么组成的？
用户体验很差的网站有以下几个共同点：
· 低辨识度：使用很多字体和颜色会使网站很难阅读，特别是对于那些以跟贴为特色的网站
· 混乱的导航：如果用户在网站上找到想要的结果，或者不清楚链接跳转的目的地，通常他们便不会在此停留。
· 性能较差：使用很多脚本、图片和动画的网站，需要很长时间加载并且会造成用户设备卡死。
如果你对比一下以上所列的错误，便会发现我们聚焦的网站在设计上其实是符合要求的。
Wikipedia 看上去并不糟糕，但有很大提升空间
Wikipedia 看起来可能有点拥挤和过时，但是信息清晰易辨。Reddit 或许上手并不容易，但是十分轻盈并且在每个节点的加载速度非常快。
你没看错，这是The Drudge Report 2016年的样子
2008 年 Basecamp 联合创始人写了“Drudge Report 的设计是如何获得成功的”这篇文章，他列举了一些如今依然有效的观点：耗时少、易于维护并且兼容性强；此外，必须非常独特。
这些都需要慎重考虑，因为产生一个实用的设计需要时间、数次迭代、反馈和精心的贯彻。因为它不可以频繁更改，尤其是当你已经有大量对当前网站外观和功能高度熟悉的用户。
Hacker News的样式受到UNIX utility Top的启发
Daniel Gackle（YC Hacker News 的主设计）解释了以投票为基础的链接聚合类网站界面简单的原因：
HN 强调内容为王。精美的界面会分散用户精力，而文字是永不过时的。HN 的信息密度是经过精心计算的：很难压缩进更多信息，而减少信息又会显得空洞。
HN 的简洁设计能很好的满足信息需求 — 这是网站的指导精神。对于不希望耗费太多精力去挑选内容的读者来说是很有帮助的。
基于文字设计的另一个好处是页面小并且加载快。我们的用户很在意这点，我们比他们更在意。
当我们关注“经典”而不是“流行”时，会有一个群体优势：这会吸引更加关注网站“本质”的一些人，而不是那些一直追求新奇的人。
有时候丑陋是难以避免的
曾经写过“为什么中文网站看起来混乱”的 Jeff 指出，由于汉字没有大写和空格，对于不了解汉语的人来说很难去解释如何聚焦信息。难怪中文网站在这些人眼里看起来混乱。
QQ 的主页看起来比大多数网站都要混乱
另外，中文输入相对困难而且平均网速非常慢，链接可以减少页面数量，用户无需打开更多页面去寻找所需内容。
对于 Reddit 和 The Drudge Report，使用页面链接的理由更加充分。他们的目标不是做一个好看的网站，而是让你在海量信息中迅速浏览内容，在浏览期间内最大化时间价值。
然而，在设计中更加突出内容会让初次访问用户感到不安，因为他们不知道如何利用最新发现的信息来源。Gackle 解释道：
Hacker News 设计方面的负面作用是会使初访者感到困惑。在早期这还挺有趣的，就像一些谜题等待用户去解答。但是后来就发生了变化，随着网站的发展这种特质会产生孤立风险，需要我们想办法去解决。尽管如此，复杂化的设计并不能解决这个问题，因此我们不会那样去做。
变化始终是一件好事吗？
在为我们喜爱网站的设计缺陷叹息时，或许有人会觉得唯一办法是全部重新设计。但是这样做毫无价值，并且会让用户远离我们。还记得 Digg 改版后流量下降 34% 的原因吗？
Das 解释了为什么这不是完美的解决方法：
考虑到网站有很大流量，设计上的细微更改将会产生巨大的影响。事实上，Reddit 正在测试一个新的设计，这表明了 Reddit 的团队意识到了适应性设计的重要性。
很多人建议 Reddit 完全抛弃现有设计，但是理想的情况应该是一次一小步的改变一个部件，这样才能不影响业务指标。
当然，两种方法都可能成功。Das 谈到了 DeviantArt — 世界上最大的设计与艺术社区。在运营多年后全面更改了网站的设计和商标，但是仍然保留了产品的核心 DNA，对网站的内部模板仍然是一次只改变一个元素，最终取得了很好的结果。
另一方面，Amazon 的设计其实一直在细微更改：“改变非常小，即使你每天浏览网站也有可能发现不了。但是如果一年后再进行对比，你会发现总体的改变非常大”。
Gackle 说 Hacker News 采用了同样的更改方式：
我们倾向于温水煮青蛙式的方法 — 通过微小改变推进整体变化。和用户一样，我们同样讨厌变化。过去两年我们做了很多改变，但这种变化是以适应现有样式为基础的，有时候这些变化并不是视觉上的。从这个角度去思考如何增加新功能非常有趣 — 类似在不增加代码的情况下精简设计。
我最喜欢的更改是发现不需要的东西然后移除他们。Paul Graham（YC 和 HN 的创始人）是一个简化主义者，每当我们发现有可移除的东西就像打仗获胜了一样（其实这样的胜利来之不易）。
我们也会有增加一些功能后，发现没有用处然后再移除的事情发生。不仅能够增加新特性，增加之后有移除的自由对 Hacker News 的合理更改非常重要。
我们不会去追求设计潮流，因为那样会耗费很多时间。这样的精力最好放在提高 Hacker News 内容质量上，这也是我们用户的使用目标。
Hila Peleg重新设计的Hacker News标明了流行度
像其他流行的网站一样，许多 Hacker News 的粉丝甚至自己重新设计了一套样式。对此，Gackle 回应道：
因为 Hacker News 看起来过时了，人们会呼吁重新设计。有些人制作的 app 和网站甚至提供 Hacker News 原本没有的特性。有些很棒，但是和 Hacker News 的目标并不一致。例如，增加了颜色和图像，或者稀释信息密度。
我不认为有比 Graham 提出的设计想法更加符合 Hacker News 的目标。他的想法在基础结构上最适合 Hacker News。或许在 Hacker News 的创意社区中能有人证明他是错的，那也将非常有趣。
原文链接：Why are some of the Web's ugliest sites also the most popular?
原文作者：ABHIMANYU GHOSHAL
翻译：PMALAN
网友评论