如果在過去的十年時間里，你一直關注互聯網，想必關注過這些網站吧，比如Reddit, Craigslist,Wikipedia, 4Chan, Hacker News, 以及 The Drudge Report。這些網站雖然涉及的行業領域各有千秋，但是卻有兩個共同點，一個是他們都非常受用戶歡迎；另一個，則是他們的外觀設計都非常難看。

　　網頁技術發展至今已經有很多年了，如今的設計師手頭上也有各種工具和技術可以優化網站，但是，那些廣受歡迎的網站，似乎和如今互聯網上的現代設計理念有些格格不入。

　　上圖：Craigslist網站目前的設計實在有些說不過去

　　為什么這些網站看上去就像是上世紀90年代的設計呢？清晰的布局，細選的字體，以及互補的顏色都在哪里呢？

　　實際上，像The DrudgeReport 和 Craigslist這樣的網站已經創立超過20年了（都是在1995年創建的）。上個月，維基百科網站剛剛度過15歲生日；Reddit創立將近10年，而綜合型討論區網站4chan誕生至今也將近13年了。

　　事實上，僅憑一眼看去，就判斷這個網站的設計究竟好不好，也不是件容易的事情。你可能會感覺一個網站看起來不錯，但是好的設計絕不僅僅體現在美觀的頁面布局上，還需要考慮訪客該如何使用網站，它是否能幫助訪問者找到自己需要的東西，或是完成正在處理的工作任務。

　　為了更好的理解這一點，筆者和Intelligent Interfaces公司聯合創始人、數據可視化部門主管阿米特·達斯進行了交流，他認為：

　　無疑，我們看到像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強調內容高于一切。一個花哨的界面會分散用戶注意力。文本是永恒的。HN的信息密度都經過仔細校準：很難擠出更多界面插入其他東西，而內容太少又會讓人覺得網站量級不夠。

　　對于求知欲很強的用戶而言，HN的極簡設計非常棒，而這也是該網站的指導精神。那就是讓讀者輕松訪問，自己決定哪些是自己感興趣的內容。

　　基于文本設計的網站，有一個好處，那就是頁面加載量較小，頁面打開速度很快。用戶會關心很多事情，但實際上，網站設計者考慮的方面更多。

　　相比于“現代”網站，很多“經典傳統”網站還有一個社區優勢：這些網站吸引的，是關心實質內容的用戶，而不是那些獵奇的用戶。

　　有時，丑陋是難以避免的

　　下面我們來談談內容繁多的中國網站，來自Econsultancy咨詢公司的杰夫·拉杰克認為，和英文頁面不同，在中文里沒有大寫字母也沒有空格，因此網頁看起來更像是加密電文，繼而導致給人感覺比較混亂。

　　上圖：日常的QQ主頁，看上去比絕大多數網站的內容還要繁多

　　此外，中文也很難打，互聯網連接中文字符速度也非常慢。這也是為什么很多網站會在自己的頁面上加載鏈接，這樣可以減少用戶訪問的頁面數量，更快找到自己所需要的內容。

　　但是如果在Reddit和The Drudge Report這樣的網站頁面里“塞滿”鏈接，肯定不是明智之舉。另一方面，雖然內容繁多導致網站不夠美觀，卻能讓用戶一眼掃描“海量”內容，最大化了網站訪問的時間價值。

　　不過，在優化網站設計的時候，如果只注重重點內容，其實對首次訪問網站的用戶并不利，因為他們無法找到一個最佳方式去利用自己最新探索到的信息源。Gackle解釋說：

　　黑客新聞網站設計的一個劣勢，就是會讓新訪客感到“神秘”。一開始，用戶可能會覺得比較有趣，就像是解謎。但好景不會太長，當網站規模變大，如果依然采用這樣的策略可能會導致訪客感覺自己被孤立。網站設計的復雜性，不會讓內容變得更清晰，因此不建議這樣做。

　　改變總是好事嗎？

　　如果我們最喜歡的網站設計失敗了，肯定會覺得不開心，此時唯一的解決辦法可能是徹底優化網站。不過值得注意的是，重新設計網站可能無益，甚至會導致用戶流失。還記得“掘客”網站鼻祖DIGg在推出新頁面時，流量下降了34%嗎？

　　對于重新設計網站這件事，達斯解釋了為什么它并不是個包治百病的解決方案：

　　對于那些訪問量較大的網站，一個小小的設計改變可能會導致巨大影響，因此企業必須重視這一點。最近一個典型例子就是Reddit，他們開始測試一個新網站設計，這說明如今的網站設計團隊已經開始意識到設計需要被用戶接受認可的重要性。

　　許多人都建議Reddit徹底優化網站設計，但理想的做法是，每次優化一點，每次改動一個組件，這樣就不會立刻造成巨大影響，也不會影響任何交易指標。

　　當然，大幅改動網站設計也可能會帶來成功。DeviantArt是一個展示與分享各類藝術創作的大型國際性社群網站，當網站運營了幾年之后，他們決定大幅整頓，并推出全新的品牌策略。不過，DeviantArt旗下產品的核心并沒有改變，他們內部頁面模板的優化依然是循序漸進的，更沒有匆忙修改，而是每次優化一個元素。

　　另一方面，達斯又拿亞馬遜作為范例，他們每次頁面優化只變動一點點，“每次亞馬遜網站設計變動，都是非常細微的，以至于一些每天訪問亞馬遜的用戶都無法察覺。但是如果你比較一下一年前的亞馬遜網站，就會發現他們的改變其實非常明顯。”達斯提示說。

　　加克爾闡述了黑客新聞網站是如何優化網站外觀的：

　　我們更喜歡“溫水煮青蛙”的方法——在小處做改變——而不是做大變動。和所有用戶一樣，我們也不喜歡變化。實際上，在過去的兩年里，我們網站設計做了很多變化，但通過合理的方式，有時用戶體驗幾乎沒有什么明顯的差異。如何在不做大變動的前提下，在網站上增加新設計，搞明白這個要旨其實非常有趣，就像一個程序員知道如何在不改動代碼的前提下，生成一個全新的功能。

　　我最喜歡的改變，就是在網站上發現一些不必要的功能，然后把它拿掉。YC和黑客新聞創始人保羅·格拉漢姆就是這樣一個極簡主義者，每次當我們找到一些沒用的東西，然后刪除之后，他就像是打了一場勝仗。

　　當然啦，有時我們也會在網站上增加一些功能，不過，一旦驗證發現這些功能沒有用，我們會毫不猶豫的把它刪掉。有時，自由的感覺不僅僅是在網站上增加新功能，而是反復簡化網站，黑客新聞網站就是利用這種方法收獲了很好的效果。

　　有一件事我們不會做的，就是追趕設計潮流。這么做非常耗力，因此還不如把功夫下在如何提示網站內容質量上，而這，也是用戶希望你做到的。

　　上圖：黑客新聞重新設計了網站，推出一個“可視化標尺”，可以展現出每天文章的受歡迎程度

　　由于對比了一些其他網站，許多黑客新聞的粉絲也希望他們能夠優化頁面設計，甚至還提交了自己的設計想法，對于這些粉絲，加克爾回應說：

　　因為黑客新聞網站看上去有些過時，有時人們會提議讓我們重新設計網站。有些人還告訴我們一些其他App應用和網站上有的，但是黑客新聞網站上沒有的功能。當然啦，其中不少功能都很棒，不過這些功能所要達到的目標和黑客新聞網站的目標并不一致。比如有些網站上會增加顏色和圖像，但這么做會導致信息密度下降。

　　實際上，黑客新聞創始人格拉漢姆先生已經做得很好了，他的很多重新設計理念都符合黑客新聞網站的目標。我們更關注的，是如何優化基礎架構。不過，如果有人能證明我們的想法不對，也是件很有趣的事。

　　你知道哪些設計丑陋，但卻廣受歡迎的網站嗎？不放在評論欄里告訴我們吧。