知乎的前端 UI 設計有哪些值得完善的地方?我們能從中吸取什麼教訓?

知乎也算是極客的網站吧,前端 UI 在站長看來完全是一個小學生的水平,很像是上世紀 90 年代的前端 UI,整體界面很不友好,沒有一點細膩的感覺,我們可以從知乎前端 UI 的失敗吸取那些教訓?


題主你真的見過 90 年代的網頁設計嗎?Let me tell you what 90 年代網頁們 look like. They look like this:

  • #ff0000 #ffff00 #fff000 and #000000
  • 就兩種字體,serif and sans-serif

  • 可能還有 comic sans

  • 各種 table tr td hack 還帶 border

  • Fixed iframe,上邊一個,左邊一個

  • 各種飄來飄去的 div 和 bling bling 的 gif 都是當時的時尚喲~

題主的問題給我的感覺就像在問為什麼熊貓是紅色的。

任何設計都會有不完美的地方,但是知乎應該算是挑不出什麼大毛病的 app 了,瀏覽器訪問的 responsive design (還是應該說 adaptive design?)也很成熟了,可以看出一直遵循 less is more 的宗旨。真的不懂題主所說的差是指什麼。

橫向比較的話,知乎的 UI 已經算是非常不錯的了。

(不過搜索功能還是太差啦)


知乎的界面還是不錯的,中規中矩。信息架構圖來說,有很大優化空間,但現在的信息架構和展示方式也能滿足基礎需求。用戶體驗來說,一般。

前端技術不差,很不錯了。


吸取——知識真的可以戰勝一切醜惡的真理


沒題主你說得這麼差吧……

這類資訊型網站會偏重交互而輕視覺一些,中心是實用而不是視覺衝擊,所以可能沒有一些網站設計來得華麗,但絕對不是題主說的那樣低端。

眾人審美各有所別,沒有人人都喜歡的設計,相信知乎也會一直把優化進行到底。


這再次證明了「不問是不是而直接問為什麼,就是耍流氓」!


教訓就是——眾口難調,而且用戶的審美水平很可能不是同一次元的…

說句題外話,求看上世紀 90 年代類似水平的 Web UI,以及代表小學生水平的作品。


題主說的有些太嚴重的,在一個程序員開來,我覺得知乎現在這種簡潔的板式比那種花里胡哨沒有終點的website好太多了./


真的很差么?


題主是不是樣式沒載入出來,還是用的是老掉牙的瀏覽器?


沒有那麼爛。但是

手機端的編輯體驗很糟糕。位置定位不準,圖片插入沒有,換行困難。

@Erroll Garner 的答案經常出現點號就是因為手機換行太困難(Ref: 你們自己找)

PC/Tablet端的編輯界面觸摸不友好。定位困難,游標偶爾亂動。在Surface上答題時我更多用Type Cover(keyboard + trackpad)而不是Touch Screen + Type Cover

還有手機端提交但草稿尚未保存時那個奇葩的對話框(我現在手機上上傳不了)

除此之外閱讀體驗還是一流水平,總的來說沒有題主說的那麼嚴重。


個人覺得知乎的UI讓我眼前一亮,從那時愛上了知乎。尤其是未讀文檔黃色漸變消失很人性化。


其實知乎的UI非常好看的么么噠,乃們不要黑它。從整體配色到模塊布局再到icon的細節處理等等無不凸顯了設計師的能力。ps:樓主是不是跟知乎的設計師有恩怨呀,這樣提問題有點失禮呢。


知乎的UI簡約明了,類扁平化的設計很好的突出了內容的主角地位。就UI的角度上我是很喜歡知乎的UI的。當然知乎的交互上還是有蠻多可以提升的地方的。


題主為何說大學生兼職做得?


此問題很不禮貌,已舉報。

我覺得很好,簡潔,清晰,功能好。


知乎算是國內互聯網產品中設計最好的之一了。


敢情您就是那審美異於常人卻引以為傲不自量力的站長嗎?


不要說上個世紀,就是十年前的網頁,99%以上也沒有知乎好,題主這麼問只能說你網齡太短。


做太前衛了,你家 IE 用的了么 ?!

教訓是,IE 必須死。


我感覺很清新,感覺很好,並試圖模仿


不差,審美水平,正確認識自己。


沒覺得非常差,並且感覺貼心的地方很多。

唯一有點不適應的是關注的問題一有人回答老提醒。


這是重點嗎?管你什麼UI,看字就好。

----------------------------------------------------------------

沒有最好,只有最合適。


推薦閱讀:

為什麼現在的 GUI 設計仍跳不出 button、list、icon,沒有這些元素的 GUI 會是什麼樣子?
非科班出身怎樣可以找到一份網頁設計或 UI 設計的工作?
OS X 的 Dock 欄默認在屏幕下方且總是顯示,是糟糕的設計嗎?
如何評價 LOFTER 5.0 更新的全新視覺形象和移動端設計?
互聯網ui設計只是會做圖嗎?

TAG:知乎 | 用戶界面設計 | 知乎設計 |