背景
改版前的詞條頁,已經沿用了近3年。隨著詞條元素、功能的增加,詞條頁的結構變得日益繁雜。難以滿足中文百科以普及知識、沉浸閱讀為主要目的的產品需求。
在此背景下,2013年百科啟動了詞條頁的改版計畫。
主要變化
設計上更加簡潔,打造知識氛圍,去掉內容以外不必要的東西,避免過度的視覺修飾。
讓內容呈現更清晰,通過目錄呈現強調了文章結構,頁面整體結構也由原來的單欄內容,改為兩欄都是內容。
讓用戶閱讀內容時更加舒適,包括字距行距的細微調整,以及提供自適套用戶螢幕的寬窄屏版本和輔助閱讀的便捷工具。
頁面結構調整
1.右側與詞條無直接關聯的信息被新的首圖欄、基本信息欄取代。
2.詞條布局由單欄改為兩欄
原有的單欄內容結構,使內容的承載空間狹小,首屏被百科名片及目錄占滿,瀏覽者通常要到第三屏才能到達詞條的主體。
兩欄模式下,左右兩側都展現內容,左側是傳統的文字描述,右側則是結構化的關鍵信息展現,同時還將中文百科之前打造的知識圖譜(關係化)內容提前,豐富閱讀維度。
3.首屏目錄
百科的內容是經過組織的,內容全面且富有層次,這是中文百科獨一無二內容亮點。之前的目錄功能僅展示一級目錄,無法滿足瀏覽者的快速獲取內容的需求。新的詞條頁會將細緻整理的目錄結構直接展示在讀者面前,既體現了百科詞條的嚴密邏輯感,也使百科的閱讀體驗更接近書頁,給瀏覽者更沉浸的閱讀感受。
閱讀體驗提升
目錄字型行距等等許多細節的調整
2.懸浮目錄、懸浮工具條,讓用戶無論是瀏覽還是編輯都更方便
3.寬窄屏切換,適應大屏時代的潮流,讓用戶能更有效率的看到內容,同時也兼顧對小螢幕的體驗。
詞條示例