編者按：人們總是抗拒改變，任何一家受眾廣泛的網站只要改版都會激起返祖式的公憤。那么一年流量全球排名第四，樣子已經10多年未變的網站如果要進行重新設計的話，那幫用戶不知道會作何反應呢？如何才能讓它適應新的形勢呢？《連線》披露了美版的天涯/貼吧——Reddit（其實應該是反過來，前者是中國版的Reddit）改版的幕后故事。

再見，敵托邦的Craigslist。Reddit已經煥發(fā)新生，并且長大成人。

那是舊金山的一個雨天，10多位設計師擠滿了Reddit總部大樓內的一間會議桌周圍的位置。他們給這個地方起了個昵稱，叫做作戰(zhàn)室。雨水隨著幾件濕透了的雨衣滴到了地板上，有人嘴里嘟噥著通常是給婚禮準備的箴言，說雨天會帶來好運。

這群人聚在這里是要分享他們已經做了一年多的項目細節(jié)，這既不是第一次也不是最后一次。但是今天特殊。設計師已經給全球用戶超過3.3億的Reddit網站準備好了一次升級。這十多位設計師在Reddit上面做任何事情都是一種反諷，他們是不會錯過這樣的事情的——這家以文字為主的網站在視覺上幾乎跟一個塞滿郵件的收件箱一樣。設計師忙著對這次升級進行最后的語言組織，然后用搞笑的署名：TIL Reddit has a design team（Reddit可是有設計團隊的）把升級統(tǒng)治發(fā)布了出去。

團隊的這次努力是Reddit 10年來第一次對可視化進行調整。Reddit聯合創(chuàng)始人兼CEO Steve Huffman在去年的一篇文章中就發(fā)出了要對網站進行整理的信號。Huffman寫道：“我們當中很多人都在積極地宣傳Reddit，告訴大家說它是多么的出色，它對我們的生活產生了多大的影響，給他們帶來了多少的歡笑……然后當那些新人決定過來看看Reddit是什么東西時，迎接他們的卻是一個敵托邦式的Craigslist。我們要解決這個問題。”

于是，在過去1年半的時間里，Reddit和它的20人規(guī)模的設計師新團隊一直都在對這個所謂的“互聯網頭條”進行重新設計。這次翻新是基于Reddit原先長期遺留下來的東西而不是用某個不熟悉的東西來取代，這讓他們經歷了巨大的陣痛。他們?yōu)楦鞣N事情吵個不停，從logo擺放的位置，到版主應該怎么設計自己的社區(qū)，乃至于網站的主色調應該是什么（結果出來了，是紅色和橙色），不一而足。這是一個極其緩慢、非常細致的過程，因為每個人都很認真。公司的設計負責人Diego Perez說：“如果你是在對Reddit進行重新設計的話，其實就是在改變互聯網?！?/p>

新設計的“經典”外觀類似于Reddit以前的樣子，不過一些地方已經進行了更新，包括字體變大，外觀更加現代，還加了一個導航欄——打開頁面的時候會出現在左側。

今天，大概有1%的Reddit用戶會看到新設計的樣子。翻新后的布局會在未來數月逐步引入給更多的用戶，并且至少在目前，用戶還可以隨時切換回舊的布局。在“新”的Reddit上，你會發(fā)現導航欄被左側的漢堡菜單取代，上面會有新聞流、訂閱以及檔案信息。導航欄的旁邊是3個按鈕，Redditor可以用三種方式瀏覽網站：一是“卡片視圖”，看起來有點像Facebook；二是“經典視圖”，沿用了當前Reddit的設計語言；以及“緊湊視圖”，這是給希望快速翻番內容的用戶準備的。文章現在是在一個“燈箱”內打開的，這樣用戶就不用離開當前頁面了。新的字體使得你更容易分辨點擊的是Reddit帖子還是站外鏈接。在r/all子版塊的描述下方（“所有Reddit中最活躍的文章。過來看看新文章的上升情況，一起參與討論”）是一個醒目的藍色按鈕提示你創(chuàng)建新文章。整個網站到處都是Reddit外星人吉祥物Snoo的新插圖，它會探索Reddit浩瀚的宇宙中的各個星球。

遠遠望過去，網站的樣子看起來顯然仍像Reddit無誤。但是湊近一點再看，改變已經讓Reddit從一個難懂的迷宮變成了一個人人皆會使用的網站——就像一個雜物抽屜已經進行過清理、整理和重新布置一樣。

Reddit重新設計背后的故事不僅是一部讓Reddit變得好看一點的奧德賽。它還是一部互聯網的成長小說。2005年，當Huffman和聯合創(chuàng)始人Alexis Ohanian一起推出該網站時，Reddit代表的是無政府主義的web，一個你可以為所欲為暢所欲言的地方，前提是你知道怎么進去。10多年后，Reddit已經成長為別的東西。這是一個討論游戲以及《權力的游戲》的地方。這個地方不僅分享信息，還分享想法。Reddit說這個網站是給大家準備的已經說了很多年?，F在，它第一次看起來像是所說那樣。

歡迎來到Reddit，它已經長大成人。

Perez來到Reddit的第一周時，Ohanian給他發(fā)了整整一個文件夾的截屏。把這些截圖串連起來，就構成了Reddit設計史的一張延時照片。里面有一張是網站發(fā)布前的樣子，當時只有兩位用戶，u/kn0thing是Ohanian，u/spez是Huffman。（u/kn0thing已經有惡業(yè)了，那是u/spez踩了他的第一篇帖子的結果）還有2005年Reddit增加了評論功能后的截圖，以及2008年添加了subreddit（子版塊）的。也是在2008年，Reddit經歷了桌面版最激進的一次重新設計，引入了“勢頭箭頭”來顯示某篇帖子的受關注情況是上升還是下降，并且提供了新的對帖子進行分類的方式。然后突然，截圖停下來了。

原因不是因為Ohanian沒有把過去10年Reddit的設計史截取下來——盡管他在2009年的確也離開了Reddit，跟Huffman一起。問題在于過去10年Reddit的設計史本身就是一片空白。

在這10年間，Reddut無論是作為一家公司還是一個網站都發(fā)生了徹底改變。在Ohanian和Huffman離開后，公司的CEO就像走馬燈一樣換來換去，一位離開是因為這項工作“壓力太大，令人精疲力竭”，一位在遭遇了她所謂的Reddit用戶“有史以來最大型的釣魚攻擊”之后也離開了。這個網站已經從2008年的僅200多萬用戶膨脹到超過3.3億。那些用戶還帶來了一波新社區(qū)的浪潮——其中一些用顛覆性的方式挑戰(zhàn)了Reddit言論自由的聲譽。但是網站的設計卻像保藏在琥珀中標本一樣一直未改。

Ohanian把截圖壓縮成zip文件發(fā)給了Perez?！八强跉饩秃孟瘛冒?，對不起。不過現在這是你的工作了?！?/p>

用戶可以切換到“卡片視圖，”強調了照片和視頻，令人想起Facebook的設計。

對任何主流網站進行重新設計都是充滿壓力的。但是對像Reddit這樣10年未動的網站進行重新設計又是另一回事。更不必在意這個事實，那就是除了Perez以外，公司甚至都沒有一支設計團隊。在Perez此前工作的微軟，他領導著一支60人的設計師團隊。而到了這兒他說“我們就4個人”。在那段早期的日子里，Reddit臨時拼湊的設計團隊在公司總部大樓4樓的一間空房子里工作。他們搬來了一臺電視，幾張沙發(fā)，一個Wi-Fi基站，一摞紙，然后開始謀劃起引領Reddit走向未來的事情。

頭腦風暴很簡單。每個人都希望改變字體，導航，以及側欄空間的使用。他們還討論了讓Reddit可視化更強，更好地利用每一個社區(qū)的獨特個性的問題。Perez說：“當你問到一位設計師‘你夢想要改變互聯網的什么東西時？’答案永遠都是：‘Reddit需要很多愛。’”

不過Perez不僅僅只是位設計師。他還是一位Redditor——如他概括那樣，一位長期的潛伏者。所以他知道Redditor是神通廣大的生物。他說：“由于多年都沒有進行任何重大的產品演進，用戶最終做了很多事情并且設法弄清楚了如何自己生存下來?！彪S便找一位Reddit最活躍的用戶去問他們是如何瀏覽網站的，他們都有可能會提到至少有1/3要靠第三方應用。Reddit Enhancement Suite就是其中最受歡迎的工具之一，于2010年推出，提供了Reddit的web客戶端欠缺的一些必要的功能。這玩意經常由Reddit的版主使用，這幫人每天都要花費好幾個鐘頭對自己管理的在線社區(qū)進行審稿。這個部落最活躍的人一般要盯好幾個社區(qū)，他們會專門騰出一些時間留給子版塊進行風格定制，或者編寫幫助對社區(qū)進行“自動管理（automod）”的機器人。

設計團隊就從這些變通方式當中去尋找靈感。Perez和他的團隊一度有好幾周每天都要花幾個小時去跟版主交談，詳細了解他們是如何想辦法做出這些讓Reddit工作得更好的變通手段的。他們還請求部分用戶每天都寫寫日記來記錄自己是如何使用這個網站的。他們把目光瞄準了Reddit排名前2000的社區(qū)，然后跟蹤了那些子版塊的版主是如何定制自己的板塊風格的。在這個小組領導UX設計的Ben Rush說：“我們編制了一張很大的電子表格，上面列出了所有社區(qū)進行的定制化手段。”然后，他們又將這份表格的數據濃縮成類似“發(fā)帖驗證”這樣的一套新工具，讓幫主很容易就能為哪些東西可以哪些東西不可以發(fā)到子版塊里面設定過濾器，以及對風格工具箱進行定制化，讓版主通過幾次點擊就能改變子版塊的顏色、標題等。

在Perez的團隊訪談過的大多數人看來，這些改變也許是多余的，或者甚至是乏味的。版主維護著高度定制化的子版塊，比如r/GameOfThrones早就已經知道了如何讓自己的社區(qū)呈現出獨特感。實際上，他們是專門用了數小時的時間來做這件事的。但是對于那些在過去回避建立自己的社區(qū)的Redditor來說，這些新的工具集把這個過程給大眾化了。你不需要自己去編程，或者甚至安裝第三方插件就能把某個東西做得很酷。對于Reddit來說，這體現了重新設計最重要的部分。重新設計并不僅僅只是把網站帶入到2018。同時也是為了網站迎接下一代的Redditor做好準備。

第一版的Reddit多少看起來像是個鏈接聚合器。這是大家掃一眼新聞、分享迷因、傳播樂子的地方。在它推出后不久，網站又引入了評論來鼓勵對這些鏈接進行討論。第一條評論是什么？第一條評論說的是評論會如何毀了Reddit。2008難，當這個個網站推出subreddit（子版塊）時，Redditor又再度出來反對，抱怨說這項新功能折射出Reddit在展示內容上患了“精神分裂癥”。此后更多的變更陸續(xù)推出：一個更大的“評論”按鈕，對帖子進行排序的新方式，那些勢頭箭頭。當然了，這些改變后來發(fā)展得怎樣你能猜得到。

在Reddit上的人，就像在互聯網上任何地方的人一樣，抵觸哪怕最細小的改變。重新設計幾乎總會引起返祖式的憤怒——不信看看Facebook，或者Snapchat，或Digg。但是對于像Reddit這樣一家設計已經沿用了13年的網站來說，對改變的抵觸甚至還要更高。作為一名用戶，u/vusys在致設計團隊的一條評論中說道：“最大的失策就是采用革命性而不是漸進式的做法。我同意目前的reddit是有點丑，但是有效?！?/p>

對于那些已經在Reddit上面泡了很多年的人來說，遲鈍反而是它吸引人的地方。它會讓人產生歸屬感。如果你能夠搞定的話，你就可以成為俱樂部的一員。

但是這對新用戶幾乎沒有什么吸引力。哪怕是在上面發(fā)自己的第一篇文章都會令人困惑。網站右側上面有兩個按鈕——“提交新鏈接”以及“提交新文章”——里面還夾雜著廣告。你要發(fā)表的東西會去到哪里或者那個社區(qū)的規(guī)則是什么也不是一目了然。你想建立自己的社區(qū)？好吧，祝你好運。

所以在這支設計團隊致力于讓重新設計保留Reddit當前產品特色的同時，另一支團隊開始研究要進行什么樣的努力才能讓新用戶的初次邂逅變得容易。盡管網站的用戶對于自己喜歡（或者討厭）什么樣的設計一直都非常的直言不諱，但Reddit從來沒有積極地對自身用戶社區(qū)以外的任何人調查過網站的可用性。他們于是組建了一支2人的研究團隊，想弄清楚為什么有人加入后就一直潛水，或者從來都不加進來。

這支團隊的兩位成員分別是Ajit Krishna和Amulya Aradhyula，兩人于去年年底開始了他們的調查。他們發(fā)出了在線問卷，并且跟Perez的團隊一起對Redditor進行了訪談，但隨后他們的工作還在深入。每周Krishna和Aradhyula都要騰出幾個小時的時間帶上筆記本去到舊金山的聯合廣場，Krishna說他們發(fā)現這個地方“正好聚集了全球各地形形色色的人，這幫人就呆在那里什么事都不干?！彼麄儠叩阶诠珗@長椅上的人，給對方看一下Reddit的一個頁面，然后問，“你覺得這個行嗎？你知道怎么從A去到B嗎？”他們發(fā)現大多數人都能理解Reddit的概念，只是不知道如何去使用它，或者用來干什么。

Aradhyula說：“對于很多家伙來說，想要弄清楚Reddit的什么地方適合自己是很難的。他們有太多地方可以去了，但是他們卻意識不到有這么一個地方?！?/p>

新設計特性使得發(fā)布文字、圖像、視頻和鏈接更容易了。

Krishna和Aradhyula的研究幫助他們做出了一組旨在打破那種感覺的新的設計選擇：現在，網站有了一個更大的按鈕來提醒你到哪里去發(fā)表文章。此前，對文本帖子進行格式化需要用到Markdown語言；現在他們已經增加了一個所見即所得的工具欄。之前，你沒法將文字、圖像以及鏈接整合進同一篇文章；現在，你可以把它們通通都放在一起，甚至還可以嵌入電影。新的發(fā)文流程也出現在你要發(fā)文的子版塊的社區(qū)指南上面，這幫助新用戶理解規(guī)則，以免自己的帖子被意外斃掉。很難想象在Reddit浸淫多年的老鳥會在意這些東西。但對于網站的新人來說，這是找到信心發(fā)出第一篇帖子，與關閉網頁標簽、走開，再也不回來之別。

Reddit不是那種一刀切的通用體驗。有人經常會到這個網站“潛水”，為的是看上面的內容，但是從不發(fā)文章。有的每天都要在自己知道并且喜歡的社區(qū)上發(fā)文；有的甚至還建立和維護著自己的社區(qū)。Peraz說：“Reddit是非常個人化的。我們不會把任何東西看成是理所當然。大家應該能夠圍繞著自己、社區(qū)以及關注的內容進行定制?！?/p>

為此，這次重新設計引入了3種手段來瀏覽網站：“經典視圖”看起來很像Reddit之前的樣子?！熬o湊視圖”幫助版主迅速瀏覽大量內容?！翱ㄆ晥D”會預先展開像照片和帖子這樣的內容，使得瀏覽類似r/pics這樣的子版塊會更容易沒因為不需要一個個帖子去點開。（這看起來更像Facebook或者Twitter，Perez說這是有意而為之的?！皩τ谖覀兊暮芏嘈掠脩魜碚f，他們喜歡這樣。他們就是從這些地方過來的?！保┯脩羧魏螘r候都可以在這幾種模式之間自由切換，提供了一種對網站內容更加定制化的消費方式?，F在，使用Reddit不再只有一種方式了。當然也不是只有一種重新設計了。

這次重新設計旨在重新樹立Reddit作為互聯網的一個現代目的地的形象。不過這家公司的品牌依然停留在2005年。Reddit的品牌創(chuàng)意總監(jiān)Tavish MacLellan說：“我很早就做了一件事，那就是在當時對Reddit有什么東西進行了一次審計。”“官方”品牌指南包括了一份調色板，一個logo，以及Reddit的外星人吉祥物Snoo。那些材料最后都會附上Ohanian草書的個人郵件，再加上一張字條：“享受這個的樂趣吧！如果你在網上的其他地方使用了這個，請電郵我。”

這不是像從頭開始打造官方品牌那樣再來一次品牌“更新”。但是躍進MacLellan腦海中有幾樣東西對于Reddit來說是標志性的：橙紅色，以及外星人Snoo。

Snoo一開始是Ohanian在筆記本上的涂鴉之一，隨后變成了網站非官方的吉祥物。它有一個足球形狀的腦袋，一根彎曲的天線，一張燦爛的笑臉，以及一雙橙紅色的眼睛。Ohanian說：“Snoo的背景是一個時間旅行的外星人?！痹赗eddit的早期日子里，這個背景故事給網站將維持下去提供了一種保障?！叭绻覀兪×说脑挘琒noo就沒法穿越回當下。”

早期的時候，Redditor會自己動手制作Snoo。版主把用戶繪制的Snoo上傳到不同的上下文環(huán)境中以適應不同的社區(qū)。Snoo逐漸變成了Reddit，以及Reddit用戶的象征——這個形象可以是任何人，或者任何東西。Reddit需要一個更好的品牌策略，而Snoo似乎是很明顯的錨定物。MacLellan說：“Alexis關于Snoo的想法是一個外星人抵達地球發(fā)現人類。”問題是：“我們怎么才能把Snoo這個角色變成一個實際的形象用于Reddit上面？”

團隊委托藝術家來繪制一個新的Snoo。他們把新形象跟Ohanian原先的那個進行了比例上的匹配，保留了手工繪制的美學風格，但是增加了更加三維的外觀。Snoo出現在了重新設計的網站上，作為圖標出現在角落上，同時還增加了一套新的的“Snoomoji”表情符號，用戶可以隨便用到站內的聊天等地方。

現在當你登錄進Reddit去聊天的時候，會被分配一個Snoo作為你的頭像。而當你設立新社區(qū)時，默認的橫幅圖片會顯示其中一幅新的Snoo插圖，展示Snoo探索新星球的場景。對于傳統(tǒng)的老Redditor來說，Snoo還是他們這些年來所熟悉的那位老朋友。對于新用戶來說，Snoo更多是探索Reddit宇宙的向導。你一開始可能會覺得自己像是個外星人，但是這些星球慢慢地就會給你以家的感覺。

Ohanian說：“Snoo已經在Reddit老的用戶群中樹立了根深蒂固的形象，我認為他們仍將高興地看到Snoo仍然是其中的一大部分。但這也是Reddit向更廣闊的互聯網派遣一位大使的機會。我非常興奮地看到新的Snoo正在歡迎新一代的Redditor。”

Reddit總部有一間房子，那里的墻上布滿了設計團隊的早期模型，這是對過去一年所走過的歷程的一次致敬。Reddit的假想版從高度可視化起步，然后回到極簡主義，其中又夾雜了各種瘋狂的設計點子。許多模型都借鑒了其他流行網站的設計語言；你能從中看到Twitter、Twitch以及Facebook的形象在屋子里面回蕩。從遠遠看去，很少模型能讓人想到這會是Reddit。

在房間的一個角落，Perez把他來到這里的第一周Ohanian給他的一些截圖訂到了墻上。在對面的墻上，還有一張打印出來的Reddit今天將會引入的r/all設計稿樣。如果你站在房間的中間從遠方看著這兩面墻，你是很難分辨那些設計的。Perez已經領導了Reddit史上最大、最有野心的一次設計翻修。除非你仔細端詳，否則是沒法體會那種感覺的。

UX設計師Rush說，他們建設的網站還是那個Reddit——只是稍微長大了一點。他說：“我們在讓它變得更簡單更有效，讓它更容易使用，但是腳手架一點都沒動。當然，我們的目標不是查收任何類型的行動。你希望看到一樣數量的評論，如果不是更多的評論的話；一樣數量的帖子，如果不是更多的帖子的話。”

不過還有一個目標要更加深遠：改變網站的章程，讓它對那些從未想過自己在那里會找到一個家的人更加敞開自己的懷抱。在新的Reddit上，我們都是外星人，共同探索外星球上浩瀚的社區(qū)，努力去尋找我們在這個宇宙中的位置。

原文鏈接：https://www.wired.com/story/reddit-redesign/

譯者：boxi，由36氪編譯組出品。編輯：郝鵬程。

譯文地址：http://36kr.com/p/5128339.html

本文由 @郝鵬程 授權發(fā)布于人人都是產品經理，未經作者許可，禁止轉載。

題圖由作者提供