設計：

響應式設計（Responsive Web Design）将被全面采用(yòng)

2013 之前，網站設計首要考慮的是屏幕分(fēn)辨率的問題，大體(tǐ)會将網站分(fēn)為(wèi)電(diàn)腦桌面版和手機 WAP 版本，使用(yòng)不同的二級域名(míng)訪問或者鏈接跳轉，也有(yǒu) WebApp 形式的移動版，存在的問題是電(diàn)腦、手機訪問的體(tǐ)驗、可(kě)用(yòng)性都存在巨大差異。

近兩年移動設備飛速發展，在路上床上，茶餘飯後使用(yòng)手機或平闆設備浏覽資訊網站，與使用(yòng)電(diàn)腦浏覽的頻率基本一緻，36 氪網站有(yǒu) 25% 讀者是通過移動設備訪問的，這個比例還在增加，移動設備中(zhōng)一半屬于平闆。平闆屏幕橫屏和桌面電(diàn)腦分(fēn)辨率一緻，豎屏卻更接近手機分(fēn)辨率的比例，這時響應式設 計需求就體(tǐ)現出來了。現代的網站應同時、實時響應和兼容桌面、平闆、手機的不同分(fēn)辨率的排版。

從訪問統計中(zhōng)可(kě)以看出，不同階段移動設備型号有(yǒu) 1000～3000 種，屏幕分(fēn)辨率大體(tǐ)分(fēn)幾種，但個别差異也很(hěn)大。網站設計，特别是内容為(wèi)主的網站，響應式設計能(néng)夠很(hěn)好滿足最基本的閱讀需求。MA，PD，TNW 最新(xīn)改版都采用(yòng)了響應式設計，Techmeme Leaderboard 前 100 家網站，有(yǒu)超過 10% 是響應式設計排版，我相信明年這個數字會有(yǒu)很(hěn)大幅度增長(cháng)。36 氪從最近兩次改版均采用(yòng)響應式設計，科(kē)技(jì )博客内應用(yòng)目前在國(guó)内尚屬首家。
 

技(jì )術：

HTML5 趨于标準并被大幅度采用(yòng)，包括 pushState、localStorage、Full-Screen API等技(jì )術增強浏覽體(tǐ)驗


 

盡管 HTML5 還沒有(yǒu)很(hěn)完善的标準化，但不少特性能(néng)夠大幅度提升用(yòng)戶浏覽體(tǐ)驗，科(kē)技(jì )博客以内容為(wèi)主，技(jì )術上的嘗試會更加前衛，現代浏覽器性能(néng)和對 HTML5 特性的支持越來越完善，讓網站表現更像一個 App，可(kě)以滿足一些更加個性化的需求，而且會越來越多(duō)。

訪問 PD 首頁(yè)，腳本會在後台自動預加載文(wén)章列表内容，當你點擊查看文(wén)章的時候，實際内容已經加載完畢，可(kě)以非常快的查看頁(yè)面内容，包括圖片，浏覽體(tǐ)驗有(yǒu)很(hěn)大幅度提 升；TNW 在切換文(wén)章的時候，同樣可(kě)以達到接近實時的效果，同樣是采用(yòng)了 HTML5 技(jì )術； MA 使用(yòng)了 HTML5 離線(xiàn)緩存增強浏覽體(tǐ)驗，使用(yòng) Infinite Scrolling 方式載入更多(duō)内容。36 氪新(xīn)版嘗試了 Turbolinks 技(jì )術，第一次加載頁(yè)面後，訪問其他(tā)頁(yè)面無需重複執行 Javascript 腳本，無需重繪 CSS ，頁(yè)面渲染速度比通常快 2～3 倍（由于兼容性等細節問題改技(jì )術已暫停使用(yòng)），另外查看 36 氪文(wén)章頁(yè)面，可(kě)以通過熱鍵進入全屏閱讀模式。

HTML5 語義化标簽也開始被采用(yòng)，目前語義化标簽還不會被搜索引擎增加排名(míng)權值，但仍然可(kě)以讓搜索引擎更好地識别内容。
 

内容：

使用(yòng)推薦機制驅動信息流排序


 

這是一個信息爆炸的時代，各種信息如潮湧襲來，讀者獲取信息的方式也發生了巨大的改變，越來越多(duō)的讀者通過微博、推送等快餐形式消費内容，RSS 訂閱用(yòng)戶更多(duō)抱怨更新(xīn)頻繁、數量太多(duō)無法适從。

MA、PD、TNW 改版均開始将最新(xīn)文(wén)章放到側邊欄，主體(tǐ)欄目采用(yòng)編輯推薦、熱門精(jīng)選方式展現新(xīn)文(wén)章，其中(zhōng) MA 還首次采用(yòng)了社會化分(fēn)享驅動排序，推薦文(wén)章，熱門文(wén)章由 Facebook、 Twitter ，Google Plus 等分(fēn)享數據作(zuò)為(wèi)主要依據。36 氪此次改版也類似的嘗試，首頁(yè)第一屏主要為(wèi)推薦内容，包括編輯推薦、熱門自動推薦和主題化推薦。側邊欄除首頁(yè)導航之外，我們還新(xīn)增了“推薦”和“分(fēn)類浏 覽”頁(yè)面，推薦頁(yè)面采用(yòng)讀者閱讀文(wén)章後表示“喜歡”和點擊數據、評論數量和實效性等綜合排序羅列出你不應該錯過的重要文(wén)章；分(fēn)類浏覽頁(yè)面，我們将文(wén)章按主 題細分(fēn)到領域，精(jīng)确到具(jù)體(tǐ)内容相關的話題進行整理(lǐ)，這樣你可(kě)以通過兩三次點擊即可(kě)查找到你感興趣的話題，發現更多(duō)你需要的内容。36 氪關注創業，報道創業公(gōng)司，這方面的内容會有(yǒu)最高的排序和展現機會。

技(jì )術上的改進一定程度減小(xiǎo)内容浏覽的負擔，如使用(yòng)新(xīn)的加載方式更快載入内容，使用(yòng)快捷鍵浏覽等。36 氪目前支持 ← → 方向鍵翻頁(yè)和浏覽上下篇，使用(yòng) t、b、/ 跳轉頁(yè)面頂部、底部、返回首頁(yè)。

總結

網站改版并不是一年一度的慣例，更多(duō)是改進以往不足的地方，同時對新(xīn)的方式進行探索的過程。36 氪這次改版是從去年 8 月份開始策劃的（查看原型圖），9 月份開始設計，11 月份設計交付後才開始正式的開發，11 月 24 日開始線(xiàn)上測試并于 12 月 8 日兩周年正式上線(xiàn)。PD、MA、TNW 的最近的改版也都花(huā)費了 3 個月左右的時間。網站後端，PD 和 TNW 繼續采用(yòng) WordPress 平台，36 氪和 MA 一樣，基于 Ruby On Rails 框架開發。