集智學(xué)園新產(chǎn)品——知識(shí)星空

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

image.png

那么如何才能訪問到新版本呢?我們提供了兩個(gè)途徑

  1. 你是天選之子,小概率自動(dòng)被分流到了新版本

  2. 你的智商超過愛因斯坦,發(fā)現(xiàn)了新版本的隱蔽入口

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

答:這次的改版本質(zhì)是維度的擴(kuò)展,理論上所有一維列表可以表現(xiàn)的,在高維空間上都能表現(xiàn),而且高維還有很多獨(dú)特的優(yōu)勢。所以我們相信在深度使用后,你會(huì)在新版本無法自拔(不要問我是怎么知道的)

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

答:不要著急,我這就說

懶癌患者太長不看版:

  1. 使用二維展示方式,展示的信息更多維,更豐富。

  2. 使用層級(jí)化展示,每個(gè)層級(jí)有對(duì)應(yīng)的信息重點(diǎn),在展示更多信息的同時(shí),不產(chǎn)生視覺負(fù)擔(dān)。

  3. 高手可便捷地自行探索學(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ì)混亂等等

傳統(tǒng)列表

而在高維空間,可操作性就強(qiáng)的多。比如在我們的產(chǎn)品中,在一個(gè)界面中就表示了多個(gè)方面的信息

我們的界面中出了必備的課程名稱等基本信息之外,還額外包含以下幾個(gè)重要信息:

  1. 課程所屬類別

  2. 點(diǎn)位的坐標(biāo)代表了課程之間的相關(guān)性

  3. 點(diǎn)的大小代表課程的重要程度(熱度,上新時(shí)間等幾個(gè)指標(biāo)的綜合結(jié)果)

  4. 閃爍的點(diǎn)代表推薦課程

  5. 白色高亮的點(diǎn)代表已學(xué)課程

  6. 從當(dāng)前課程文本中提煉出的關(guān)鍵詞

  7. ......

別擔(dān)心有這么多信息會(huì)眼花,其實(shí)下面一張簡單的局部圖就已經(jīng)幾乎涵蓋了上面所說的大部分信息

image.png

而對(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)。

image.png

傳統(tǒng)類別和內(nèi)容的布局

而在我們的空間中,無需通過頁面跳轉(zhuǎn),就能把想要表達(dá)的嵌套關(guān)系展示出來,充分利用了當(dāng)前頁面的空間,也減少路由跳轉(zhuǎn)。

另一個(gè)很重要的點(diǎn)就是,我們能在同一個(gè)界面下,看到不同類別內(nèi)容的相關(guān)性信息

  1. 在全局視圖,展示全局的類別信息,此時(shí)課程名稱不可見;

  2. 當(dāng)放大(或點(diǎn)擊)某個(gè)局部,則隱去全局類別,顯示局部的課程信息。

  3. 同時(shí),無論在什么視角,我們都能在同一個(gè)界面下,看到不同類別內(nèi)容的相關(guān)性信息

全局類別視角
放大計(jì)算機(jī)視覺部分的視角

另外,想必心細(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)打開課程詳情窗口

下圖是逐漸放大的過程步驟

放大視覺類別
繼續(xù)放大,顯示關(guān)鍵詞,放大到一定程度后,打開窗口

可根據(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í)路徑。

  1. 在搜索框嘗試搜索關(guān)鍵詞。

  2. 選擇某條路徑,在界面上顯示動(dòng)態(tài)的學(xué)習(xí)路徑

打開搜索框
選擇計(jì)算機(jī)視覺于深度學(xué)習(xí)路徑

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容