集智學園重大改版，完全替換了原來傳統(tǒng)頁面褐桌，使用一種全新的高維展示方式來展示網(wǎng)站的課程

image.png

那么如何才能訪問到新版本呢？我們提供了兩個途徑

你是天選之子，小概率自動被分流到了新版本
你的智商超過愛因斯坦阱持，發(fā)現(xiàn)了新版本的隱蔽入口

問：我們?yōu)槭裁匆丫W(wǎng)站改成這樣？使用起來可真不習慣

答：這次的改版本質(zhì)是維度的擴展魔熏，理論上所有一維列表可以表現(xiàn)的衷咽，在高維空間上都能表現(xiàn)，而且高維還有很多獨特的優(yōu)勢蒜绽。所以我們相信在深度使用后镶骗，你會在新版本無法自拔（不要問我是怎么知道的）

問：那新版本具體都有哪些優(yōu)勢？

答：不要著急躲雅，我這就說

懶癌患者太長不看版：

使用二維展示方式鼎姊，展示的信息更多維，更豐富。
使用層級化展示此蜈，每個層級有對應的信息重點即横，在展示更多信息的同時，不產(chǎn)生視覺負擔裆赵。
高手可便捷地自行探索學習路徑东囚，同時也為初學者提供了推薦的學習路徑。

詳細文字版：

突破傳統(tǒng)列表展示產(chǎn)品的方式战授，把產(chǎn)品放在更高維的（二維）空間

在一維列表的展示體系中页藻，想要展示產(chǎn)品信息，通常會在頁面不同位置的布局植兰，或者突出文字的顏色和大小份帐，來體現(xiàn)信息的重要程度：比如重要的產(chǎn)品排在前面，比如優(yōu)惠價格會標紅等等楣导。

但一維列表本身的局限性废境，就決定了它無法從更多維度，使用可視化的方式展示產(chǎn)品信息筒繁，比如產(chǎn)品之間的相關性噩凹，比如產(chǎn)品上新和優(yōu)惠同時存在標識就會混亂等等

傳統(tǒng)列表

而在高維空間，可操作性就強的多毡咏。比如在我們的產(chǎn)品中驮宴，在一個界面中就表示了多個方面的信息

我們的界面中出了必備的課程名稱等基本信息之外，還額外包含以下幾個重要信息：

課程所屬類別
點位的坐標代表了課程之間的相關性
點的大小代表課程的重要程度（熱度呕缭，上新時間等幾個指標的綜合結(jié)果）
閃爍的點代表推薦課程
白色高亮的點代表已學課程
從當前課程文本中提煉出的關鍵詞
......

別擔心有這么多信息會眼花堵泽，其實下面一張簡單的局部圖就已經(jīng)幾乎涵蓋了上面所說的大部分信息

image.png

而對于“信息的展示量”，和“人腦在一瞬間所能接受的信息量”這兩點之間的矛盾恢总，我們也從產(chǎn)品設計上給出了解決方案迎罗。

層級化的信息展示形式，避免信息太多產(chǎn)生負擔

當同時出現(xiàn)的信息量大于人腦處理的能力時片仿，人就會失去視覺焦點佳谦，即“太多的信息等于沒有信息”。所以滋戳，如何保證在發(fā)揮高維空間有豐富信息這一優(yōu)勢的同時钻蔑，還要避免因為信息過多而感到混亂，這是一個產(chǎn)品概念上要解決的問題奸鸯。

為了平衡“信息多”和“感到混亂”的矛盾咪笑，我們在產(chǎn)品中引入了“層級化”的概念。這也使得我們的產(chǎn)品越發(fā)地像一個“知識地圖”

首先娄涩，在通常情況下我們要表示一個產(chǎn)品所屬一個類別窗怒，會使用頁面嵌套的形式來表示層級關系映跟，比如類別頁—>內(nèi)容列表頁就是一個典型的層級嵌套。下圖一個版面展示了一個類別的內(nèi)容扬虚，在這種產(chǎn)品展示形態(tài)中努隙，切換類別時需要切換頁面不說，不同類別的內(nèi)容之間也沒有顯著的關聯(lián)辜昵。