分享獨(dú)立開發(fā)產(chǎn)品變現(xiàn)相關(guān)有價值的內(nèi)容,每周五發(fā)布。
目錄
1、Text Retailer:一個通過短信進(jìn)行購物的網(wǎng)站平臺
2、Fabric.js: 讓H5的Canvas交互更簡單
3、3個實用 UX/UI 的優(yōu)化技巧
4、Trends.vc: 幫助創(chuàng)造者發(fā)現(xiàn)新的市場和想法
5、Github倉庫主頁點(diǎn)擊(.)一鍵打開VS Code的云編輯器
6、Color Thief: 從圖片里提取色盤的JS開源庫
1、Text Retailer:一個通過短信進(jìn)行購物的網(wǎng)站平臺
Text Retailer是一個小眾市場的SaaS產(chǎn)品,它的理念很有趣。Text Retailer的創(chuàng)始人Sam Schrup 覺得緩慢的頁面加載和復(fù)雜的結(jié)賬會導(dǎo)致銷售損失。而便捷的購物體驗是增加收入的關(guān)鍵。短信很吸引用戶注意力,很少被忽視,能排除雜音,為你的客戶提供直接的聯(lián)系。回復(fù)購買結(jié)賬只需要回復(fù)一個“Yes”。為短信增加一點(diǎn)點(diǎn)魔法,就可以讓購物體驗很有趣。這個平臺使用收費(fèi)是按照客戶訂閱數(shù)量來收費(fèi)的。
2、Fabric.js: 讓H5的Canvas交互更簡單
Fabric.js是一個開源項目,Github上有19K的Star,可以輕松處理HTML5 canvas元素的框架。它是canvas元素之上的一個交互對象模型。它也是 SVG-to-canvas 的解析器。使用Fabric.js,你可以在畫布上創(chuàng)建和填充對象;像簡單的幾何形狀-矩形,圓,橢圓,多邊形,或更復(fù)雜的形狀組成的數(shù)百或數(shù)千條簡單路徑。然后你可以用鼠標(biāo)縮放、移動和旋轉(zhuǎn)這些對象;修改它們的屬性 —— 顏色、透明度、z-index等。您還可以一起操作這些對象-用簡單的鼠標(biāo)選擇將它們分組。有在線Demo可以體驗。
3、3個實用 UX/UI 的優(yōu)化技巧
1、不要強(qiáng)調(diào)像刪除這樣的危險操作
必須優(yōu)先考慮默認(rèn)的行動,而不是危險的/不可逆轉(zhuǎn)的行動。
同時,使用多種方法讓它看起來像一個次要動作(顏色,大小,類型,位置等)。
2、不均勻的元素會感覺很奇怪
即使它們之間的間距是一樣的,視覺效果似乎是不一致的……
一個超級快速的解決方法是為所有元素設(shè)置相同的寬度。選擇最大元素的寬度,并將其應(yīng)用到所有其他元素。
3、圖標(biāo)經(jīng)常會讓用戶感到困惑或被用戶誤解
解決這個可訪問性問題是通過添加一個文本標(biāo)簽來描述它的用法。
4、Trends.vc: 幫助創(chuàng)造者發(fā)現(xiàn)新的市場和想法
一個訂閱制的網(wǎng)站,會發(fā)布免費(fèi)的報告,也有付費(fèi)的社群。模式非常的簡單,僅僅是通過訂閱機(jī)制,打開網(wǎng)站就只有一個訂閱入口,目前是月收入2萬美金。創(chuàng)始人Dru Riley, 長的有點(diǎn)像克里斯.保羅,在2017年辭去了大數(shù)據(jù)工程師的職位,接下來的3年里去旅行、練習(xí)柔道。在2020年開始做Trends.vc。Dru分享了他的經(jīng)驗。
1、使用磁性吸引
用有吸引力的內(nèi)容方式來和用戶建立聯(lián)系。內(nèi)容是磁鐵,社區(qū)就是護(hù)城河。
2、專注在定期更新上
固定時間的發(fā)布內(nèi)容是有儀式感的,隨著時間的增加,用戶會越來越建立固定習(xí)慣。比如:Q&A、Demo日、定期會議等
3、自我調(diào)節(jié)
在做Trend.vc內(nèi)容報告的時候,每星期會花費(fèi)60+小時來搜集內(nèi)容和資料。
4、親自行動
用戶反饋要認(rèn)真對待
5、策略上設(shè)置一點(diǎn)點(diǎn)門檻
低門檻是能帶來很多用戶,但是也會讓社區(qū)增加很多的“噪音”
6、分散式領(lǐng)導(dǎo)
讓更多人的人幫助社區(qū)運(yùn)行起來,防止把自己精力耗干
5、Github倉庫主頁點(diǎn)擊(.)一鍵打開VS Code的云編輯器
只要你在任何 GitHub Repo 頁面上按下.
鍵會自動跳轉(zhuǎn)到github.dev
的網(wǎng)站,打開的是一個網(wǎng)頁版的 VSCode ,并且會自動克隆下這個 Repo 的代碼。在這個網(wǎng)頁版的 VSCode 里你甚至可以安裝一些特定的插件(無法安裝需要外部依賴的插件),能更方便的閱讀代碼。因為這個網(wǎng)站是官方出品,這個 VSCode 已自動綁定了你的 GitHub 賬戶,開發(fā)者可以在里面閱讀、編輯及提交代碼,整個過程行云流水,甚至全程不需要打開本地的 IDE。在瀏覽器寫代碼還能擁有桌面 IDE 的開發(fā)體驗。
6、Color Thief: 從圖片里提取色盤的JS開源庫
Color Thief是一個開源庫,有JS端和Node端的模塊可用。可以將圖片中的顏色進(jìn)行提取,這樣可以快速的將一張圖片種使用的顏色進(jìn)行分析。也可以將網(wǎng)站以圖片的方式進(jìn)行提取,或者網(wǎng)站的色彩搭配。有在線的Demo演示可以體驗其效果。
本內(nèi)容開源,歡迎推薦或自薦:
Github開源店址: github.com/ljinkai/wee…
Indie Maker Start: www.indiemakerstart.com/
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/119099.html