關于知乎界面的一些改進想法

最近知乎改版巡莹,用起來有時候總是覺得好像哪里不對,最近抽了一兩天時間出來冰抢,仔細的看了看松嘶,知乎某個話題板塊中的動態(tài)精華兩個頁面上的各項之間的區(qū)隔挎扰,總是使我感覺到有點迷糊翠订,有時候在快速滑動瀏覽時常常沒有注意到問題是什么,或者滑到下一個問題也沒有察覺到

大概總結了一下問題是:

1遵倦、問題雖然字體比回答大一些尽超,但是任然大的不夠明顯不夠突出,尤其是在快速滑動瀏覽的情況下用戶很難快速識別問題和回答的區(qū)別梧躺。


2似谁、在一個問題的多個回答中采用橫線來隔開,橫線本身對內(nèi)容的閱讀造成了干擾掠哥。


3巩踏、回答和問題之間的距離與上一個問題的回答的和下一個問題之間的距離差別不大,雖然中間采用明顯的深色區(qū)域做了隔開续搀,但是還是難免造成視覺上的親密感覺,影響用戶通過內(nèi)容之間的距離來感覺內(nèi)容之間的相關性目代。


改進:

1嗤练、將問題字體顏色設計為突出的藍色。Robin說過“如果兩個項不完全相同煞抬,就應該使之不同,而且是應當是截然不同构哺。”曙强,所以考慮將問題字體顏色設計為突出的藍色,在和知乎的界面主色調保持一致的情況下碟嘴,非常明顯的將問題從回答中突出出來,并且由于問題的顏色和回答截然不同娜扇,很明顯的在問題和問題之間起到了很好的區(qū)隔作用。

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?(改進前)

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?(改進后)

2雀瓢、去掉煩人的橫線,讓頁面變得更簡潔更易閱讀刃麸。去掉橫線的同時醒叁,深色粗橫線成為視覺上唯一跳脫式的硬性區(qū)分方式,更便于用戶理解和注意泊业。因為每一個回答開頭的頭像和ID行已經(jīng)在每一個回答之間起到了很好的區(qū)別和標示作用把沼,這時候再使用橫線即影響了界面的簡潔度功能上也重復無用。

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??(改進前)

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?(改進后)

3脱吱、拉近問題和問題的回答之間的空間距離智政。由于問題采用了和回答截然不同的藍色,這時候我們就可以考慮將問題和回答之間的距離拉的更近一些箱蝠,而不用擔心用戶混淆它們,問題和本身回答更近的距離不僅視覺上提示了用戶它們之間的相關性垦垂,還讓每一頁都可以顯示更多內(nèi)容宦搬,而不覺得擁擠。

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?(改進前)

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?(改進后)

后續(xù):

為了保持知乎顯示風格的一致性劫拗,知乎首頁界面的也需要將問題的顏色改為藍色间校,問題更突出了,便于用戶圍繞問題展開閱讀页慷,而且視覺效果看起來也不錯憔足,是嗎胁附?

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?(改進前)

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? (改進后)

心路歷程:

最開始考慮的做法是將問題的回答部分做一些縮進處里,這樣用戶就可以很直觀的通過格式的變化區(qū)別問題和回答部分滓彰。并且雖然回答部分會少顯示幾個字控妻,但是實際做出來后,少顯示幾個字的區(qū)別很小揭绑,至少并不影響用戶對回答的概覽弓候。

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?(改進前)

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?(縮進式改進后)

但最后考慮到首頁的顯示也需要跟著縮進,雖然少顯示幾個字的影響不大他匪,但這視乎并不是最好的方法菇存,所以最終放棄了這個方案,而采用了讓問題使用不同顏色將問題突出出來的方法邦蜜。

這是我第一次在簡書寫一些東西依鸥,希望各位帥哥美女多提意見,如果能得到大家的建議悼沈,我會很高興的毕籽,謝謝!

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末井辆,一起剝皮案震驚了整個濱河市关筒,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌杯缺,老刑警劉巖蒸播,帶你破解...
    沈念sama閱讀 206,214評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件袍榆,死亡現(xiàn)場離奇詭異,居然都是意外死亡包雀,警方通過查閱死者的電腦和手機亲铡,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,307評論 2 382
  • 文/潘曉璐 我一進店門奖蔓,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人吆鹤,你說我怎么就攤上這事≌雌啵” “怎么了梗醇?”我有些...
    開封第一講書人閱讀 152,543評論 0 341
  • 文/不壞的土叔 我叫張陵叙谨,是天一觀的道長牙肝。 經(jīng)常有香客問我,道長虫溜,這世上最難降的妖魔是什么股缸? 我笑而不...
    開封第一講書人閱讀 55,221評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮瘾境,結果婚禮上镰惦,老公的妹妹穿的比我還像新娘。我一直安慰自己兑凿,他們只是感情好,可當我...
    茶點故事閱讀 64,224評論 5 371
  • 文/花漫 我一把揭開白布礼华。 她就那樣靜靜地躺著圣絮,像睡著了一般。 火紅的嫁衣襯著肌膚如雪扮匠。 梳的紋絲不亂的頭發(fā)上奸腺,一...
    開封第一講書人閱讀 49,007評論 1 284
  • 那天突照,我揣著相機與錄音氧吐,去河邊找鬼末盔。 笑死陨舱,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的游盲。 我是一名探鬼主播蛮粮,決...
    沈念sama閱讀 38,313評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼莺奔!你這毒婦竟也來了变泄?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 36,956評論 0 259
  • 序言:老撾萬榮一對情侶失蹤屏富,失蹤者是張志新(化名)和其女友劉穎蛙卤,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體典予,經(jīng)...
    沈念sama閱讀 43,441評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡乐严,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,925評論 2 323
  • 正文 我和宋清朗相戀三年昂验,在試婚紗的時候發(fā)現(xiàn)自己被綠了占婉。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片逆济。...
    茶點故事閱讀 38,018評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖抛虫,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情建椰,我是刑警寧澤岛马,帶...
    沈念sama閱讀 33,685評論 4 322
  • 正文 年R本政府宣布,位于F島的核電站伞矩,受9級特大地震影響蹦浦,放射性物質發(fā)生泄漏。R本人自食惡果不足惜盲镶,卻給世界環(huán)境...
    茶點故事閱讀 39,234評論 3 307
  • 文/蒙蒙 一溉贿、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧宇色,春花似錦、人聲如沸宣蠕。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,240評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽皿曲。三九已至,卻和暖如春屋休,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背痪枫。 一陣腳步聲響...
    開封第一講書人閱讀 31,464評論 1 261
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留听怕,地道東北人虑绵。 一個月前我還...
    沈念sama閱讀 45,467評論 2 352
  • 正文 我出身青樓,卻偏偏與公主長得像声搁,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子疏旨,可洞房花燭夜當晚...
    茶點故事閱讀 42,762評論 2 345

推薦閱讀更多精彩內(nèi)容