當(dāng)前關(guān)于產(chǎn)品分析類文章有兩大主流分析視角，一類是著重宏觀視角，不做過多產(chǎn)品細(xì)節(jié)分析；另一類是較為模板化的產(chǎn)品分析，從行業(yè)分析到功能點(diǎn)體驗(yàn)拆分基本全部囊括，功能點(diǎn)拆分較為全面細(xì)致。

而今天筆者從另外一個(gè)視角進(jìn)行一次產(chǎn)品分析，老話說打蛇打七寸，做事抓關(guān)鍵，今天我們嘗試做一次產(chǎn)品設(shè)計(jì)關(guān)鍵點(diǎn)分析，推演一下一款工具類產(chǎn)品0到1過程當(dāng)中的幾個(gè)關(guān)鍵點(diǎn)應(yīng)當(dāng)如何思考與規(guī)劃。

在17、18年，編程貓還被稱為少兒編程教育行業(yè)當(dāng)中的一匹黑馬，短短兩年時(shí)間，它已經(jīng)成長為了這個(gè)行業(yè)當(dāng)中的佼佼者。從融資角度來看，15年成立至今，一年一輪融資，5年時(shí)間就融到了C輪，累計(jì)近9億的融資資金；從運(yùn)營數(shù)據(jù)上來看，截止到19年底，學(xué)員用戶總數(shù)3000萬 ，合作學(xué)校10000 ，19年全年總營收10億人民幣。

我們今天不從宏觀角度來分析行業(yè)格局以及編程貓的發(fā)展歷程，我將站在產(chǎn)品視角上，從頭拆解編程貓的第一款產(chǎn)品 ——「kitten源碼編輯器」，試圖回答這樣一個(gè)問題：這樣一款面向少兒用戶的工具類產(chǎn)品，面對(duì)產(chǎn)品0到1過程中的關(guān)鍵環(huán)節(jié)，如果是我會(huì)怎樣思考和規(guī)劃？

關(guān)鍵點(diǎn)1：為什么要花巨大的成本來開發(fā)少兒編程工具?

要想拆解產(chǎn)品，首先我們要理解為什么這個(gè)產(chǎn)品有存在的價(jià)值。在少兒編程工具(與其說是編程語言，我更愿意理解為編程工具)領(lǐng)域，有從06年便開始發(fā)布迭代的老大哥Scratch，Scratch由麻省理工學(xué)院媒體實(shí)驗(yàn)室的終身幼兒園小組設(shè)計(jì)和維護(hù)，是一個(gè)免費(fèi)并且功能強(qiáng)大的少兒編程工具，有著龐大的用戶基礎(chǔ)和全球范圍的在線社區(qū)，它基本上奠定了少兒編程工具的設(shè)計(jì)規(guī)范；也有后來出現(xiàn)的將工具與教學(xué)體系強(qiáng)關(guān)聯(lián)的少兒編程平臺(tái)Tynker。

現(xiàn)如今國內(nèi)的少兒編程教育品牌大部分都已經(jīng)將Scratch當(dāng)作少兒編程的入門必學(xué)課程之一，將Scratch作為少兒編程的標(biāo)準(zhǔn)編程工具，比如童程童美，核桃編程等。

那么編程貓為什么不和他們一樣使用Scratch來作為標(biāo)準(zhǔn)的編程工具而要自己開發(fā)一套呢？

從15年到17年這套工具打磨了近兩年，17年，18年又相繼推出代碼島以及海龜python編輯器，在工具開發(fā)和打磨上越行越遠(yuǎn)，SO，我們不禁要問的是，在編程貓成立之初資源相對(duì)匱乏的階段為什么決定花兩年來開發(fā)一套已有解決方案的編程工具？

分析任何一個(gè)商業(yè)決策的原因都需要將它代入到本身的商業(yè)模式當(dāng)作，我認(rèn)為衡量一個(gè)商業(yè)模式好壞的三個(gè)重要要素是：核心競(jìng)爭(zhēng)力，持久性，以及擴(kuò)展性。我們從這三個(gè)方面入手進(jìn)行綜合分析。

在K12在線教育行業(yè)，教師是流動(dòng)的，教學(xué)方案是可抄襲的，客戶的品牌忠誠度不高，行業(yè)玩家同質(zhì)化嚴(yán)重，如果沒有核心競(jìng)爭(zhēng)力，隨著行業(yè)進(jìn)入洗牌階段，將勢(shì)必陷入以拼家底為主的惡性競(jìng)爭(zhēng)當(dāng)中，砸錢搶用戶，搶學(xué)校，鋪廣告，打價(jià)格戰(zhàn)，創(chuàng)業(yè)團(tuán)隊(duì)在早期階段陷入這種純粹靠資本博弈的粗暴競(jìng)爭(zhēng)環(huán)境中很容易被洗掉，因此開發(fā)屬于自己的編程工具有利于建立技術(shù)壁壘，塑造以產(chǎn)品為主的核心競(jìng)爭(zhēng)力，在行業(yè)洗牌階段建立自己的護(hù)城河，更容易吸引資本的青睞，擁有后期爭(zhēng)奪行業(yè)Top的家底。

大家要知道少兒編程工具和標(biāo)準(zhǔn)的編程語言是有本質(zhì)的差異的，編程語言有著很強(qiáng)的標(biāo)準(zhǔn)化和開放性，有著很成熟的發(fā)展生態(tài)。

而少兒編程工具正處于發(fā)展初期，很多需求和功能存在很大的擴(kuò)展性，但是并沒有一個(gè)開放環(huán)境推動(dòng)它前進(jìn)，Scratch已經(jīng)是一個(gè)成熟期的產(chǎn)品，產(chǎn)品迭代相對(duì)較慢，并且由于國內(nèi)少兒編程這幾年爆發(fā)性增長，挖掘了相當(dāng)多的本土化需求，你沒有辦法根據(jù)你的教學(xué)體系來給Scratch提需求讓他改動(dòng)功能，你的教學(xué)體系會(huì)受制于Scratch，只能在它的開源基礎(chǔ)上進(jìn)行優(yōu)化，因此Scratch也有很大的局限性。

這時(shí)候打造一個(gè)本土化的少兒編程平臺(tái)就顯得很必要了，根據(jù)以上分析，我們總結(jié)一下開發(fā)自己的少兒編程工具的必要性：

1. 可以隨時(shí)可以根據(jù)教學(xué)規(guī)劃調(diào)整產(chǎn)品功能來滿足本土化用戶需求，提供更多差異化功能，進(jìn)而提升產(chǎn)品方面的核心競(jìng)爭(zhēng)力；
2. 可以作為行業(yè)標(biāo)桿引領(lǐng)行業(yè)發(fā)展，提升公司在行業(yè)里的權(quán)威性，品牌效應(yīng)同樣是核心競(jìng)爭(zhēng)力；
3. 自家的編譯器能增加用戶與品牌的接觸頻度，增強(qiáng)用戶粘性和忠誠度，從而使用戶可以持續(xù)留存下去，有利于維持商業(yè)模式的持續(xù)性；
4. 編譯器帶來了更多的教學(xué)內(nèi)容擴(kuò)展和自定義的空間，進(jìn)而可以做更細(xì)化的用戶運(yùn)營，為不同年齡階段，不同學(xué)習(xí)目的的用戶帶來不同的產(chǎn)品，進(jìn)而可以更好的輔助做橫向和縱向的用戶擴(kuò)展，以及盈利模式的擴(kuò)展，有利于提升商業(yè)模式的擴(kuò)展性。

關(guān)鍵點(diǎn)2：核心用戶界定與研究

2.1界定核心用戶與核心客戶

產(chǎn)品的0 – 1階段，我們一定要清楚的界定出核心用戶，目標(biāo)用戶以及潛在用戶，核心用戶是目標(biāo)用戶中最重要的那部分群體，而產(chǎn)品的種子用戶一定是符合核心用戶的相關(guān)屬性的。編程貓官網(wǎng)上指明“專注為7-16歲孩子提供趣味教學(xué)”，這是當(dāng)前產(chǎn)品矩陣的目標(biāo)用戶，如果反推產(chǎn)品0-1邏輯的話，這顯然不是源碼編輯器的核心用戶。

在這張圖中我們可以看到編程貓對(duì)源碼編輯器的目標(biāo)用戶的界定是6到12歲左右的小朋友，也就是從幼兒園大班到五年級(jí)的時(shí)間，而考慮到這個(gè)年齡跨度也是比較大，孩子的智力發(fā)育水平和知識(shí)儲(chǔ)備量也有比較大的差異，加上幼兒階段有另一款產(chǎn)品作為承接，因此我們可以把源碼編輯器的核心用戶界定到1年級(jí)到3年級(jí)這個(gè)階段的小朋友，也就是7-10歲之間。

由于少兒教育行業(yè)的特殊性，核心用戶并不是付費(fèi)客戶，因此，我們需要對(duì)這個(gè)階段小朋友的家長再做細(xì)分研究，這就好比是做一款玩具，要讓小朋友玩的開心，有所收獲，讓家長覺得買的值，達(dá)到了自己培養(yǎng)孩子的目的。

對(duì)于家長，我們可以按照編程行業(yè)相關(guān)性和資金充裕度兩個(gè)維度進(jìn)行分析，因?yàn)樾袠I(yè)相關(guān)性的高低決定了客戶目標(biāo)的清晰程度，而資金充足性確定了客戶的付費(fèi)意愿和付費(fèi)能力。

針對(duì)上圖劃分出來的核心用戶我也在撰文之前挑選了8個(gè)身邊具有相似屬性的個(gè)體進(jìn)行了小規(guī)模的訪談來驗(yàn)證下文描述的用戶需求的合理性。

行業(yè)相關(guān)性指的是客戶與編程關(guān)聯(lián)性較高的職業(yè)，最典型的就是互聯(lián)網(wǎng)行業(yè)從業(yè)者，這部分人讓孩子學(xué)習(xí)幼兒編程相對(duì)來說會(huì)有比較強(qiáng)的目的性，由于他們對(duì)于編程有一定理解，所以對(duì)于讓孩子接觸幼兒學(xué)習(xí)希望得到什么有清晰的認(rèn)知.

比如，有的家長就是希望孩子以后能走編程這條路，所以希望讓孩子提前接觸游戲化編程激發(fā)孩子的學(xué)習(xí)興趣，并且學(xué)習(xí)一些基本知識(shí)概念，為以后學(xué)習(xí)正式編程打些基礎(chǔ)。

有些家長雖然沒有希望孩子以后從事這方面的職業(yè)，但是清楚少兒編程對(duì)于邏輯思維和創(chuàng)造性思維訓(xùn)練有很大的幫助，因此為了鍛煉孩子的這些能力也會(huì)讓孩子來學(xué)習(xí)編程。

這部分客戶也是我們的目標(biāo)用戶，但是由于他有自己相對(duì)清晰的認(rèn)知，相當(dāng)于專家型客戶，用戶容量較小，如果將他們作為前期核心客戶進(jìn)行研究的話，會(huì)導(dǎo)致決策者對(duì)于大眾群體的普適性需求有理解性偏差，因此不適合作為最初的核心用戶。

從潛在用戶容量來講，隨著市場(chǎng)滲透率的提升，二三線城市的家長互聯(lián)網(wǎng)行業(yè)相關(guān)程度會(huì)越來越低，這部分人群是產(chǎn)品的主要客戶，所以一開始進(jìn)行產(chǎn)品設(shè)計(jì)的時(shí)候就需要挑選這部分人群作為核心客戶進(jìn)行研究，這部分客戶與編程相關(guān)的行業(yè)關(guān)聯(lián)度相對(duì)較低，并且由于少兒編程教育行業(yè)處于發(fā)展初期，這部分客戶對(duì)于少兒編程的認(rèn)知度低，少兒編程教育還是個(gè)很新的概念，也就是說還不具備普適性，如果客戶的資金不夠充裕，顯然不會(huì)為一個(gè)自己不太了解的事物進(jìn)行付費(fèi)，因此我們需要選擇收入水平相對(duì)較高的客戶作為核心客戶。

所以我們總結(jié)一下我們的核心用戶和核心客戶的角色客觀屬性：

• 核心用戶：7-10歲，處于1年級(jí)到3年級(jí)的小學(xué)生，所處教學(xué)環(huán)境較好，男女不限。
• 核心客戶：身處一二線城市，收入水平中等以及中等偏上，并且與編程相關(guān)行業(yè)的關(guān)聯(lián)度較低的7-10歲孩子的家長。

2.2 核心用戶與核心客戶需求分析

2.2.1 核心用戶特征描述

根據(jù)年級(jí)階段我們的小朋友又會(huì)有以下一些特征，我們需要根據(jù)這些特征提煉出一些共性需求，以下是根據(jù)年級(jí)劃分的用戶特征：

• 一年級(jí)： 剛?cè)雽W(xué)不久，對(duì)學(xué)生生活既新鮮又不習(xí)慣，他們好奇、好動(dòng)、喜歡模仿，并且有直觀、具體、形象等思維特點(diǎn)。
• 二年級(jí)：已基本適應(yīng)小學(xué)的學(xué)校生活，開始有了自我控制的能力，好表現(xiàn)自己，競(jìng)爭(zhēng)意識(shí)和上進(jìn)心有所發(fā)展，都想爭(zhēng)取成為好學(xué)生，并希望參加少先隊(duì)的一切活動(dòng)，好奇、好動(dòng)、好模仿、思維的直觀性、具體性、形象性仍然是其共同的特點(diǎn)。
• 三年級(jí)：三年級(jí)學(xué)生的思維正處于由形象思維過渡的時(shí)期，能進(jìn)行一定的抽象思維，但仍以形象思維為主，模仿性強(qiáng)，想象能力由模仿性和再現(xiàn)性向創(chuàng)造性的想象過渡；

2.2.2 核心用戶需求分析

作為小朋友本身，他們行為本身沒有太強(qiáng)的目的性，更多的是通過各種行為來表達(dá)情感，他們有表現(xiàn)欲，因此希望通過獲得一些成績得到大家的贊賞；他們富有創(chuàng)造性，希望通過一種行為來表達(dá)自己的創(chuàng)造力；他們喜歡玩耍，希望通過一些行為來享受快樂。

這些行為可以是學(xué)習(xí)新知識(shí)，可以是做手工，同樣也可以是學(xué)習(xí)少兒編程，他們的需求大多數(shù)都是感性的，對(duì)編程沒有什么認(rèn)知，我們需要去貼合他們的各種情感需求從而達(dá)成我們的教學(xué)目的。

我們總結(jié)小朋友們的情感需求，這些情感需求后面會(huì)提煉成我們的產(chǎn)品需求：

1. 快樂，使用我們的少兒編程工具的過程是快樂的，能夠主動(dòng)引起他們的興趣；
2. 滿足創(chuàng)作欲，使用我們的少兒編程工具可以輕松的實(shí)現(xiàn)他的創(chuàng)造力，他可以很方便的將自己腦袋中想象的作品表達(dá)出來；
3. 滿足表現(xiàn)欲，使用我們的少兒編程工具可以做出一個(gè)較為完成的作品，并且可以很方便的讓他展示給其他小朋友，可以滿足他們的表現(xiàn)欲。

2.2.3 核心客戶需求分析

那么對(duì)于父母的家長呢？他們顯然希望通過學(xué)習(xí)少兒編程來使得孩子得到一些能力方面的提升了。

1. 教育需求之孩子思維能力的提升，創(chuàng)造思維，邏輯思維，認(rèn)知能力的提升，開發(fā)孩子的智力，使得孩子更聰明；(這也是編程貓對(duì)外宣傳的一條營銷語)
2. 教育需求之孩子知識(shí)技能的提升，通過少兒編程學(xué)習(xí)能掌握一項(xiàng)額外的技能，使得孩子在今后的發(fā)展中獲得一些競(jìng)爭(zhēng)優(yōu)勢(shì)，并且也可以滿足自己向其他身邊人炫耀的情感需求；
3. 教育需求之跟隨教育風(fēng)向，社會(huì)發(fā)展已經(jīng)到了信息化和智能化的階段，教育政策導(dǎo)向也明傾向于編程教育，大部分家長雖然不懂編程，但是從各方面獲得的信息能夠感受到編程對(duì)于社會(huì)發(fā)展的重要性，因此希望自己的孩子能提前有所準(zhǔn)備；
4. 自我情感需求之緩解自我焦慮，孩子競(jìng)爭(zhēng)環(huán)境愈發(fā)激烈給自己帶來的焦慮感，通過孩子學(xué)習(xí)少兒編程收獲一些能力從而緩解自己的焦慮。

關(guān)鍵點(diǎn)3：教育類工具產(chǎn)品與其他C端產(chǎn)品設(shè)計(jì)思路的區(qū)別——給用戶和客戶制定目標(biāo)

雖然說我們梳理出來了核心用戶和核心客戶的需求點(diǎn)，但是客戶的目標(biāo)是不明確的，家長希望能夠讓孩子學(xué)習(xí)到一項(xiàng)技能，能夠做出一些成果；孩子希望能夠在學(xué)習(xí)過程中獲得快樂，能夠很方便的發(fā)揮自己的創(chuàng)造能力。

那么這項(xiàng)技能需要學(xué)習(xí)到什么程度，孩子做到什么程度算是一種成果，這些在用戶和客戶的心里都是完全模糊的。

而對(duì)于一般的C端產(chǎn)品，用戶都有相應(yīng)明確的用戶目標(biāo)，比如電商類產(chǎn)品，用戶知道我打開電商APP，經(jīng)過一系列流程后我可以購買到一個(gè)商品；再比如視頻類產(chǎn)品，我可以用它來看我想看的電視劇。這些產(chǎn)品都有明確的用戶目標(biāo)和使用場(chǎng)景。

而教育類產(chǎn)品不是這樣，用戶目標(biāo)是需要產(chǎn)品制定的。

比如現(xiàn)在的在線英語教育產(chǎn)品，以開言英語為例，它會(huì)給你先進(jìn)行水平測(cè)試，然后給你制定個(gè)性化的學(xué)習(xí)計(jì)劃，并且給你定一個(gè)目標(biāo)，學(xué)完我的課程后，你的水平可以達(dá)到什么樣的程度，是雅思多少分的水平。這就讓用戶有了個(gè)清晰的目標(biāo)，至少知道了我學(xué)完可以達(dá)到一個(gè)什么具體的程度。

因此我們也需要給用戶制定目標(biāo)，并且我們要從“用戶需求 場(chǎng)景 = 用戶目標(biāo)”的思考方式變成 “用戶需求 教學(xué)體系 = 用戶目標(biāo)”的思考方式。

我們產(chǎn)品需要結(jié)合教學(xué)體系給用戶制定目標(biāo)，我們可以看一下編程貓官網(wǎng)給客戶展示的用戶作品以及瀏覽一下社區(qū)的大部分作品，我們可以定下這樣一個(gè)具體的用戶目標(biāo)：可以讓用戶做出一款簡單的偏客戶端的游戲或者其他程序作品。當(dāng)然這個(gè)是文字的客觀描述，具體對(duì)家長的宣傳通過用戶作品來體現(xiàn)出來即可，不可能說的這么復(fù)雜。

這個(gè)用戶目標(biāo)是很重要的，它決定了我們的編程工具產(chǎn)品要做到什么程度，做哪些功能才能達(dá)成這個(gè)用戶目標(biāo)，綜上我們可以明確一下我們的產(chǎn)品目標(biāo)：依據(jù)我們的幼兒編程教學(xué)體系，做出一款能滿足用戶目標(biāo)的圖形化編程的源碼編輯器。

本段總結(jié)：

• 客戶目標(biāo)（對(duì)外）：孩子各項(xiàng)綜合能力的全面提升，讓您的孩子出類拔萃。
• 用戶目標(biāo)（對(duì)外）：在快樂中做出引以為傲的編程作品。
• 用戶目標(biāo)（對(duì)內(nèi)）：做出一款簡單的偏客戶端的游戲或者其他程序作品。
• 產(chǎn)品目標(biāo)（對(duì)內(nèi)）：在設(shè)定好的教學(xué)體系范圍內(nèi)做出一款能滿足用戶目標(biāo)的圖形化編程的源碼編輯器。

最后我們要提一下，我們實(shí)際上還有一個(gè)重要的用戶角色就是老師，老師是搭建教學(xué)體系的重要成員，并且有相當(dāng)多的產(chǎn)品需求是從老師那里挖掘出來的，不過老師更多的工作還是在教學(xué)體系的開發(fā)上面，在這里我們假設(shè)教學(xué)體系已經(jīng)開發(fā)出來，就不過多去討論了。

關(guān)鍵點(diǎn)4：產(chǎn)品設(shè)計(jì)原則

1. 可用

• 在教學(xué)體系框架下將用戶需求轉(zhuǎn)化為產(chǎn)品需求，基本覆蓋各個(gè)教學(xué)場(chǎng)景，從而達(dá)成用戶目標(biāo)；
• 搭建知識(shí)主干，簡化知識(shí)細(xì)節(jié)，讓用戶能學(xué)習(xí)到重要的編程知識(shí)點(diǎn)。

2. 易用

• 高內(nèi)聚，低耦合，模塊化；
• 信息層級(jí)清晰明了，精簡流程路徑。

3. 好用

• 產(chǎn)品使用過程中需要有趣味性，降低小朋友的使用門檻，激發(fā)小朋友的使用熱情；
• 在產(chǎn)品的各個(gè)關(guān)鍵環(huán)節(jié)構(gòu)建獎(jiǎng)勵(lì)機(jī)制，使得小朋友獲得成就感和滿足感，用了還想用。

關(guān)鍵點(diǎn)5：先增后減，明確產(chǎn)品功能點(diǎn)

5.1 增，背景知識(shí)

對(duì)于此類有一定專業(yè)性的工具類產(chǎn)品，我們需要補(bǔ)充相關(guān)的背景知識(shí)，對(duì)知識(shí)架構(gòu)有整體的理解，才能做到在設(shè)計(jì)功能的時(shí)候游刃有余，我們的用戶目標(biāo)是要制作一款簡單的偏客戶端的游戲或其他程序作品，這里面我們以游戲?yàn)橹?，那么我們首先需要知道制作一款簡單的游戲需要哪些必備的背景知識(shí)呢？

5.1.1 如何設(shè)計(jì)一個(gè)簡單的偏客戶端的游戲？

嗯，最簡單的游戲除了必備的核心玩法邏輯，勝敗條件，操作規(guī)則，其他模塊都可以省略的，比如《Flappy bird》

5.1.2 游戲編程的必備技能點(diǎn)有哪些？

游戲設(shè)計(jì)思路有了，那么需要哪些技能點(diǎn)來實(shí)現(xiàn)它呢？

小朋友怎么可能掌握這么多的技能點(diǎn)！所以就需要在教學(xué)體系框架下能砍則砍，能封裝就封裝，這更涉及到教學(xué)體系的規(guī)劃，這里就不詳聊了。

5.1.3 一款商用游戲引擎客戶端的核心部件有哪些？

接下來就是需要研究一款能開發(fā)游戲的商業(yè)引擎由哪些部分組成，在這個(gè)拆解階段，了解的越詳細(xì)越好，在后面簡化功能的時(shí)候更能得心應(yīng)手，我們以Unity為例，因?yàn)橹肮P者也用Unity做過一些小游戲，相對(duì)來說對(duì)這款引擎有些了解。

游戲引擎最基礎(chǔ)的四大組成部分，編程語言，編譯器，視圖窗口，模塊接口。缺一不可，視圖是引擎與用戶直接交互的界面部分，而模塊接口是引擎提供給用戶的代碼接口，用于實(shí)現(xiàn)相關(guān)高級(jí)功能，接下來我們把視圖和模塊接口展開來看一下簡化后的信息結(jié)構(gòu):

以上是對(duì)引擎的框架性拆解，里面每一塊兒細(xì)分下去都是很大的知識(shí)體量，所以有興趣的同學(xué)可以自己去研究，在此我們對(duì)大致框架有所了解就好。

5.2 減，聚焦產(chǎn)品需求

我們前面研究了如何設(shè)計(jì)一款游戲，開發(fā)一款游戲需要哪些技能點(diǎn)，商業(yè)性的開發(fā)引擎包含哪些主要模塊，接下來我們要聚焦到我們的實(shí)際產(chǎn)品需求上來，顯然我們不可能讓小朋友一下子掌握那么多技能，我們要開始做減法，努力將門檻降到最低。

對(duì)于設(shè)計(jì)一款游戲，小朋友沒辦法很好的整合自己的設(shè)計(jì)思路，更不可能有很多優(yōu)質(zhì)的美術(shù)，音樂素材，怎么辦呢？

我們需要提供現(xiàn)成的游戲模板，以及現(xiàn)成的游戲素材，首先讓小朋友能簡單的進(jìn)行模仿，然后慢慢的加入自己的想法去創(chuàng)作屬于自己的素材，因此，在功能上，我們需要有素材庫提供給小朋友現(xiàn)成的素材，我們需要有幾個(gè)已經(jīng)搭建好的游戲作品案例作為教程供小朋友模仿，在后期我們還需要能讓小朋友能自己創(chuàng)作素材，因此需要畫板功能和音樂畫板功能，供小朋友創(chuàng)作自己的音頻和圖片素材。在這一步，我們可以梳理出以下產(chǎn)品需求。

對(duì)應(yīng)產(chǎn)

品功能

接下來我們要進(jìn)入比較艱難的環(huán)節(jié)了，就是設(shè)計(jì)面向少兒的編程引擎，之后我也會(huì)統(tǒng)一叫做編程工具，因?yàn)槲矣X得差異還是比較大，而實(shí)際上我們已經(jīng)有很好的先驅(qū)可以參考了，就是Scratch，它的積木化編程已經(jīng)深入人心，因此我們可以參考競(jìng)品的設(shè)計(jì)思路結(jié)合實(shí)際的需求整理我們的需求框架。總的來說，一款少兒編程工具不管如何簡化都會(huì)包含兩大塊主要內(nèi)容的設(shè)計(jì)：

1. 視圖設(shè)計(jì)
2. 編程積木設(shè)計(jì)

我們一個(gè)一個(gè)來看。

5.2.1 編輯器視圖設(shè)計(jì)

首先是最重要的三個(gè)視圖：

1）場(chǎng)景視圖

對(duì)應(yīng)產(chǎn)品功能

2）層級(jí)視圖

對(duì)應(yīng)產(chǎn)品功能

3）檢視視圖

對(duì)應(yīng)產(chǎn)品功能

這三個(gè)視圖集成了用戶與工具交互的最基礎(chǔ)的功能，場(chǎng)景和角色的編輯，素材的添加和刪除，場(chǎng)景與素材之間的層級(jí)關(guān)系切換。

接下來一個(gè)很重要的視圖模塊是積木編輯視圖，在設(shè)計(jì)這個(gè)視圖之前，我們需要先把編程積木邏輯設(shè)計(jì)好，因此我們先看編程積木的邏輯是怎樣的。

5.2.2 編程積木設(shè)計(jì)

對(duì)于編程積木來說，需要從兩方面著手設(shè)計(jì)：

一方面我們需要定義好積木與積木之間的接口規(guī)范，梳理出所有積木類型，如下圖所示。

另一方面由于積木承載了編程語言的功能，我們需要具體設(shè)計(jì)編程語言語法積木和高級(jí)函數(shù)功能接口積木，首先我們確定我們需要封裝哪些語法，哪些高級(jí)函數(shù)功能，這里可以參考Unity以及Scratch進(jìn)行初步功能的搭建，后續(xù)這里是一個(gè)重要擴(kuò)展的模塊，比如最近編程貓后來更新的人工智能相關(guān)模塊和海歸函數(shù)，GameAI等模塊。在這里我們可以參考官網(wǎng)給出的源碼圖鑒梳理出完整的模塊，這些模塊是需要持續(xù)迭代和新增的。

實(shí)際的0-1的設(shè)計(jì)過程當(dāng)中應(yīng)當(dāng)是經(jīng)過了大量的參考以及反復(fù)確認(rèn)，并且需要很有經(jīng)驗(yàn)的開發(fā)者參與一起設(shè)計(jì)，才能保證積木的可用性和穩(wěn)定性，還要經(jīng)過一系列可用性測(cè)試，才確定了我們當(dāng)前所見到的一些功能。這里我們經(jīng)過上面兩個(gè)方向的拆解，我們已經(jīng)將積木的框架和功能點(diǎn)梳理清楚，接下來我們就很容易理解前端的積木視圖為什么這樣設(shè)計(jì)了。

5.2.3 導(dǎo)航類功能視圖

對(duì)應(yīng)產(chǎn)品功能

對(duì)應(yīng)產(chǎn)品功能

以上我們已經(jīng)基本梳理出整個(gè)源碼編輯器的主要功能點(diǎn)，在后續(xù)的流程設(shè)計(jì)和交互設(shè)計(jì)當(dāng)中，應(yīng)當(dāng)遵循我們最初定下的設(shè)計(jì)原則。

并且我們需要知道，編輯器的設(shè)計(jì)思維方式不是線性的，我們這里拆解出來的主要功能是根據(jù)教學(xué)體系和產(chǎn)品發(fā)展階段以及戰(zhàn)略布局一步一步有計(jì)劃的迭代到如此程度，很多這里面的功能在最初產(chǎn)品設(shè)計(jì)的過程中是不可能考慮的很清晰的，這時(shí)候就體現(xiàn)出來系統(tǒng)低耦合模塊化的重要性了，好的系統(tǒng)也如同積木，可以靈活的拆解和擴(kuò)張，關(guān)于具體的功能點(diǎn)流程拆解和交互設(shè)計(jì)拆解這里就不繼續(xù)討論下去了，有興趣的朋友可以自己挑一些主要功能研究一下面向小朋友的流程與交互設(shè)計(jì)細(xì)節(jié)。

產(chǎn)品后續(xù)發(fā)展方向的看法

當(dāng)前雖然編程貓已經(jīng)有了可觀的用戶規(guī)模，可是市場(chǎng)的滲透率還是很低，因此用戶規(guī)模的擴(kuò)張仍然是主要目的。

在核心功能上，需要將重點(diǎn)放在用戶群的深度和廣度的擴(kuò)張帶來的新需求，比如用戶年齡階層的擴(kuò)張，需要考慮到更高年齡用戶的需求；隨著教學(xué)知識(shí)體系的擴(kuò)張，需要滿足中，高級(jí)水平用戶更自由化的開發(fā)功能。

而對(duì)于已有用戶的留存和活躍，也需要投入相當(dāng)?shù)木θネ晟朴脩暨\(yùn)營相關(guān)的功能，比如編程貓已有的社區(qū)，少兒編程賽事，現(xiàn)在我們也可以看到編程貓推出了不少小朋友KOI，持續(xù)加碼社區(qū)運(yùn)營。

編程貓自身的少兒編程工具矩陣經(jīng)過4年多的迭代已經(jīng)成為了它強(qiáng)有力的護(hù)城河，并且憑借這個(gè)護(hù)城河的存在已經(jīng)漸漸成為了行業(yè)標(biāo)桿。編程貓至今已經(jīng)在工具，社區(qū)，教學(xué)內(nèi)容三方面都建立起了自己的優(yōu)勢(shì)，已經(jīng)進(jìn)入到了高速發(fā)展的市場(chǎng)擴(kuò)張階段，接下來就是比的搶占市場(chǎng)的速度與質(zhì)量。

同時(shí)需要注意到新進(jìn)的競(jìng)爭(zhēng)對(duì)手和巨頭已經(jīng)投入資源在工具上進(jìn)行布局。騰訊的扣丁，網(wǎng)易卡搭，極客戰(zhàn)紀(jì)等，有些是基于Scratch的優(yōu)化，有些是完全開發(fā)出了自己特有的編程工具。我們仿佛又嗅到了之前的視頻行業(yè)，共享單車，外賣行業(yè)混戰(zhàn)的硝煙味道。

當(dāng)年風(fēng)靡一時(shí)的優(yōu)酷，土豆，樂視的先發(fā)優(yōu)勢(shì)在巨頭的資本面前完全不算優(yōu)勢(shì)，在資本的車輪下任何競(jìng)爭(zhēng)優(yōu)勢(shì)都顯得十分渺小，最多只能留給企業(yè)幾年的發(fā)育空間，所以說編程貓當(dāng)前已經(jīng)上岸為時(shí)過早，后續(xù)3年將成為能否穩(wěn)固行業(yè)地位并且推進(jìn)上市的關(guān)鍵之年，且看編程貓如何破局。

全文總結(jié)

本文推演了編程貓kitten源碼編輯器0到1的產(chǎn)品設(shè)計(jì)當(dāng)中關(guān)鍵點(diǎn)的思考，涉及到了立項(xiàng)原因、用戶角色研究、用戶需求收集、行業(yè)知識(shí)補(bǔ)充、競(jìng)品功能性調(diào)研、產(chǎn)品設(shè)計(jì)原則的確立、需求到產(chǎn)品功能點(diǎn)的轉(zhuǎn)化、信息架構(gòu)的確立、核心功能設(shè)計(jì)思路這幾個(gè)0到1產(chǎn)品設(shè)計(jì)的重要關(guān)鍵點(diǎn)，最后發(fā)表了自己對(duì)后續(xù)產(chǎn)品發(fā)展方向的一些看法。

全文每個(gè)模塊省略了較多的實(shí)施細(xì)節(jié)。首先是由于篇幅原因；其次是因?yàn)橐陨蟽?nèi)容源于自我推理，并非真實(shí)情況，說太細(xì)容易被打臉(￣ε(#￣)；最后也有一個(gè)好處就是這樣能讓讀者對(duì)整個(gè)過程有個(gè)框架性的理解。

筆者一直認(rèn)為任何一件事全局性的把握整體框架是很重要的，因此在文中也用了相當(dāng)多的思維導(dǎo)圖。全文完，歡迎各位同學(xué)留言交流。

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

題圖來自u(píng)nsplash，基于CC0協(xié)議