集智学园新产品——知识星空

集智学园重大改版,完全替换了原来传统页面,使用一种全新的高维展示方式来展示网站的课程

image.png

那么如何才能访问到新版本呢?我们提供了两个途径

  1. 你是天选之子,小概率自动被分流到了新版本

  2. 你的智商超过爱因斯坦,发现了新版本的隐蔽入口

问:我们为什么要把网站改成这样?使用起来可真不习惯

答:这次的改版本质是维度的扩展,理论上所有一维列表可以表现的,在高维空间上都能表现,而且高维还有很多独特的优势。所以我们相信在深度使用后,你会在新版本无法自拔(不要问我是怎么知道的)

问:那新版本具体都有哪些优势?

答:不要着急,我这就说

懒癌患者太长不看版:

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

  2. 使用层级化展示,每个层级有对应的信息重点,在展示更多信息的同时,不产生视觉负担。

  3. 高手可便捷地自行探索学习路径,同时也为初学者提供了推荐的学习路径。

详细文字版:

突破传统列表展示产品的方式,把产品放在更高维的(二维)空间

在一维列表的展示体系中,想要展示产品信息,通常会在页面不同位置的布局,或者突出文字的颜色和大小,来体现信息的重要程度:比如重要的产品排在前面,比如优惠价格会标红等等。

但一维列表本身的局限性,就决定了它无法从更多维度,使用可视化的方式展示产品信息,比如产品之间的相关性,比如产品上新和优惠同时存在标识就会混乱等等

传统列表

而在高维空间,可操作性就强的多。比如在我们的产品中,在一个界面中就表示了多个方面的信息

我们的界面中出了必备的课程名称等基本信息之外,还额外包含以下几个重要信息:

  1. 课程所属类别

  2. 点位的坐标代表了课程之间的相关性

  3. 点的大小代表课程的重要程度(热度,上新时间等几个指标的综合结果)

  4. 闪烁的点代表推荐课程

  5. 白色高亮的点代表已学课程

  6. 从当前课程文本中提炼出的关键词

  7. ......

别担心有这么多信息会眼花,其实下面一张简单的局部图就已经几乎涵盖了上面所说的大部分信息

image.png

而对于“信息的展示量”,和“人脑在一瞬间所能接受的信息量”这两点之间的矛盾,我们也从产品设计上给出了解决方案。

层级化的信息展示形式,避免信息太多产生负担

当同时出现的信息量大于人脑处理的能力时,人就会失去视觉焦点,即“太多的信息等于没有信息”。所以,如何保证在发挥高维空间有丰富信息这一优势的同时,还要避免因为信息过多而感到混乱,这是一个产品概念上要解决的问题。

为了平衡“信息多”和“感到混乱”的矛盾,我们在产品中引入了“层级化”的概念。这也使得我们的产品越发地像一个“知识地图”

首先,在通常情况下我们要表示一个产品所属一个类别,会使用页面嵌套的形式来表示层级关系,比如类别页—>内容列表页就是一个典型的层级嵌套。下图一个版面展示了一个类别的内容,在这种产品展示形态中,切换类别时需要切换页面不说,不同类别的内容之间也没有显著的关联。

image.png

传统类别和内容的布局

而在我们的空间中,无需通过页面跳转,就能把想要表达的嵌套关系展示出来,充分利用了当前页面的空间,也减少路由跳转。

另一个很重要的点就是,我们能在同一个界面下,看到不同类别内容的相关性信息

  1. 在全局视图,展示全局的类别信息,此时课程名称不可见;

  2. 当放大(或点击)某个局部,则隐去全局类别,显示局部的课程信息。

  3. 同时,无论在什么视角,我们都能在同一个界面下,看到不同类别内容的相关性信息

全局类别视角
放大计算机视觉部分的视角

另外,想必心细的同学已经发现,对某节课程进行放大操作时,还会有更多的细节信息显示出来:

1. 视图中有很多课程的时候,显示的是课程的名称缩写

2. 放大到一定程度,显示出课程的全称

3. 再继续放大,逐渐显示出这门课程的更多关键词信息

4. 放大到一定程度,自动打开课程详情窗口

下图是逐渐放大的过程步骤

放大视觉类别
继续放大,显示关键词,放大到一定程度后,打开窗口

可根据课程相关性探索学习路径,同时也为初学者提供学习路径

在我们产品中,所有的课程都是按照内容相似性通过聚类算法生成的坐标,说人话就是,位置相近的点,内容上也相近。

这就意味着,对于一个在这个领域已经较熟悉的探索者来说,他完全可以根据课程的信息,以及课程之间的相关性,利用我们的布局优势,快速规划出一条适合自己的学习路径。

而对于一个不具备规划学习路径的初学者,我们也提供了一些推荐的学习路径。

  1. 在搜索框尝试搜索关键词。

  2. 选择某条路径,在界面上显示动态的学习路径

打开搜索框
选择计算机视觉于深度学习路径

你是探索者吗,请尽情探索吧

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 218,682评论 6 507
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,277评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 165,083评论 0 355
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,763评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,785评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,624评论 1 305
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,358评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,261评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,722评论 1 315
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,900评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,030评论 1 350
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,737评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,360评论 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,941评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,057评论 1 270
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,237评论 3 371
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,976评论 2 355