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