如果您在過(guò)去十年中一直關(guān)注互聯(lián)網(wǎng)，請(qǐng)務(wù)必關(guān)注這些網(wǎng)站，例如Reddit，Craigslist，Wikipedia，4Chan，Hacker News和The Drudge Report。雖然這些網(wǎng)站有不同的行業(yè)領(lǐng)域，但它們有兩個(gè)共同點(diǎn)。一個(gè)是他們非常受用戶歡迎;另一個(gè)是他們的設(shè)計(jì)非常難看。

Web技術(shù)已經(jīng)開(kāi)發(fā)多年，今天的設(shè)計(jì)人員擁有優(yōu)化網(wǎng)站的工具和技術(shù)。然而，當(dāng)今互聯(lián)網(wǎng)上的那些受歡迎的網(wǎng)站似乎與現(xiàn)代設(shè)計(jì)概念有些不合適。

上圖：Craigslist網(wǎng)站目前的設(shè)計(jì)有點(diǎn)不合理

為什么這些網(wǎng)站看起來(lái)像20世紀(jì)90年代的設(shè)計(jì)？清晰的布局，精心挑選的字體和互補(bǔ)色在哪里？

實(shí)際上，DrudgeReport和Craigslist這樣的網(wǎng)站已經(jīng)創(chuàng)建了20多年（兩者都創(chuàng)建于1995年）。上個(gè)月，維基百科網(wǎng)站剛剛慶祝了它的15歲生日; Reddit成立于近10年前，綜合論壇網(wǎng)站4chan已經(jīng)存在了13年。

事實(shí)上，判斷本網(wǎng)站的設(shè)計(jì)是否合適并不是一件容易的事。您可能會(huì)覺(jué)得網(wǎng)站看起來(lái)不錯(cuò)，但優(yōu)秀的設(shè)計(jì)不僅僅是關(guān)于漂亮的頁(yè)面布局，還包括訪問(wèn)者應(yīng)該如何使用網(wǎng)站。它是否有助于游客找到他們需要的東西，或者他們正在做什么？處理工作任務(wù)。

為了更好地理解這一點(diǎn)，作者和智能接口公司的主管，數(shù)據(jù)可視化部門(mén)主管Amit· Das交換了，他相信：

毫無(wú)疑問(wèn)，我們看到Reddit，4chan等網(wǎng)站在設(shè)計(jì)上存在巨大差距。內(nèi)容消費(fèi)者可能對(duì)網(wǎng)站設(shè)計(jì)有很高的期望，比如一些用戶生成和聚合的內(nèi)容應(yīng)用程序和網(wǎng)站，如Medium，F(xiàn)acebook和Twitter，其網(wǎng)站更加面向設(shè)計(jì)，與內(nèi)容分類(lèi)平臺(tái)Craigslist和設(shè)計(jì)相比黑客新聞?wù)搲瘜⒆層脩舾械揭欢ǖ牟罹唷?

但是，最好讓我們看看上述網(wǎng)站的當(dāng)前狀態(tài)：這些網(wǎng)站似乎存活了很短的時(shí)間，并不是為了滿足消費(fèi)者在2016年的期望。作為一家公司，這些網(wǎng)站的屬性是要處理用戶生成的流量。例如，Reddit是世界排名第32位的網(wǎng)站，而Medium排名第400位。

您總能看到設(shè)計(jì)精美的新競(jìng)爭(zhēng)對(duì)手的新網(wǎng)站，他們希望挑戰(zhàn)舊網(wǎng)站。再舉一個(gè)例子，房地產(chǎn)行業(yè)的Trulia希望與Craigslist作斗爭(zhēng)。但你必須知道，房地產(chǎn)交易的巨大流量來(lái)自有機(jī)搜索，然后是Craigslist。這只是Craigslist全球分類(lèi)標(biāo)準(zhǔn)的一小部分。

構(gòu)成糟糕設(shè)計(jì)的因素有哪些？

許多難以使用的網(wǎng)站存在一些常見(jiàn)問(wèn)題，例如：

可識(shí)別性差:各種不同的字體和令人眼花繚亂的顏色會(huì)使網(wǎng)站的可讀性降低，尤其是對(duì)于需要發(fā)布更長(zhǎng)內(nèi)容的網(wǎng)站。

迷茫的網(wǎng)站導(dǎo)航:如果用戶無(wú)法弄清楚如何在網(wǎng)站上找到他們需要的東西，那么他們肯定不會(huì)在這個(gè)網(wǎng)站上留下太多。

響應(yīng)速度較慢:如果您的網(wǎng)站上有太多腳本，圖像和動(dòng)畫(huà)，頁(yè)面打開(kāi)時(shí)間肯定會(huì)受到影響，從而導(dǎo)致訪問(wèn)者流失。

在考慮了上述三個(gè)問(wèn)題后，您會(huì)發(fā)現(xiàn)它們出現(xiàn)在一些被稱為“設(shè)計(jì)良好”的網(wǎng)站上。

上圖：雖然維基百科的網(wǎng)站并不那么糟糕，但它可以大大優(yōu)化和改進(jìn)

維基百科網(wǎng)站看起來(lái)太多，看起來(lái)有點(diǎn)過(guò)時(shí)，但上面的信息是清晰可辨的。 Reddit可能不是第一次使用，但它是一個(gè)非常輕量級(jí)的網(wǎng)站，內(nèi)容加載很快。

令人難以置信的是，上圖是The Drudge Report網(wǎng)站2016年的主頁(yè)

2008年，團(tuán)隊(duì)聯(lián)合創(chuàng)始人Basecamp聯(lián)合創(chuàng)始人Jason·弗雷德說(shuō)，TheDrudge Report的設(shè)計(jì)非常成功。他列舉了一些優(yōu)勢(shì)，即使它今天非常有價(jià)值，他說(shuō)：“網(wǎng)站設(shè)計(jì)耗時(shí)，易于維護(hù)，兼容性高。此外，這個(gè)網(wǎng)站真的很獨(dú)特。 ”的

穩(wěn)定的設(shè)計(jì)通常需要考慮許多因素，例如花費(fèi)大量時(shí)間，多次迭代，體驗(yàn)大量反饋以及仔細(xì)執(zhí)行。良好的設(shè)計(jì)很難每天維護(hù)，特別是當(dāng)您需要每天為大量用戶服務(wù)時(shí)。一個(gè)簡(jiǎn)單的設(shè)計(jì)網(wǎng)站似乎有一個(gè)優(yōu)勢(shì)。畢竟，您的用戶習(xí)慣了網(wǎng)站本身及其功能。

上圖：Hacker News網(wǎng)站的布局受到UNIX實(shí)用程序列表Top

丹尼爾·杰克在知名企業(yè)孵化器Y Combinator（“黑客新聞”網(wǎng)站）負(fù)責(zé)黑客新聞，他解釋說(shuō)基于投票的鏈接聚合網(wǎng)站一般不提供太多接口，他使用黑客新聞（HN），例如，解釋原因：

HN強(qiáng)調(diào)內(nèi)容高于一切。一個(gè)奇特的界面分散了用戶的注意力。文本是永恒的。 HN的信息密度經(jīng)過(guò)精心校準(zhǔn)：很難將更多接口壓縮到其他東西上，而內(nèi)容太少會(huì)讓人覺(jué)得網(wǎng)站不夠用。

對(duì)于具有強(qiáng)烈好奇心的用戶，HN的極簡(jiǎn)設(shè)計(jì)非常棒，這是該網(wǎng)站的指導(dǎo)精神。這是為了讓讀者更容易訪問(wèn)并決定他們感興趣的內(nèi)容。

基于文本的網(wǎng)站的一個(gè)好處是頁(yè)面加載很小，頁(yè)面打開(kāi)很快。用戶非常關(guān)心事物，但實(shí)際上，網(wǎng)站設(shè)計(jì)者更多地考慮它們。

與“現(xiàn)代”網(wǎng)站相比，許多“經(jīng)典傳統(tǒng)”具有社區(qū)優(yōu)勢(shì)：這些網(wǎng)站吸引關(guān)注實(shí)質(zhì)的用戶，而不是那些精明的用戶。

有時(shí)難以避免丑陋

讓我們來(lái)談?wù)劯鞣N各樣的中文網(wǎng)站，來(lái)自Econsultancy Consulting的Jeff· Lajak認(rèn)為，與英文頁(yè)面不同，中文沒(méi)有大寫(xiě)字母或空格，因此頁(yè)面看起來(lái)更像是加密的信息，然后它讓人感到更加困惑。

上圖：每日QQ主頁(yè)看起來(lái)遠(yuǎn)遠(yuǎn)超過(guò)大多數(shù)網(wǎng)站的內(nèi)容

另外，中文也很難玩，漢字連接到互聯(lián)網(wǎng)的速度也很慢。這就是為什么許多網(wǎng)站在自己的頁(yè)面上加載鏈接，這減少了用戶訪問(wèn)的頁(yè)面數(shù)量，并更快地找到了他們需要的內(nèi)容。

但如果你被困在Reddit和The Drudge Report這樣的網(wǎng)站頁(yè)面上，那絕對(duì)不是一個(gè)聰明的舉動(dòng)。另一方面，雖然內(nèi)容太大，但網(wǎng)站不夠漂亮，但它允許用戶一目了然地掃描“大量”內(nèi)容，最大化網(wǎng)站訪問(wèn)的時(shí)間價(jià)值。

但是，在優(yōu)化網(wǎng)站設(shè)計(jì)時(shí)，如果您只關(guān)注關(guān)鍵內(nèi)容，那么對(duì)于第一次訪問(wèn)該網(wǎng)站的用戶來(lái)說(shuō)，這是不利的，因?yàn)樗麄儫o(wú)法找到使用他們最近探索過(guò)的信息源的最佳方式。 Gackle解釋道：

黑客新聞網(wǎng)站設(shè)計(jì)的一個(gè)缺點(diǎn)是它會(huì)讓新訪客感到“神秘”。一開(kāi)始，用戶可能會(huì)發(fā)現(xiàn)它更有趣，就像解決謎題一樣。但好景不會(huì)太久。當(dāng)網(wǎng)站規(guī)模擴(kuò)大時(shí)，如果您仍然采用這種策略，您可能會(huì)覺(jué)得訪問(wèn)者感到孤立。網(wǎng)站設(shè)計(jì)的復(fù)雜性并沒(méi)有使內(nèi)容更加清晰，因此不推薦使用。

改變總是好的嗎？

如果我們最喜歡的網(wǎng)站設(shè)計(jì)失敗，肯定會(huì)感到不快，此時(shí)唯一的解決方案可能是完全優(yōu)化網(wǎng)站。然而，值得注意的是，重新設(shè)計(jì)網(wǎng)站可能毫無(wú)用處，甚至可能導(dǎo)致用戶流失。請(qǐng)記住，當(dāng)網(wǎng)站的發(fā)起人DIGg推出新頁(yè)面時(shí)，流量下降了34％？

為了重新設(shè)計(jì)網(wǎng)站，Das解釋了為什么它不是一個(gè)萬(wàn)能的解決方案：

對(duì)于訪問(wèn)量較大的網(wǎng)站，小的設(shè)計(jì)變更會(huì)產(chǎn)生巨大影響，因此公司必須注意這一點(diǎn)。最近一個(gè)經(jīng)典的例子是Reddit，它開(kāi)始測(cè)試一個(gè)新的網(wǎng)站設(shè)計(jì)，這表明今天的網(wǎng)站設(shè)計(jì)團(tuán)隊(duì)開(kāi)始意識(shí)到用戶接受設(shè)計(jì)的重要性。

許多人建議Reddit徹底優(yōu)化網(wǎng)站的設(shè)計(jì)，但理想情況下，每次優(yōu)化時(shí)，您都會(huì)每次更改組件，這樣它不會(huì)立即產(chǎn)生巨大影響，也不會(huì)影響任何交易指標(biāo)。

當(dāng)然，網(wǎng)站設(shè)計(jì)的重大變化也可以帶來(lái)成功。 DeviantArt是一個(gè)大型的國(guó)際社區(qū)網(wǎng)站，展示和分享各種藝術(shù)創(chuàng)作。經(jīng)過(guò)幾年的運(yùn)營(yíng)，他們決定整頓并推出新的品牌戰(zhàn)略。然而，DeviantArt產(chǎn)品的核心并沒(méi)有改變。內(nèi)部頁(yè)面模板的優(yōu)化仍然是漸進(jìn)的，并且不急于修改，而是一次優(yōu)化一個(gè)元素。

另一方面，Das以亞馬遜為例。每次頁(yè)面優(yōu)化時(shí)，它們只會(huì)稍微改變一下。 “每次亞馬遜網(wǎng)站設(shè)計(jì)發(fā)生變化時(shí)，都會(huì)非常微妙，因此每天訪問(wèn)亞馬遜的一些用戶無(wú)法檢測(cè)到它。但如果你比較一年前的亞馬遜網(wǎng)站，你會(huì)發(fā)現(xiàn)他們的變化非常明顯。 ”的達(dá)斯提示。

雅克解釋了黑客新聞網(wǎng)站如何優(yōu)化網(wǎng)站的外觀：

我們更喜歡“溫煮青蛙”方法——在小地方做出改變——而不是做出重大改變。像所有用戶一樣，我們不喜歡改變。事實(shí)上，在過(guò)去兩年中，我們的網(wǎng)站設(shè)計(jì)已經(jīng)做了很多改變，但是以合理的方式，有時(shí)用戶體驗(yàn)幾乎沒(méi)有明顯差異。如何在不進(jìn)行重大更改的情況下向網(wǎng)站添加新設(shè)計(jì)，了解目的就像程序員知道如何在不更改代碼的情況下生成新函數(shù)一樣非常有趣。

我最喜歡的更改是在網(wǎng)站上找到一些不必要的功能，然后將其刪除。 YC和黑客新聞創(chuàng)始人Paul·格雷厄姆是如此極簡(jiǎn)主義，每次我們發(fā)現(xiàn)一些無(wú)用的東西，然后刪除，他就像一場(chǎng)勝利。

當(dāng)然，有時(shí)我們會(huì)為網(wǎng)站添加一些功能，但一旦驗(yàn)證發(fā)現(xiàn)這些功能毫無(wú)用處，我們會(huì)毫不猶豫地將其刪除。有時(shí)，自由的感覺(jué)不僅僅是為網(wǎng)站添加新功能，而是一遍又一遍地簡(jiǎn)化網(wǎng)站，黑客新聞網(wǎng)站已經(jīng)使用這種方法取得了良好的效果。

我們不會(huì)做的一件事就是趕上設(shè)計(jì)潮流。這非常費(fèi)力，因此最好將精力放在如何提升網(wǎng)站內(nèi)容的質(zhì)量上，這就是用戶希望您做的事情。

上圖：黑客新聞重新設(shè)計(jì)了網(wǎng)站，推出了一個(gè)“視覺(jué)統(tǒng)治者”，每天都能展示文章的受歡迎程度

由于其他一些網(wǎng)站的比較，許多黑客新聞的粉絲也希望他們可以優(yōu)化頁(yè)面設(shè)計(jì)，甚至提交自己的設(shè)計(jì)思路。對(duì)于這些粉絲，Garkel回應(yīng)道：

由于黑客新聞網(wǎng)站看起來(lái)有點(diǎn)過(guò)時(shí)，有時(shí)人們建議讓我們重新設(shè)計(jì)網(wǎng)站。有些人還會(huì)告訴我們網(wǎng)站上提供的其他一些應(yīng)用程序和功能，但不會(huì)在黑客新聞網(wǎng)站上提供。當(dāng)然，其中許多功能都很棒，但這些功能要實(shí)現(xiàn)的目標(biāo)與黑客新聞網(wǎng)站的目標(biāo)不一致。例如，某些網(wǎng)站會(huì)添加顏色和圖像，但這樣做會(huì)導(dǎo)致信息密度下降。

實(shí)際上，Hacker News的創(chuàng)始人格雷厄姆先生做得很好，他的許多重新設(shè)計(jì)想法都符合黑客新聞網(wǎng)站的目標(biāo)。我們更關(guān)心的是如何優(yōu)化基礎(chǔ)設(shè)施。但是，如果有人能證明我們的想法是錯(cuò)誤的，那也很有趣。

你知道哪些設(shè)計(jì)很丑，但是很受歡迎的網(wǎng)站？請(qǐng)勿在評(píng)論部分告知我們。

« DNS服務(wù)器：黑屋中的“翻譯官”＃大神 | 自媒體淘大時(shí)代到來(lái)以來(lái)淘大集團(tuán)的結(jié)束 »