如何評價17年2月14日StackOverflow界面改版?

更新公告:Top Navigation Update
舊版:

新版:


GitHub 設計師:每年總得改點啥吧不然工資白拿了……StackOverflow 那個黑色頭部不錯,穩重大氣,我們也改成黑的吧。

StackOverflow 設計師:每年總得改點啥吧不然工資白拿了……我們黑色的頭部太沉重,不如改成 GitHub 那樣淺灰色小清新吧。

---

恩,製作了一個神器:Make GitHub Greater。


補充,莫非:

GitHub 的設計師去 StackOverflow

StackOverflow 的設計師去了 GitHub

或者

GitHub 的設計師想向 StackOverflow 的設計師表白

StackOverflow 的設計師想向 GitHub 的工程師表白


本年度最佳CP:github so
黑白配


不管黑站白站,抄得了代碼的就是好站。


強烈要求和GayHub對換下,強忍了幾天,我還是忍不了它的那個黑。


StackOverflow 頂部出現的橙色長條相對於前兩天 GitHub 出現的黑色長條,要細了很多。如果 StackOverflow 不是有意為了跟隨而跟隨的話,我覺得背後的產品邏輯還是一樣的。

借用我自己在之前問題的答案:如何評價 GitHub 的新黑色 header?


github其實是想整站黑色的,這樣才符合自己geek風

StackOverflow白色倒還是不錯,走儒雅鳳


StackOverflow 對 Github 說:


StackOverflow 改白我倒覺得挺好的,GitHub 改黑我覺得好壓抑。。
知乎昨天問題頁面也改版了,但今天一看好像又改回來了。。
知乎新的界面看著很大氣,但是信息不如這個老版展現直觀,跟別的各種網站看上去一樣了,沒有目前這種獨樹一幟的樣子。。可能是慣性思維,我還是喜歡目前的樣子,但是希望查看評論能像新版那樣在一個浮層上顯示。


情人節秀了一把恩愛


兩個好基友,心血來潮換個帽子戴戴,能有什麼看法。反正都是男人。你們啊,不要見風就是雨。總想搞個大新聞。


這裡也放上 Stack Overflow 官方對於他們改變頭部導航欄設計樣式的博文,大家可以了解下:

How Stack Overflow Redesigned the Top Navigation


簡要翻譯如下:

Stack Overflow 的核心理念是讓『開發者的生活更美好』,而頭部導航欄的設計改動是為了更好的支持 Stack Overflow 核心理念而進行的一系列更改的一部分,在過去一年中,Stack Overflow 更新了許多新的內容,包括:新的內容 Documentation,開發者故事,Job,並做了更多的用戶研究等,而隨著產品的發展,我們認為這些內容改動已經超出了之前的一些設計理念和決策。


在與用戶交流時,我們也了解到在之前即使在導航欄增加了 Jobs 和 Documentation 欄目,許多用戶卻並不太了解。對於用戶來說,之前的導航欄幾乎是處於隱形狀態且不被關注的(並且大多數用戶也無法確定導航欄上圖標的含義)。

而通過數據我們也驗證了這樣的假設 - Stack Overflow 的每日平均訪問量約為 930 萬次,而我們在導航欄或頂部欄中獲得的點擊次數卻少於 88,000 次。這幾乎說明我們的導航未被 99% 的用戶使用。數以百萬計的訪問者的常見用法是『來自Google,滾動到頁面的中間找到答案,然後離開』。這意味著很多訪問者不能從Stack Overflow 所提供的其他服務中受益。


我們假設用戶缺少與 nav 的聯繫是由於用戶的瀏覽習慣,視覺層次結構和右手的位置布局導致的。在基於對F形閱讀模式的研究以及讀者的瀏覽視角,我們得出結論:我們的導航對於大多數人來說是次優的。

我們的產品設計團隊之後做了設計衝刺。每個設計師融合批判和最強識別性的思路完成了自己的頂級導航欄設計,團隊將他們的想法的最佳部分進行組合。得到了如下的設計思想:

1. 刪除類似雜亂的分組信息,以更快的理解解析頁面


2. 將導航欄固定在頁面頂部,以便用戶可以快速滾動到答案或從答案及評論處仍然可以訪問導航或搜索


3. 使用在現代網路應用中更常見的導航設計模式


4. 將導航設計為Stack Overflow品牌的簡寫


我們在三家技術公司基於兩種版本做了抽樣調查,也得到了更多的認可。


因此這次項目目標上我們的主要目標為:


1. 『讓開發者自然的發現我們提供的工具』來用這樣的思想來展示目前我們提供的所有工具。

2. 增加Jobs 和 Documentation 欄目的流量

3. 更直觀和更新的視覺設計

4. 增加用戶註冊量並讓他們能訪問更多的網站功能


次要目標:


1. 增加用戶對通知欄的確認行為

2. 增加搜索量或至少不減少搜索量

3. 問題數不會下降

4. 和其他幾個重要的和無聊的指標..


衡量方案:

1. 可用性測試

2. 對 5% 的匿名用戶進行A / B測試

3. 對 10% 的註冊用戶進行 A / B 測試

4. 為所有Stack Overflow員工開啟預設使用

5. 為所有用戶開啟預設使用。


後面針對每步衡量方案還有具體數據指標,這裡不再贅述,有興趣可以點擊原文查看。


(對於我,我喜歡黑色...)


想想也是有趣,github白改黑看著不好看,stackoverflow黑改白看著也不好看。


順便借問一下:其實我很想知道為什麼沒有人討論知乎問題頁面的灰度改版(問了下其他人,沒有變,我用另一個瀏覽器打開,也沒有變)(還是其實有討論但是我並沒有看到?)


chrome:

firefox


不過貌似這好像是SO最早的配色。。。


推薦閱讀:

TAG:網頁設計 | 前端開發 | StackOverflow | 網頁布局 |