目錄
1、Heurio: 在線協作的網站評論系統2、Victor: Nocode 實現2400美金收入的步驟3、Handsontable: 一個JavaScript組件做到了150萬美金收入4、3個有用的 UI/UX 設計5、Motion One: 一個新的動畫庫，追求最小的文件大小和最快的性能。
分享獨立開發、產品變現相關有價值的內容，每周五發布。
1、Heurio: 在線協作的網站評論系統
heurio這個產品是一年前開始做的。通過瀏覽器插件實現在線評審，后臺查看系統可以對相應的內容做查看。
????? heurio團隊認為做網站評論和與其它團隊的協作是復雜的，對于這個過程沒有真正的解決方案。來回的郵件和聊天，丟失的屏幕截圖，沒有任何上下文的更改請求……
???? 市場上有很多很好的、很有名的UX原型產品，但是還沒有這樣的在線評論網站。所以我們決定創建Heurio，這是一個方便的平臺——供我們自己和其他專業人士使用。
???? 通過使用heurio，只需一個點擊就可以開始在任何live網站的評論。只需打開heurio的瀏覽器擴展，做一些注釋，就可以與你的團隊成員共享評審項目。
你會發現heurio在各種評審項目中是一個真正的生產力助推器，例如:
? UX/UI設計評論
? 文案
? QA測試
? 專家評論,
? Bug報告,
? 獲取用戶反饋等等。
2、Victor: Nocode 實現2400美金收入的步驟
9個月前，我創建了自己的第一個twitter賬戶，2021年1月29日。
我在4月份發布了我的第一款付費產品：thegaragestudio。一個提供一些Nocode方式創建MVP想法和報告的網站。
那時我只有281個粉絲，但我還是賣出了第一批貨。
1、四月 : 驗證產品
流量渠道：@Reddit + @IndieHackers + @Twitter + Communities
營銷：通過 Gumroad 實現預售
結果：$425
2、五月：利用他人的社區
我只有461個粉絲，但由于我的產品，一個有影響力的人在Twitter上聯系我，并我們達成協議。
作為回報，他在Facebook群里分享了我的產品
結果：$1040
3、六月：經典渠道繼續推廣
我繼續在“經典”渠道上制作推廣內容:Reddit,Indie Hacker, Twitter
提示：一致性和內容是關鍵
結果：$324
4、七、八、九：感冒中
我重新設計了產品的一部分，將其完全嵌入Gumroad，并以PDF格式生成內容。完全停止了推廣分發。
提示：要堅持做內容推廣分發
結果：$168
5、10月：用免費做吸引
整整一年我都在提供免費產品來建立一個電子郵件列表。
營銷：提供我的免費產品
提示：創建一個郵件訂閱列表
結果：$441
我每天花3個小時賺了2400美元:
- 下班后
- 照顧我的孩子之后
- 過正常生活之后
我不斷的測試，失敗，迭代。
3、Handsontable: 一個JavaScript組件做到了150萬美金收入
Handsontable是一個JavaScript組件，它結合了數據網格特性和類似電子表格的用戶體驗。Marcin是Handsontable的創始人，最初是一個開源項目，現在是一個19人的公司。
你是如何想出這個成功的產品創意的?
在創辦Handsontable之前，我是一個軟件工程顧問。我的合同在2011年到期，我有一個想法，要為記者創建一個工具，為在線文章創建數據可視化。
當時，如果媒體文章有任何圖表或其他可視化數據，那都是Excel的截圖。但我知道有一些開源的JavaScript庫可以繪制出更好的圖表。
所以，我的想法是把這兩個世界連接起來。我做了一個最有價值的工具，它有分屏體驗。在屏幕的一邊，有一個類似Excel的數據網格組件(今天稱為Handsontable)，而在屏幕的另一部分，您可以看到自動生成的圖表。我的潛在用戶會將數據從Excel粘貼到Handsontable，甚至直接在Handsontable中輸入，得到一個漂亮的交互式圖表，可以嵌入任何網站。
當我把它放到GitHub上時，Handsontable得到了一些最初的關注。就許可而言，我選擇了MIT的許可。多虧了GitHub和Hacker News，我的MVP有了自己的生命。開源確實挽救了這個項目;第一批信徒告訴我，它解決的問題比我想象的要多。
你是如何建立Handsontable的?
我開始向Handsontable添加功能，或者將其與別人的代碼庫集成。這種情況持續了三年。
添加第一個功能是很容易的，因為它們是很容易得到的果實，但是產品越成熟，對附加功能的要求就越重。
功能的實現需要兩到三個月的時間，在滿足贊助商的要求的同時還要專注于Handsontable的發展是很困難的。
所以，我雇了一個外包和我一起做，那是在2013年。2014年，我雇傭了第一個員工。同一個月，我又雇了兩個外包。我們都是開發人員。所有資金都來自咨詢工作的現金流。
好的一面是沒有現金問題。我能夠將一半的資源分配給咨詢工作，另一半分配給維護或無利可圖的開源工作。
Handsontable成功的最大障礙是什么?
雖然我們是完全開源的，但公司并沒有明確的方向。我們只是在回應我們收到的詢問。如果客戶希望我們做什么，我們就做什么。對于我們是否真的想要長期維持的反思來得太晚。
第二個問題是，每一個新特性都讓我們的產品更加復雜。第三個問題是，在某一時刻，產品的功能將不堪重負而導致崩潰。
我們做出了一個艱難的決定，放棄該產品的開源版本，完全專注于商業產品。這是我們在博客上詳細描述的話題。社區的反應大多是積極的。
我感到遺憾的一件事是，我們讓那些依賴于MIT版本的真正的開源項目失望了，比如RHandsontable。他們決定繼續使用MIT的最后一個版本。
4、3個有用的 UI/UX 設計
1、利用占位符文本為常見輸入使用預定義的值來指導用戶并限制錯誤的輸入源(如添加國家代碼)。
2、讓你的UI卡片看起來是可點擊的
許多卡片忽略了CTA按鈕，只依靠用戶的想象或懸浮效果，使用可操作按鈕來提示用戶操作。
3、始終突出你的最佳定價方案
通過這種方式，你可以幫助用戶識別最常用的方案，并推廣你的頂級方案。
要突出計劃，可以使用多種方法，例如。顏色、尺寸、升高!
5、Motion One: 一個新的動畫庫，追求最小的文件大小和最快的性能。
它具有所有從現代動畫庫中得到的功能:時間軸排序，回放控制，獨立轉換等，甚至更多的在路上。
但Motion One不同。它構建在本地瀏覽器api上，所以它可以提供所有這些功能。例如，它的大小約為animation .js的一半，不到Greensock的五分之一。
此外，Motion One在JavaScript動畫庫中是獨一無二的，它能夠執行硬件加速動畫，就像CSS。所以如果你的網站負載過重，動畫可以保持60幀/秒。
對所有人免費使用，甚至用于商業用途。
本內容開源，歡迎留言推薦或自薦：
Github開源店址: github.com/ljinkai/wee…
Easy Indie: www.ezindie.com/
微信公眾號：往期內容匯總
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/123384.html
