在線編程教育平臺分析:編程貓

5 評論 14514 瀏覽 51 收藏 25 分鐘

導語:少兒編程教育是通過編程游戲啟蒙、可視化圖形編程等課程,培養(yǎng)學生的計算思維和創(chuàng)新解難能力的課程。本文根據(jù)體驗編程貓進行分析,分析的目的是為了快速了解編程貓的產(chǎn)品。分析的重點為編程貓網(wǎng)頁版-創(chuàng)作社區(qū)。網(wǎng)頁版包含有編輯器的使用、課程、作品的創(chuàng)作發(fā)布、源碼精靈、圖書館、論壇等多個主要板塊,且屏幕大易操作。從體驗中分析這款產(chǎn)品中一些功能設計的目的、用戶體驗如何、是否有更好的方案。

一、概述與分析

1. 市場概述

隨著計算機網(wǎng)絡的不斷發(fā)展,國家對青少年的編程教育越來越重視,STEAM教育的推行,少兒編程越來越普遍化。讓孩子們在家里、有網(wǎng)絡就可以接觸有趣的科學創(chuàng)新化教育。拓展孩子思維和創(chuàng)造力成為了當今時代最熱門的話題之一。

由此3-18歲的在線編程教育競爭市場開始形成并擴大。目前市面上的少兒編程教育產(chǎn)品有:編程貓、核桃編程、小碼王、傲夢編程、學而思、貝爾編程、猿編程、編玩邊學等,各大企業(yè)開始搶占市場,但尚沒有獨角獸企業(yè)出現(xiàn),所以這塊巨大的蛋糕的分配還有無線的可能性。

2. 數(shù)據(jù)分析

1)趨勢研究

查看近一個月的少兒編程軟件搜索指數(shù)可以看出,學而思、編程貓、核桃編程的搜索量排列在前三(其中學而思不止包括有少兒編程,猿編程與傲夢編程的搜索量差不多)。

數(shù)據(jù)來源:百度指數(shù)

2)人群畫像

根據(jù)人群畫像,得出以下排行。在各大年輕階段中,每個年輕層次的人都有不同的首選。而現(xiàn)在社會的經(jīng)濟帶動主要圍繞著20-49歲的年齡層次,所以在不分線上線下的情況下。最具有盈利價值的軟件在核桃編程、編程貓、小碼王、傲夢編程中。

數(shù)據(jù)來源:百度指數(shù)

總結:從當前數(shù)據(jù)看出,編程貓的搜索量、各大年齡層次的選擇度都不是最優(yōu)的。

二、產(chǎn)品功能架構

1. 手機端功能架構圖

2.?網(wǎng)頁端功能架構圖

3.?客戶端功能架構圖

總結:

  1. 頁面上:編程貓有兩個官網(wǎng),一個是社區(qū)的(shequ.codemao.cn)、一個是官網(wǎng)(codemao.cn)。社區(qū)官網(wǎng)功能豐富全面。在編程貓的手機端、網(wǎng)頁端,所有會員都可以隨時瀏覽熱門、新手等開發(fā)制作的作品。客戶端包含上課的客戶端、編輯器端,用戶根據(jù)需求選擇相應的軟件。
  2. 課程與創(chuàng)作上:編程貓?zhí)峁┐罅康哪0?、免費公開課、免費教程、素材。課程分類多,選擇多。創(chuàng)作分為了自由創(chuàng)作、邊看邊學、使用模板。
  3. 課程體驗:現(xiàn)有的教學課程采用卡通動畫講解的形式,對于小朋友們來說更加親近了,教學內(nèi)容更容易被吸收。
  4. 報課:編程貓通過填寫手機號碼預約體驗,這樣的方式你喜歡嗎?

三、產(chǎn)品體驗

1. 編程貓社區(qū)主頁

在編程貓社區(qū)首頁,就能看到有許多的免費視頻提供學習。這些教程通過編程貓與源碼君的對話引入動畫的制作,通過把每行代碼轉(zhuǎn)換為積木的形式,學習編程。對于青少年來說生動有趣且簡單易上手。

首頁的分類包含:創(chuàng)作入門好簡單(視頻教學)、創(chuàng)意體驗(創(chuàng)意教學)、點貓精選(精選教學)、新作喵喵看、CJP工作室、原創(chuàng)少兒小說、編程TV(B端視頻內(nèi)嵌)、社區(qū)星推薦(優(yōu)秀創(chuàng)作者)。其中點擊【點貓精選】、【新作喵喵看】、【CJP工作室】、【社區(qū)星推薦】時,為當前窗口打開新頁面。

導航欄有:課程、發(fā)現(xiàn)、工作室、論壇、素材、活動、app下載二維碼、創(chuàng)作社區(qū)。Banner右側的主要推廣產(chǎn)品,都是可以直接進入使用的,我們知道編程貓研發(fā)了自己的編程語言Kitten。

在Scratch少兒編程的基礎下,簡化了編程的步驟,相比Scratch更加容易上手了。首頁往下滑動的列表都是對教程的分類:入門、創(chuàng)意、精選等,對平臺的用戶可以說是非常友好了,它讓我感覺是真的想讓孩子們體驗自由、快樂的學習和創(chuàng)新。

產(chǎn)品把重點功能都盡可能的體現(xiàn)在了首頁中,花樣式布局,但清晰。所有的Item都是帶圓角的方形。圖片、圖片都是偏卡通的。不管布局怎么改變,整體的風格是統(tǒng)一的,并沒有突兀。

對于創(chuàng)意體驗這部分,產(chǎn)品的出發(fā)點是否是為了讓大家看到有創(chuàng)意的作品,有一種躍躍欲試的感覺呢?用戶點擊左側的視頻分類封面圖——>右側的演示動畫、作品信息、作者信息隨之切換。

但是【體驗創(chuàng)意】這個按鈕是不變的。且用戶點擊動畫區(qū)域和右下角的【體驗創(chuàng)意】是一樣的效果=>彈出教學視頻窗口。那么意味著體驗創(chuàng)意是體驗視頻而不是用戶,放在用戶信息的底部是都有些不妥呢?

解決方案:個人覺得可以放在視頻名稱后面,或者在鼠標移動到動畫區(qū)域時,顯示出【體驗創(chuàng)意】的按鈕。且如果按鈕取消,右側用戶信息欄的區(qū)域是否可以挪一部分給動畫展示。

2. Kitten源碼編程邊看邊做

點擊頂部導航【課程】,切換到教程頁面。包含了:源碼教程課、3D編程課、Python編程課、移動端編程課、幼兒編程課。默認為首個選項“源碼編程課”。

選擇一個教程學習,彈出教學視頻窗口。點擊右下角【邊看邊做】,進入到“全新源碼編輯器”頁面(這也是社區(qū)首頁右側創(chuàng)作下面的第一個按鈕源碼編輯器4.0。產(chǎn)品為了老用戶友好,保留了舊版的源碼編輯器作為第二個按鈕)。

編輯器頁面中:左側動畫演示區(qū)占比約25%,用于演示、角色的手動拖拽縮放移動。角色添加區(qū)與積木區(qū)域最小化占比。積木操作區(qū)占比約64%,積木的大小可以通過右下角縮放比例。

教學視頻播放區(qū)最小可縮小為489*315,點擊最小化按鈕,視頻隱藏為右側視頻播放按鈕。

角色操作區(qū):點擊角色右側三角形按鈕,側方彈出角色放大角色操作頁面,操作頁面覆蓋整個積木區(qū)域,再次點擊三角形按鈕隱藏角色操作頁面。

積木選擇區(qū):點擊按鈕,右滑出詳細按鈕選擇列表,下拉可查看更多。點擊某個按鈕可添加到區(qū)域里,或者直接拖動到操作區(qū),對演示區(qū)的角色添加事件、動畫、音樂等效果。每個按鈕的左上角帶個圓圈的為事件:即當某個條件觸發(fā),需要進行什么樣的操作,這些操作按鈕通過吸附在事件下方生效。

積木操作區(qū)域是可以在整個屏幕范圍內(nèi)左右拖動的,意味著操作區(qū)域的大小是整個屏幕區(qū)域。當用戶想要橫向一個操作一個操作排列開來時,也多了一些區(qū)域。

添加角色

積木動畫

那么區(qū)域的占比合理嗎?它為什么這樣設置?有沒有更好的解決方案?

我個人覺得不太合理,我們都知道,大多數(shù)軟件的按鈕都是排列在兩邊,這是用戶習慣。比如ps、axture、Visio、vsCode等軟件以及編程貓手機端。展示區(qū)(也就是這里的動畫演示區(qū))占比為最大,因為這是用戶想看的最終結果。如果是編程軟件,那么編程區(qū)域為最大。操作區(qū)域占比為第二。

為什么要這么設置?以下為我的推想。

  • 為了讓孩子可以更好的邊看視頻邊操作,所以把操作區(qū)域占比最大。
  • 由于積木可以隨便移動,需要更多的復雜動畫就需要調(diào)用更多的積木,所以操作區(qū)域占比最大。
  • 設計者將演示區(qū)(演示區(qū)+角色區(qū))和操作區(qū)(操作區(qū)+積木)分為了兩部分。在操作區(qū)部分,積木就是在左側的,且操作區(qū)就相當于“編程區(qū)”。如果是兩個區(qū)域,是否可以利用背景顏色來區(qū)分?

關于積木操作區(qū)域的全屏可挪動:我認為這是非常友好的一個操作。但是鼠標點擊積木操作區(qū)域時,仍然是箭頭形狀,因為基于用戶習慣,可挪動的標志是抓手形狀(一般是空格鍵+鼠標)。這意味著很多人不知道可挪動。而且直接點擊可挪動,鼠標就無法做到一直按著挪到達到全選的效果。刪除只能一組積木一組積木的刪。

角色操作區(qū)域的三角形按鈕:展開和隱藏的三角形按鈕點擊,是否可以做成不一樣的呢?

3. 3D編程代碼島學習

代碼島3.0為一個單獨的產(chǎn)品,編程貓的會員與代碼島的會員獨立,需要重新注冊登錄。代碼島玩家需要有編程基礎,如果使用代碼島制作地圖,需要回到系統(tǒng)提出的問題。這也是為了代碼島高質(zhì)量的用戶和作品輸出。

4. Python編程海龜學習

Python是世界上最好的語言!哈哈,開個玩笑。學過編程的都知道,開發(fā)分為前端和后臺。Python就屬于后臺開源語言。我們利用代碼可以做很多事情,可以把想法變成現(xiàn)實,知乎、豆瓣、YouTube都是基于Python開發(fā)的。

編程貓的海龜編輯器,就是Python的學習樂園。它還分為了積木模式和代碼模式,滿足不同階段不同習慣不同需求的訓練師。

界面導航欄有:回到主頁、文件操作、保存修改、搜索、模式切換(默認積木模式)、語言切換(默認簡體中文)、幫助、個人中心、點擊展開/收起最右側展示區(qū)的三角形按鈕。最左側為操作欄,緊接著為最大區(qū)域代碼編程區(qū)、左右側為終端區(qū)、運行動畫窗口。這就是目前主流編程軟件的布局。

而且產(chǎn)品細心的在代碼編程區(qū)域的右上角添加了白天/夜間的模式切換。切換為夜間模式后,點擊切換積木模式,積木模式?jīng)]有夜間模式。

在海龜編輯器中,對于代碼的刪除有兩種方法:

  1. 代碼模式:Backspace鍵刪除、鼠標長按全選刪除;
  2. 積木模式:鼠標長按積木,拖動到刪除欄。這里的積木刪除方式與源碼編輯器、手機端中都不同。

對于不懂代碼的新手用戶,或不知道如何開始的用戶,文件中提供了模板作品按鈕。點擊某個模板,出現(xiàn)對應的代碼或者積木,模板作品中詳細的標明了作品的內(nèi)容和難度。

把模板作品放到文件中合理嗎?它為什么這樣設置?

我個人認為不合理,很多觀望者對于作品有著強烈的好奇心。如果是一個不懂代碼的人進入到海龜編輯器中,除了切換窗口進行視頻學習外,還可以通過什么方式自己玩呢?編程貓?zhí)峁┝俗髌纺0宓牧硪环N方式學習。只需要點擊模板就可以獲取到相應的代碼和積木。這么好的功能為什么要隱藏到文件中呢?

為什么要這么設置?以下為我的推想。

  • 為了讓孩子們自主性學習而不是照搬,然后造成一種自己已經(jīng)會了的錯覺。
  • 模板作品是一個尚未成熟的需求,家長對此有不同意見。

兩大編輯器對比:

5. 源碼精靈答題

源碼精靈是通過游戲的方式學習代碼。網(wǎng)頁端、手機端都包含該項目,它還有對應的小程序。男性小朋友們都會喜歡吧。在源碼精靈中,用戶變?yōu)橛柧殠煟怄i和培養(yǎng)不同類型的精靈,來獲取獎勵。

官網(wǎng)首頁中,點擊導航欄【發(fā)現(xiàn)】,源碼精靈為發(fā)現(xiàn)頁面中的一個主快捷導航之一。

左上角個人信息;右側功能:商店、交友、工坊、精靈、圖鑒;右下方兩個按鈕:答題、探險。訓練師通過答題獲取能量石,通過能量石孵化源碼蛋。

答題分類:Nemo日常題(21層)、Kitten日常題(11層)、Python日常題(11層)、趣味日常題(11層)。每個類型的題目每天都有一次免費答題的機會。

在Nemo答題中,每一層需要累積答對5道題,編程貓才會上移一層并獲取樓層給出的獎勵。當前5道題沒有全部答對,那么當前答對的數(shù)+接下來5道題中答對的數(shù)直到大于或等于5道題,編程貓即可上移一層,且超出的答對的數(shù)值將計入到下一層的答對值中。

在每一輪的5道題里,如果用戶連續(xù)答對5道題,也就是100%的正確率,那么答題機會會增加(具體的玩法邏輯還不清楚)

在每一題提交答案后,可以查看結果并獲取解析內(nèi)容,每一輪的答題結果頁面依然可以點擊【解析】去查看每一題的解析。

從答題體驗來看。后臺系統(tǒng)建立題庫,錄入題目、答案選項、正確答案、解析。在點擊開始答題時,調(diào)用題庫接口。系統(tǒng)隨機出現(xiàn)題庫中的題目,答案與系統(tǒng)答案一致時,將不再出現(xiàn)(這里技術上實現(xiàn)或許有bug,答對的題目仍然會小概率出現(xiàn))。答案與系統(tǒng)答案不一致時,重新放回題庫中。在答題過程中,答錯的題目在后續(xù)的樓層中會出現(xiàn),所以題目沒有區(qū)分等級。

在答題頁面中,每道題目基本都帶有圖片,占比較大。選項需要滑動才能看完整。

體會到爬樓的難處了……但豐厚的獎勵可以刺激用戶答題學習,增加論壇討論度。

那么為什么設置的每一輪答題數(shù)值和過關上一層的數(shù)值是5呢?樓層為什么都大于10層?意味著每一類型的題目,想要拿到完整的獎勵需要至少答題55道。每道題30秒的速度計算,想要爬完樓需要至少28分鐘。且不止一關

答完Nemo東塔21層后,系統(tǒng)開始進入南塔21層答題,又是新的一輪21層闖關:

在答題卷使用完后的提示中,是否可以增加一個去上課/參加活動的入口按鈕?

四、總結

1. 優(yōu)點

在編程貓的手機端、網(wǎng)頁端里,家長孩子(用戶)能夠很直觀的看到一些作品,可以公開討論、免費學習、學到的內(nèi)容可以及時分享和得到反饋。對于我這樣一個懂編程的人來說,我覺得能從里面學到很多東西,并且認識到更多大神和有趣的朋友。

編程貓?zhí)峁┨峁┚W(wǎng)頁端、手機端、上課客戶端、編輯器客戶端給用戶使用。

相信編程貓的產(chǎn)品經(jīng)理一定是一個細心可愛念舊的人。很多細節(jié)對小盆友們來說很貼心。比如網(wǎng)點端編輯器中設置的白天/夜間模式、大量的免費公開課、由有趣的動畫引入教程內(nèi)容、編輯器里面加入視頻播放區(qū)、大量的免費素材提供使用、作品模板提供模仿等等。

2. 爽點

點擊邊看邊學按鈕,點擊進入編輯器編輯頁面。視頻同步在屏幕右上角,可以放大縮小隨意拖動。編輯器新版舊版同時存在、Python的積木模式與代碼模式切換,提高了用戶選擇自由度。

右上角的圓形標示使事件和動作感官上區(qū)分。

3. 缺點

當然不足也有很多,除開文章中提到的,在APP Store中就能找出很多。最多反應的就是:用戶的作品不見了、云端保存問題、內(nèi)容推送算法不夠全面的問題等這些對用戶來說非常致命的bug和不友好的體驗感。

進入自由創(chuàng)作頁面,未點擊任何東西,也存進去了草稿箱。對于強迫癥的你們是否覺得不舒服呢?是否可以增加一個彈窗詢問是否加入草稿箱?

Kitten的未來發(fā)展,很多家長和孩子都有競賽心理,家長給孩子報班就想著拿一個什么獎項,這對家長和孩子來說都是極大的鼓勵,Scratch已經(jīng)有了屬于自己的競賽和獎杯。那么Kitten是否也可以創(chuàng)造一些比賽活動呢?

我體驗的還不夠深,會繼續(xù)關注噠。目前還有待深入體驗編程貓的線上課程、APP端、競品分析。

后續(xù)更新~

 

本文由 @Mindy 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。

題圖來自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請關注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 好像什么都說了,又好像什么都沒說,加油。

    來自北京 回復
  2. 學而思的關鍵詞可以設置成“小猴編程”

    來自北京 回復
  3. 哇,作者寫的好詳細啊,給你點贊。但是有點表面了,作為一名產(chǎn)品,還需要深挖

    回復
  4. 分析的還是很全面的,贊

    來自浙江 回復
  5. 寫的挺認真的,但是廢話很多,加油

    回復