网站首页 > 网站设计> 文章内容

这些丑丑的网站竟然还很受欢迎听专业人士聊聊什么是好的网站设计

※发布时间:2016-2-23 18:44:59   ※发布作者:habao   ※出自何处: 

  如果在过去的十年时间里,你一直关注互联网,想必关注过这些网站吧,比如Reddit,Craigslist,Wikipedia,4Chan,Hacker News, 以及The Drudge Report。这些网站虽然涉及的行业领域各有千秋,但是却有两个共同点,一个是他们都非常受用户欢迎;另一个,则是他们的外观设计都非常难看。

  网页技术发展至今已经有很多年了,如今的设计师手头上也有各种工具和技术可以优化网站。但是,那些广受欢迎的网站,似乎和如今互联网上的现代设计有些格格不入。

  上图:Craigslist 网站目前的设计实在有些说不过去

  为什么这些网站看上去就像是上世纪 90 年代的设计呢?清晰的布局,细选的字体,以及互补的颜色都在哪里呢?

  实际上,像The DrudgeReport和Craigslist这样的网站已经创立超过 20 年了(都是在 1995 年创建的)。上个月,网站刚刚度过 15 岁生日;Reddit 创立将近 10 年,而综合型讨论区网站4chan诞生至今也将近 13 年了。

  事实上,仅凭一眼看去,就判断这个网站的设计究竟好不好,也不是件容易的事情。你可能会感觉一个网站看起来不错,但是好的设计绝不仅仅体现在美观的页面布局上,还需要考虑访客该如何使用网站,它是否能帮助访问者找到自己需要的东西,或是完成正在处理的工作任务。

  为了更好的理解这一点,笔者和Intelligent Inteces公司联合创始人、数据可视化部门主管阿米特达斯进行了交流,他认为:

  无疑,我们看到像 Reddit, 4chan,等等这些网站,在设计上存在巨大差距。内容消费者可能对网站设计有着较高的期待,像一些用户生成和聚合内容 App 应用及网站,比如 Medium,Facebook,以及 Twitter,他们的网站更注重设计,相比之下,内容分类平台 Craigslist 和 Hacker News 论坛的外观设计则会让用户感到一定落差。

  不过,最好让我们来看看上述网站的现状:这些网站似乎存活的时间都不短,而且都不是为了满足消费者预期在 2016 年刚刚建立出来的。作为一家公司,这些网站的属性就是要处理由其用户所带来的流量。举个例子,Reddit 是世界问量排名第 32 位的网站,而 Medium 的排名则在 400 名开外。

  你总是能够看到一些网站设计精美的新竞争对手出现,他们希望能借此挑战老网站。再举个例子,房地产领域里的 Trulia 就希望能对抗 Craigslist。但是你必须知道,房产交易里的巨大流量都是来自于有机搜索,然后到达 Craigslist 上的。而这,仅仅是 Craigslist 全球分类业务中的一小部分而已。

  坏的设计是由哪些因素构成呢?

  很多难以使用的网站,都有一些常见的问题,比如:

  上图:网站虽然不是那么,但它可以大幅优化改进

  网站看上去内容实在太多,也显得有些过时,但是的信息都清晰可辨。Reddit 可能第一次使用会不太习惯,但是它是个真正的轻量级网站,而且内容加载速度很快。

  不可思议吧,上图是 2016 年 The Drudge Report 网站的主页

  2008 年,团队协作软件开发商 Basecamp 联合创始人贾森弗莱德就表示,TheDrudge Report 网站的设计非常成功,他罗列了一些优点,即便在今天看来也非常有价值,他说道:“网站设计不耗时,易于,而且兼容性很强。此外,这个网站真的十分独特。”

  一个稳定的设计往往需要考虑很多因素,比如得耗费大量时间,迭代多次,经历无数反馈,并且要认真地去执行。好的设计难以日常,特别是当你每天都需要服务大量用户时,一个简单设计的网站似乎更有优势,毕竟你的用户已经都习惯了网站本身和功能。

  上图:Hacker News 网站的布局是受到了 UNIX 实用程序列表 Top 的

  加克尔在知名创业孵化器 Y Combinator 负责 Hacker News(“黑客新闻”网站),他解释说,基于投票的链接聚合类网站一般都不会提供太多界面,他用 Hacker News(HN)为例,阐述了其中原因:

  对于求知欲很强的用户而言,HN 的极简设计非常棒,而这也是该网站的指导。那就是让读者轻松访问,自己决定哪些是自己感兴趣的内容。

  基于文本设计的网站,有一个好处,那就是页面加载量较小,页面打开速度很快。用户会关心很多事情,但实际上,网站设计者考虑的方面更多。

  相比于“现代”网站,很多“经典传统”网站还有一个社区优势:这些网站吸引的,是关心实质内容的用户,而不是那些猎奇的用户。

  有时,丑陋是难以避免的

  下面我们来谈谈内容繁多的中国网站,来自 Econsultancy 咨询公司的杰夫拉杰克认为,和英文页面不同,在中文里没有大写字母也没有空格,因此网页看起来更像是加密电文,继而导致给人感觉比较混乱。

  上图:日常的 QQ 主页,看上去比绝大多数网站的内容还要繁多

  此外,中文也很难打,互联网连接中文字符速度也非常慢。这也是为什么很多网站会在自己的页面上加载链接,这样可以减少用户访问的页面数量,更快找到自己所需要的内容。

  但是如果在 Reddit 和 The Drudge Report 这样的网站页面里“塞满”链接,肯定不是明智之举。另一方面,虽然内容繁多导致网站不够美观,却能让用户一眼扫描“海量”内容,最大化了网站访问的时间价值。

  不过,在优化网站设计的时候,如果只注重重点内容,其实对首次访问网站的用户并不利,因为他们无法找到一个最佳方式去利用自己最新探索到的信息源。Gackle 解释说:

  黑客新闻网站设计的一个劣势,就是会让新访客感到“神秘”。一开始,用户可能会觉得比较有趣,就像是解谜。但好景不会太长,当网站规模变大,如果依然采用这样的策略可能会导致访客感觉自己被孤立。网站设计的复杂性,不会让内容变得更清晰,因此不这样做。

  改变总是好事吗?

  如果我们最喜欢的网站设计失败了,肯定会觉得不开心,此时唯一的解决办法可能是彻底优化网站。不过值得注意的是,重新设计网站可能无益,甚至会导致用户流失。还记得“掘客”网站鼻祖DIGg在推出新页面时,流量下降了 34% 吗?

  对于重新设计网站这件事,达斯解释了为什么它并不是个包治百病的解决方案:

  对于那些访问量较大的网站,一个小小的设计改变可能会导致巨大影响,因此企业必须重视这一点。最近一个典型例子就是 Reddit,他们开始测试一个新网站设计,这说明如今的网站设计团队已经开始意识到设计需要被用户接受认可的重要性。

  许多人都 Reddit 彻底优化网站设计,但理想的做法是,每次优化一点,每次改动一个组件,这样就不会立刻造成巨大影响,也不会影响任何交易指标。

  当然,大幅改动网站设计也可能会带来成功。DeviantArt是一个展示与分享各类艺术创作的大型国际性社群网站,当网站运营了几年之后,他们决定大幅整顿,并推出全新的品牌策略。不过,DeviantArt 旗下产品的核心并没有改变,他们内部页面模板的优化依然是循序渐进的,更没有匆忙修改,而是每次优化一个元素。

  另一方面,达斯又拿亚马逊作为范例,他们每次页面优化只变动一点点,“每次亚马逊网站设计变动,都常细微的,以至于一些每天访问亚马逊的用户都无法察觉。但是如果你比较一下一年前的亚马逊网站,就会发现他们的改变其实非常明显。”达斯提示说。

  加克尔阐述了黑客新闻网站是如何优化网站外观的:

  我们更喜欢“温水煮青蛙”的方法在小处做改变而不是做大变动。和所有用户一样,我们也不喜欢变化。实际上,在过去的两年里,我们网站设计做了很多变化,但通过合理的方式,有时用户体验几乎没有什么明显的差异。如何在不做大变动的前提下,在网站上增加新设计,搞明白这个要旨其实非常有趣,就像一个程序员知道如何在不改动代码的前提下,生成一个全新的功能。

  我最喜欢的改变,就是在网站上发现一些不必要的功能,然后把它拿掉。YC 和黑客新闻创始人保罗格拉汉姆就是这样一个极简主义者,每次当我们找到一些没用的东西,然后删除之后,他就像是打了一场胜仗。

  当然啦,有时我们也会在网站上增加一些功能,不过,一旦验证发现这些功能没有用,我们会毫不犹豫的把它删掉。有时,的感觉不仅仅是在网站上增加新功能,而是反复简化网站,黑客新闻网站就是利用这种方法收获了很好的效果。

  有一件事我们不会做的,就是追赶设计潮流。这么做非常耗力,因此还不如把功夫下在如何提示网站内容质量上,而这,也是用户希望你做到的。

  上图:黑客新闻重新设计了网站,推出一个“可视化标尺”,可以展现出每天文章的受欢迎程度

  由于对比了一些其他网站,许多黑客新闻的粉丝也希望他们能够优化页面设计,甚至还提交了自己的设计想法,对于这些粉丝,加克尔回应说:

  因为黑客新闻网站看上去有些过时,有时人们会提议让我们重新设计网站。有些人还告诉我们一些其他 App 应用和网站上有的,但是黑客新闻网站上没有的功能。当然啦,其中不少功能都很棒,不过这些功能所要达到的目标和黑客新闻网站的目标并不一致。比如有些网站上会增加颜色和图像,但这么做会导致信息密度下降。

  实际上,黑客新闻创始人格拉汉姆先生已经做得很好了,他的很多重新设计都符合黑客新闻网站的目标。我们更关注的,是如何优化基础架构。不过,如果有人能证明我们的想法不对,也是件很有趣的事。

  你知道哪些设计丑陋,但却广受欢迎的网站吗?不放在评论栏里告诉我们吧。

  翻译:shark,编辑:picar

推荐:

关键词:网页设计