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

那么如何才能訪問到新版本呢?我們提供了兩個(gè)途徑
你是天選之子,小概率自動(dòng)被分流到了新版本
你的智商超過愛因斯坦,發(fā)現(xiàn)了新版本的隱蔽入口
問:我們?yōu)槭裁匆丫W(wǎng)站改成這樣?使用起來可真不習(xí)慣
答:這次的改版本質(zhì)是維度的擴(kuò)展,理論上所有一維列表可以表現(xiàn)的,在高維空間上都能表現(xiàn),而且高維還有很多獨(dú)特的優(yōu)勢。所以我們相信在深度使用后,你會(huì)在新版本無法自拔(不要問我是怎么知道的)
問:那新版本具體都有哪些優(yōu)勢?
答:不要著急,我這就說
懶癌患者太長不看版:
使用二維展示方式,展示的信息更多維,更豐富。
使用層級(jí)化展示,每個(gè)層級(jí)有對(duì)應(yīng)的信息重點(diǎn),在展示更多信息的同時(shí),不產(chǎn)生視覺負(fù)擔(dān)。
高手可便捷地自行探索學(xué)習(xí)路徑,同時(shí)也為初學(xué)者提供了推薦的學(xué)習(xí)路徑。
詳細(xì)文字版:
突破傳統(tǒng)列表展示產(chǎn)品的方式,把產(chǎn)品放在更高維的(二維)空間
在一維列表的展示體系中,想要展示產(chǎn)品信息,通常會(huì)在頁面不同位置的布局,或者突出文字的顏色和大小,來體現(xiàn)信息的重要程度:比如重要的產(chǎn)品排在前面,比如優(yōu)惠價(jià)格會(huì)標(biāo)紅等等。
但一維列表本身的局限性,就決定了它無法從更多維度,使用可視化的方式展示產(chǎn)品信息,比如產(chǎn)品之間的相關(guān)性,比如產(chǎn)品上新和優(yōu)惠同時(shí)存在標(biāo)識(shí)就會(huì)混亂等等

而在高維空間,可操作性就強(qiáng)的多。比如在我們的產(chǎn)品中,在一個(gè)界面中就表示了多個(gè)方面的信息
我們的界面中出了必備的課程名稱等基本信息之外,還額外包含以下幾個(gè)重要信息:
課程所屬類別
點(diǎn)位的坐標(biāo)代表了課程之間的相關(guān)性
點(diǎn)的大小代表課程的重要程度(熱度,上新時(shí)間等幾個(gè)指標(biāo)的綜合結(jié)果)
閃爍的點(diǎn)代表推薦課程
白色高亮的點(diǎn)代表已學(xué)課程
從當(dāng)前課程文本中提煉出的關(guān)鍵詞
......
別擔(dān)心有這么多信息會(huì)眼花,其實(shí)下面一張簡單的局部圖就已經(jīng)幾乎涵蓋了上面所說的大部分信息

而對(duì)于“信息的展示量”,和“人腦在一瞬間所能接受的信息量”這兩點(diǎn)之間的矛盾,我們也從產(chǎn)品設(shè)計(jì)上給出了解決方案。
層級(jí)化的信息展示形式,避免信息太多產(chǎn)生負(fù)擔(dān)
當(dāng)同時(shí)出現(xiàn)的信息量大于人腦處理的能力時(shí),人就會(huì)失去視覺焦點(diǎn),即“太多的信息等于沒有信息”。所以,如何保證在發(fā)揮高維空間有豐富信息這一優(yōu)勢的同時(shí),還要避免因?yàn)樾畔⑦^多而感到混亂,這是一個(gè)產(chǎn)品概念上要解決的問題。
為了平衡“信息多”和“感到混亂”的矛盾,我們在產(chǎn)品中引入了“層級(jí)化”的概念。這也使得我們的產(chǎn)品越發(fā)地像一個(gè)“知識(shí)地圖”
首先,在通常情況下我們要表示一個(gè)產(chǎn)品所屬一個(gè)類別,會(huì)使用頁面嵌套的形式來表示層級(jí)關(guān)系,比如類別頁—>內(nèi)容列表頁就是一個(gè)典型的層級(jí)嵌套。下圖一個(gè)版面展示了一個(gè)類別的內(nèi)容,在這種產(chǎn)品展示形態(tài)中,切換類別時(shí)需要切換頁面不說,不同類別的內(nèi)容之間也沒有顯著的關(guān)聯(lián)。

傳統(tǒng)類別和內(nèi)容的布局
而在我們的空間中,無需通過頁面跳轉(zhuǎn),就能把想要表達(dá)的嵌套關(guān)系展示出來,充分利用了當(dāng)前頁面的空間,也減少路由跳轉(zhuǎn)。
另一個(gè)很重要的點(diǎn)就是,我們能在同一個(gè)界面下,看到不同類別內(nèi)容的相關(guān)性信息
在全局視圖,展示全局的類別信息,此時(shí)課程名稱不可見;
當(dāng)放大(或點(diǎn)擊)某個(gè)局部,則隱去全局類別,顯示局部的課程信息。
同時(shí),無論在什么視角,我們都能在同一個(gè)界面下,看到不同類別內(nèi)容的相關(guān)性信息


另外,想必心細(xì)的同學(xué)已經(jīng)發(fā)現(xiàn),對(duì)某節(jié)課程進(jìn)行放大操作時(shí),還會(huì)有更多的細(xì)節(jié)信息顯示出來:
1. 視圖中有很多課程的時(shí)候,顯示的是課程的名稱縮寫
2. 放大到一定程度,顯示出課程的全稱
3. 再繼續(xù)放大,逐漸顯示出這門課程的更多關(guān)鍵詞信息
4. 放大到一定程度,自動(dòng)打開課程詳情窗口
下圖是逐漸放大的過程步驟


可根據(jù)課程相關(guān)性探索學(xué)習(xí)路徑,同時(shí)也為初學(xué)者提供學(xué)習(xí)路徑
在我們產(chǎn)品中,所有的課程都是按照內(nèi)容相似性通過聚類算法生成的坐標(biāo),說人話就是,位置相近的點(diǎn),內(nèi)容上也相近。
這就意味著,對(duì)于一個(gè)在這個(gè)領(lǐng)域已經(jīng)較熟悉的探索者來說,他完全可以根據(jù)課程的信息,以及課程之間的相關(guān)性,利用我們的布局優(yōu)勢,快速規(guī)劃出一條適合自己的學(xué)習(xí)路徑。
而對(duì)于一個(gè)不具備規(guī)劃學(xué)習(xí)路徑的初學(xué)者,我們也提供了一些推薦的學(xué)習(xí)路徑。
在搜索框嘗試搜索關(guān)鍵詞。
選擇某條路徑,在界面上顯示動(dòng)態(tài)的學(xué)習(xí)路徑

你是探索者嗎,請盡情探索吧