目錄

• 1、Heurio: 在線協(xié)作的網(wǎng)站評(píng)論系統(tǒng)
• 2、Victor: Nocode 實(shí)現(xiàn)2400美金收入的步驟
• 3、Handsontable: 一個(gè)JavaScript組件做到了150萬(wàn)美金收入
• 4、3個(gè)有用的 UI/UX 設(shè)計(jì)
• 5、Motion One: 一個(gè)新的動(dòng)畫(huà)庫(kù)，追求最小的文件大小和最快的性能。

分享獨(dú)立開(kāi)發(fā)、產(chǎn)品變現(xiàn)相關(guān)有價(jià)值的內(nèi)容，每周五發(fā)布。

1、Heurio: 在線協(xié)作的網(wǎng)站評(píng)論系統(tǒng)

heurio這個(gè)產(chǎn)品是一年前開(kāi)始做的。通過(guò)瀏覽器插件實(shí)現(xiàn)在線評(píng)審，后臺(tái)查看系統(tǒng)可以對(duì)相應(yīng)的內(nèi)容做查看。

????? heurio團(tuán)隊(duì)認(rèn)為做網(wǎng)站評(píng)論和與其它團(tuán)隊(duì)的協(xié)作是復(fù)雜的，對(duì)于這個(gè)過(guò)程沒(méi)有真正的解決方案。來(lái)回的郵件和聊天，丟失的屏幕截圖，沒(méi)有任何上下文的更改請(qǐng)求……

???? 市場(chǎng)上有很多很好的、很有名的UX原型產(chǎn)品，但是還沒(méi)有這樣的在線評(píng)論網(wǎng)站。所以我們決定創(chuàng)建Heurio，這是一個(gè)方便的平臺(tái)——供我們自己和其他專業(yè)人士使用。

???? 通過(guò)使用heurio，只需一個(gè)點(diǎn)擊就可以開(kāi)始在任何live網(wǎng)站的評(píng)論。只需打開(kāi)heurio的瀏覽器擴(kuò)展，做一些注釋，就可以與你的團(tuán)隊(duì)成員共享評(píng)審項(xiàng)目。

你會(huì)發(fā)現(xiàn)heurio在各種評(píng)審項(xiàng)目中是一個(gè)真正的生產(chǎn)力助推器，例如:

? UX/UI設(shè)計(jì)評(píng)論

? 文案

? QA測(cè)試

? 專家評(píng)論,

? Bug報(bào)告,

? 獲取用戶反饋等等。

heurio官網(wǎng)

2、Victor: Nocode 實(shí)現(xiàn)2400美金收入的步驟

9個(gè)月前，我創(chuàng)建了自己的第一個(gè)twitter賬戶，2021年1月29日。

我在4月份發(fā)布了我的第一款付費(fèi)產(chǎn)品：thegaragestudio。一個(gè)提供一些Nocode方式創(chuàng)建MVP想法和報(bào)告的網(wǎng)站。

那時(shí)我只有281個(gè)粉絲，但我還是賣出了第一批貨。

1、四月 : 驗(yàn)證產(chǎn)品

流量渠道：@Reddit + @IndieHackers + @Twitter + Communities

營(yíng)銷：通過(guò) Gumroad 實(shí)現(xiàn)預(yù)售

結(jié)果：$425

2、五月：利用他人的社區(qū)

我只有461個(gè)粉絲，但由于我的產(chǎn)品，一個(gè)有影響力的人在Twitter上聯(lián)系我，并我們達(dá)成協(xié)議。

作為回報(bào)，他在Facebook群里分享了我的產(chǎn)品

結(jié)果：$1040

3、六月：經(jīng)典渠道繼續(xù)推廣

我繼續(xù)在“經(jīng)典”渠道上制作推廣內(nèi)容:Reddit,Indie Hacker, Twitter

提示：一致性和內(nèi)容是關(guān)鍵

結(jié)果：$324

4、七、八、九：感冒中

我重新設(shè)計(jì)了產(chǎn)品的一部分，將其完全嵌入Gumroad，并以PDF格式生成內(nèi)容。完全停止了推廣分發(fā)。

提示：要堅(jiān)持做內(nèi)容推廣分發(fā)

結(jié)果：$168

5、10月：用免費(fèi)做吸引

整整一年我都在提供免費(fèi)產(chǎn)品來(lái)建立一個(gè)電子郵件列表。

營(yíng)銷：提供我的免費(fèi)產(chǎn)品

提示：創(chuàng)建一個(gè)郵件訂閱列表

結(jié)果：$441

我每天花3個(gè)小時(shí)賺了2400美元:

• 下班后
• 照顧我的孩子之后
• 過(guò)正常生活之后

我不斷的測(cè)試，失敗，迭代。

Victor故事

3、Handsontable: 一個(gè)JavaScript組件做到了150萬(wàn)美金收入

Handsontable是一個(gè)JavaScript組件，它結(jié)合了數(shù)據(jù)網(wǎng)格特性和類似電子表格的用戶體驗(yàn)。Marcin是Handsontable的創(chuàng)始人，最初是一個(gè)開(kāi)源項(xiàng)目，現(xiàn)在是一個(gè)19人的公司。

你是如何想出這個(gè)成功的產(chǎn)品創(chuàng)意的?

在創(chuàng)辦Handsontable之前，我是一個(gè)軟件工程顧問(wèn)。我的合同在2011年到期，我有一個(gè)想法，要為記者創(chuàng)建一個(gè)工具，為在線文章創(chuàng)建數(shù)據(jù)可視化。

當(dāng)時(shí)，如果媒體文章有任何圖表或其他可視化數(shù)據(jù)，那都是Excel的截圖。但我知道有一些開(kāi)源的JavaScript庫(kù)可以繪制出更好的圖表。

所以，我的想法是把這兩個(gè)世界連接起來(lái)。我做了一個(gè)最有價(jià)值的工具，它有分屏體驗(yàn)。在屏幕的一邊，有一個(gè)類似Excel的數(shù)據(jù)網(wǎng)格組件(今天稱為Handsontable)，而在屏幕的另一部分，您可以看到自動(dòng)生成的圖表。我的潛在用戶會(huì)將數(shù)據(jù)從Excel粘貼到Handsontable，甚至直接在Handsontable中輸入，得到一個(gè)漂亮的交互式圖表，可以嵌入任何網(wǎng)站。

當(dāng)我把它放到GitHub上時(shí)，Handsontable得到了一些最初的關(guān)注。就許可而言，我選擇了MIT的許可。多虧了GitHub和Hacker News，我的MVP有了自己的生命。開(kāi)源確實(shí)挽救了這個(gè)項(xiàng)目;第一批信徒告訴我，它解決的問(wèn)題比我想象的要多。

你是如何建立Handsontable的?

我開(kāi)始向Handsontable添加功能，或者將其與別人的代碼庫(kù)集成。這種情況持續(xù)了三年。

添加第一個(gè)功能是很容易的，因?yàn)樗鼈兪呛苋菀椎玫降墓麑?shí)，但是產(chǎn)品越成熟，對(duì)附加功能的要求就越重。

功能的實(shí)現(xiàn)需要兩到三個(gè)月的時(shí)間，在滿足贊助商的要求的同時(shí)還要專注于Handsontable的發(fā)展是很困難的。

所以，我雇了一個(gè)外包和我一起做，那是在2013年。2014年，我雇傭了第一個(gè)員工。同一個(gè)月，我又雇了兩個(gè)外包。我們都是開(kāi)發(fā)人員。所有資金都來(lái)自咨詢工作的現(xiàn)金流。

好的一面是沒(méi)有現(xiàn)金問(wèn)題。我能夠?qū)⒁话氲馁Y源分配給咨詢工作，另一半分配給維護(hù)或無(wú)利可圖的開(kāi)源工作。

Handsontable成功的最大障礙是什么?

雖然我們是完全開(kāi)源的，但公司并沒(méi)有明確的方向。我們只是在回應(yīng)我們收到的詢問(wèn)。如果客戶希望我們做什么，我們就做什么。對(duì)于我們是否真的想要長(zhǎng)期維持的反思來(lái)得太晚。

第二個(gè)問(wèn)題是，每一個(gè)新特性都讓我們的產(chǎn)品更加復(fù)雜。第三個(gè)問(wèn)題是，在某一時(shí)刻，產(chǎn)品的功能將不堪重負(fù)而導(dǎo)致崩潰。

我們做出了一個(gè)艱難的決定，放棄該產(chǎn)品的開(kāi)源版本，完全專注于商業(yè)產(chǎn)品。這是我們?cè)诓┛蜕显敿?xì)描述的話題。社區(qū)的反應(yīng)大多是積極的。

我感到遺憾的一件事是，我們讓那些依賴于MIT版本的真正的開(kāi)源項(xiàng)目失望了，比如RHandsontable。他們決定繼續(xù)使用MIT的最后一個(gè)版本。

4、3個(gè)有用的 UI/UX 設(shè)計(jì)

1、利用占位符文本為常見(jiàn)輸入使用預(yù)定義的值來(lái)指導(dǎo)用戶并限制錯(cuò)誤的輸入源(如添加國(guó)家代碼)。

2、讓你的UI卡片看起來(lái)是可點(diǎn)擊的

許多卡片忽略了CTA按鈕，只依靠用戶的想象或懸浮效果，使用可操作按鈕來(lái)提示用戶操作。

3、始終突出你的最佳定價(jià)方案

通過(guò)這種方式，你可以幫助用戶識(shí)別最常用的方案，并推廣你的頂級(jí)方案。

要突出計(jì)劃，可以使用多種方法，例如。顏色、尺寸、升高!

5、Motion One: 一個(gè)新的動(dòng)畫(huà)庫(kù)，追求最小的文件大小和最快的性能。

它具有所有從現(xiàn)代動(dòng)畫(huà)庫(kù)中得到的功能:時(shí)間軸排序，回放控制，獨(dú)立轉(zhuǎn)換等，甚至更多的在路上。

但Motion One不同。它構(gòu)建在本地瀏覽器api上，所以它可以提供所有這些功能。例如，它的大小約為animation .js的一半，不到Greensock的五分之一。

此外，Motion One在JavaScript動(dòng)畫(huà)庫(kù)中是獨(dú)一無(wú)二的，它能夠執(zhí)行硬件加速動(dòng)畫(huà)，就像CSS。所以如果你的網(wǎng)站負(fù)載過(guò)重，動(dòng)畫(huà)可以保持60幀/秒。

對(duì)所有人免費(fèi)使用，甚至用于商業(yè)用途。

Motion One官網(wǎng)

關(guān)注我的掘金賬號(hào)，及時(shí)獲取更新

本內(nèi)容開(kāi)源，歡迎留言推薦或自薦：

Github開(kāi)源店址: github.com/ljinkai/wee…

Easy Indie: www.ezindie.com/

微信公眾號(hào)：往期內(nèi)容匯總