導語:少兒編程教育是通過編程游戲啟蒙、可視化圖形編程等課程,培養學生的計算思維和創新解難能力的課程。本文根據體驗編程貓進行分析,分析的目的是為了快速了解編程貓的產品。分析的重點為編程貓網頁版-創作社區。網頁版包含有編輯器的使用、課程、作品的創作發布、源碼精靈、圖書館、論壇等多個主要板塊,且屏幕大易操作。從體驗中分析這款產品中一些功能設計的目的、用戶體驗如何、是否有更好的方案。
一、概述與分析
1. 市場概述
隨著計算機網絡的不斷發展,國家對青少年的編程教育越來越重視,STEAM教育的推行,少兒編程越來越普遍化。讓孩子們在家里、有網絡就可以接觸有趣的科學創新化教育。拓展孩子思維和創造力成為了當今時代最熱門的話題之一。
由此3-18歲的在線編程教育競爭市場開始形成并擴大。目前市面上的少兒編程教育產品有:編程貓、核桃編程、小碼王、傲夢編程、學而思、貝爾編程、猿編程、編玩邊學等,各大企業開始搶占市場,但尚沒有獨角獸企業出現,所以這塊巨大的蛋糕的分配還有無線的可能性。
2. 數據分析
1)趨勢研究
查看近一個月的少兒編程軟件搜索指數可以看出,學而思、編程貓、核桃編程的搜索量排列在前三(其中學而思不止包括有少兒編程,猿編程與傲夢編程的搜索量差不多)。
數據來源:百度指數
2)人群畫像
根據人群畫像,得出以下排行。在各大年輕階段中,每個年輕層次的人都有不同的首選。而現在社會的經濟帶動主要圍繞著20-49歲的年齡層次,所以在不分線上線下的情況下。最具有盈利價值的軟件在核桃編程、編程貓、小碼王、傲夢編程中。
數據來源:百度指數
總結:從當前數據看出,編程貓的搜索量、各大年齡層次的選擇度都不是最優的。
二、產品功能架構
1. 手機端功能架構圖
2. 網頁端功能架構圖
3. 客戶端功能架構圖
總結:
- 頁面上:編程貓有兩個官網,一個是社區的(shequ.codemao.cn)、一個是官網(codemao.cn)。社區官網功能豐富全面。在編程貓的手機端、網頁端,所有會員都可以隨時瀏覽熱門、新手等開發制作的作品。客戶端包含上課的客戶端、編輯器端,用戶根據需求選擇相應的軟件。
- 課程與創作上:編程貓提供大量的模板、免費公開課、免費教程、素材。課程分類多,選擇多。創作分為了自由創作、邊看邊學、使用模板。
- 課程體驗:現有的教學課程采用卡通動畫講解的形式,對于小朋友們來說更加親近了,教學內容更容易被吸收。
- 報課:編程貓通過填寫手機號碼預約體驗,這樣的方式你喜歡嗎?
三、產品體驗
1. 編程貓社區主頁
在編程貓社區首頁,就能看到有許多的免費視頻提供學習。這些教程通過編程貓與源碼君的對話引入動畫的制作,通過把每行代碼轉換為積木的形式,學習編程。對于青少年來說生動有趣且簡單易上手。
首頁的分類包含:創作入門好簡單(視頻教學)、創意體驗(創意教學)、點貓精選(精選教學)、新作喵喵看、CJP工作室、原創少兒小說、編程TV(B端視頻內嵌)、社區星推薦(優秀創作者)。其中點擊【點貓精選】、【新作喵喵看】、【CJP工作室】、【社區星推薦】時,為當前窗口打開新頁面。
導航欄有:課程、發現、工作室、論壇、素材、活動、app下載二維碼、創作社區。Banner右側的主要推廣產品,都是可以直接進入使用的,我們知道編程貓研發了自己的編程語言Kitten。
在Scratch少兒編程的基礎下,簡化了編程的步驟,相比Scratch更加容易上手了。首頁往下滑動的列表都是對教程的分類:入門、創意、精選等,對平臺的用戶可以說是非常友好了,它讓我感覺是真的想讓孩子們體驗自由、快樂的學習和創新。
產品把重點功能都盡可能的體現在了首頁中,花樣式布局,但清晰。所有的Item都是帶圓角的方形。圖片、圖片都是偏卡通的。不管布局怎么改變,整體的風格是統一的,并沒有突兀。
對于創意體驗這部分,產品的出發點是否是為了讓大家看到有創意的作品,有一種躍躍欲試的感覺呢?用戶點擊左側的視頻分類封面圖——>右側的演示動畫、作品信息、作者信息隨之切換。
但是【體驗創意】這個按鈕是不變的。且用戶點擊動畫區域和右下角的【體驗創意】是一樣的效果=>彈出教學視頻窗口。那么意味著體驗創意是體驗視頻而不是用戶,放在用戶信息的底部是都有些不妥呢?
解決方案:個人覺得可以放在視頻名稱后面,或者在鼠標移動到動畫區域時,顯示出【體驗創意】的按鈕。且如果按鈕取消,右側用戶信息欄的區域是否可以挪一部分給動畫展示。
2. Kitten源碼編程邊看邊做
點擊頂部導航【課程】,切換到教程頁面。包含了:源碼教程課、3D編程課、Python編程課、移動端編程課、幼兒編程課。默認為首個選項“源碼編程課”。
選擇一個教程學習,彈出教學視頻窗口。點擊右下角【邊看邊做】,進入到“全新源碼編輯器”頁面(這也是社區首頁右側創作下面的第一個按鈕源碼編輯器4.0。產品為了老用戶友好,保留了舊版的源碼編輯器作為第二個按鈕)。
編輯器頁面中:左側動畫演示區占比約25%,用于演示、角色的手動拖拽縮放移動。角色添加區與積木區域最小化占比。積木操作區占比約64%,積木的大小可以通過右下角縮放比例。
教學視頻播放區最小可縮小為489*315,點擊最小化按鈕,視頻隱藏為右側視頻播放按鈕。
角色操作區:點擊角色右側三角形按鈕,側方彈出角色放大角色操作頁面,操作頁面覆蓋整個積木區域,再次點擊三角形按鈕隱藏角色操作頁面。
積木選擇區:點擊按鈕,右滑出詳細按鈕選擇列表,下拉可查看更多。點擊某個按鈕可添加到區域里,或者直接拖動到操作區,對演示區的角色添加事件、動畫、音樂等效果。每個按鈕的左上角帶個圓圈的為事件:即當某個條件觸發,需要進行什么樣的操作,這些操作按鈕通過吸附在事件下方生效。
積木操作區域是可以在整個屏幕范圍內左右拖動的,意味著操作區域的大小是整個屏幕區域。當用戶想要橫向一個操作一個操作排列開來時,也多了一些區域。
添加角色
積木動畫
那么區域的占比合理嗎?它為什么這樣設置?有沒有更好的解決方案?
我個人覺得不太合理,我們都知道,大多數軟件的按鈕都是排列在兩邊,這是用戶習慣。比如ps、axture、Visio、vsCode等軟件以及編程貓手機端。展示區(也就是這里的動畫演示區)占比為最大,因為這是用戶想看的最終結果。如果是編程軟件,那么編程區域為最大。操作區域占比為第二。
為什么要這么設置?以下為我的推想。
- 為了讓孩子可以更好的邊看視頻邊操作,所以把操作區域占比最大。
- 由于積木可以隨便移動,需要更多的復雜動畫就需要調用更多的積木,所以操作區域占比最大。
- 設計者將演示區(演示區+角色區)和操作區(操作區+積木)分為了兩部分。在操作區部分,積木就是在左側的,且操作區就相當于“編程區”。如果是兩個區域,是否可以利用背景顏色來區分?
關于積木操作區域的全屏可挪動:我認為這是非常友好的一個操作。但是鼠標點擊積木操作區域時,仍然是箭頭形狀,因為基于用戶習慣,可挪動的標志是抓手形狀(一般是空格鍵+鼠標)。這意味著很多人不知道可挪動。而且直接點擊可挪動,鼠標就無法做到一直按著挪到達到全選的效果。刪除只能一組積木一組積木的刪。
角色操作區域的三角形按鈕:展開和隱藏的三角形按鈕點擊,是否可以做成不一樣的呢?
3. 3D編程代碼島學習
代碼島3.0為一個單獨的產品,編程貓的會員與代碼島的會員獨立,需要重新注冊登錄。代碼島玩家需要有編程基礎,如果使用代碼島制作地圖,需要回到系統提出的問題。這也是為了代碼島高質量的用戶和作品輸出。
4. Python編程海龜學習
Python是世界上最好的語言!哈哈,開個玩笑。學過編程的都知道,開發分為前端和后臺。Python就屬于后臺開源語言。我們利用代碼可以做很多事情,可以把想法變成現實,知乎、豆瓣、YouTube都是基于Python開發的。
編程貓的海龜編輯器,就是Python的學習樂園。它還分為了積木模式和代碼模式,滿足不同階段不同習慣不同需求的訓練師。
界面導航欄有:回到主頁、文件操作、保存修改、搜索、模式切換(默認積木模式)、語言切換(默認簡體中文)、幫助、個人中心、點擊展開/收起最右側展示區的三角形按鈕。最左側為操作欄,緊接著為最大區域代碼編程區、左右側為終端區、運行動畫窗口。這就是目前主流編程軟件的布局。
而且產品細心的在代碼編程區域的右上角添加了白天/夜間的模式切換。切換為夜間模式后,點擊切換積木模式,積木模式沒有夜間模式。
在海龜編輯器中,對于代碼的刪除有兩種方法:
- 代碼模式:Backspace鍵刪除、鼠標長按全選刪除;
- 積木模式:鼠標長按積木,拖動到刪除欄。這里的積木刪除方式與源碼編輯器、手機端中都不同。
對于不懂代碼的新手用戶,或不知道如何開始的用戶,文件中提供了模板作品按鈕。點擊某個模板,出現對應的代碼或者積木,模板作品中詳細的標明了作品的內容和難度。
把模板作品放到文件中合理嗎?它為什么這樣設置?
我個人認為不合理,很多觀望者對于作品有著強烈的好奇心。如果是一個不懂代碼的人進入到海龜編輯器中,除了切換窗口進行視頻學習外,還可以通過什么方式自己玩呢?編程貓提供了作品模板的另一種方式學習。只需要點擊模板就可以獲取到相應的代碼和積木。這么好的功能為什么要隱藏到文件中呢?
為什么要這么設置?以下為我的推想。
- 為了讓孩子們自主性學習而不是照搬,然后造成一種自己已經會了的錯覺。
- 模板作品是一個尚未成熟的需求,家長對此有不同意見。
兩大編輯器對比:
5. 源碼精靈答題
源碼精靈是通過游戲的方式學習代碼。網頁端、手機端都包含該項目,它還有對應的小程序。男性小朋友們都會喜歡吧。在源碼精靈中,用戶變為訓練師,解鎖和培養不同類型的精靈,來獲取獎勵。
官網首頁中,點擊導航欄【發現】,源碼精靈為發現頁面中的一個主快捷導航之一。
左上角個人信息;右側功能:商店、交友、工坊、精靈、圖鑒;右下方兩個按鈕:答題、探險。訓練師通過答題獲取能量石,通過能量石孵化源碼蛋。
答題分類:Nemo日常題(21層)、Kitten日常題(11層)、Python日常題(11層)、趣味日常題(11層)。每個類型的題目每天都有一次免費答題的機會。
在Nemo答題中,每一層需要累積答對5道題,編程貓才會上移一層并獲取樓層給出的獎勵。當前5道題沒有全部答對,那么當前答對的數+接下來5道題中答對的數直到大于或等于5道題,編程貓即可上移一層,且超出的答對的數值將計入到下一層的答對值中。
在每一輪的5道題里,如果用戶連續答對5道題,也就是100%的正確率,那么答題機會會增加(具體的玩法邏輯還不清楚)
在每一題提交答案后,可以查看結果并獲取解析內容,每一輪的答題結果頁面依然可以點擊【解析】去查看每一題的解析。
從答題體驗來看。后臺系統建立題庫,錄入題目、答案選項、正確答案、解析。在點擊開始答題時,調用題庫接口。系統隨機出現題庫中的題目,答案與系統答案一致時,將不再出現(這里技術上實現或許有bug,答對的題目仍然會小概率出現)。答案與系統答案不一致時,重新放回題庫中。在答題過程中,答錯的題目在后續的樓層中會出現,所以題目沒有區分等級。
在答題頁面中,每道題目基本都帶有圖片,占比較大。選項需要滑動才能看完整。
體會到爬樓的難處了……但豐厚的獎勵可以刺激用戶答題學習,增加論壇討論度。
那么為什么設置的每一輪答題數值和過關上一層的數值是5呢?樓層為什么都大于10層?意味著每一類型的題目,想要拿到完整的獎勵需要至少答題55道。每道題30秒的速度計算,想要爬完樓需要至少28分鐘。且不止一關
答完Nemo東塔21層后,系統開始進入南塔21層答題,又是新的一輪21層闖關:
在答題卷使用完后的提示中,是否可以增加一個去上課/參加活動的入口按鈕?
四、總結
1. 優點
在編程貓的手機端、網頁端里,家長孩子(用戶)能夠很直觀的看到一些作品,可以公開討論、免費學習、學到的內容可以及時分享和得到反饋。對于我這樣一個懂編程的人來說,我覺得能從里面學到很多東西,并且認識到更多大神和有趣的朋友。
編程貓提供提供網頁端、手機端、上課客戶端、編輯器客戶端給用戶使用。
相信編程貓的產品經理一定是一個細心可愛念舊的人。很多細節對小盆友們來說很貼心。比如網點端編輯器中設置的白天/夜間模式、大量的免費公開課、由有趣的動畫引入教程內容、編輯器里面加入視頻播放區、大量的免費素材提供使用、作品模板提供模仿等等。
2. 爽點
點擊邊看邊學按鈕,點擊進入編輯器編輯頁面。視頻同步在屏幕右上角,可以放大縮小隨意拖動。編輯器新版舊版同時存在、Python的積木模式與代碼模式切換,提高了用戶選擇自由度。
右上角的圓形標示使事件和動作感官上區分。
3. 缺點
當然不足也有很多,除開文章中提到的,在APP Store中就能找出很多。最多反應的就是:用戶的作品不見了、云端保存問題、內容推送算法不夠全面的問題等這些對用戶來說非常致命的bug和不友好的體驗感。
進入自由創作頁面,未點擊任何東西,也存進去了草稿箱。對于強迫癥的你們是否覺得不舒服呢?是否可以增加一個彈窗詢問是否加入草稿箱?
Kitten的未來發展,很多家長和孩子都有競賽心理,家長給孩子報班就想著拿一個什么獎項,這對家長和孩子來說都是極大的鼓勵,Scratch已經有了屬于自己的競賽和獎杯。那么Kitten是否也可以創造一些比賽活動呢?
我體驗的還不夠深,會繼續關注噠。目前還有待深入體驗編程貓的線上課程、APP端、競品分析。
后續更新~
本文由 @Mindy 原創發布于人人都是產品經理,未經作者許可,禁止轉載。
題圖來自Unsplash,基于CC0協議