本文試圖回答這些問題:
作為個人開發者或創業小隊,該選擇哪類產品試手小程序?
微信小程序的開發是一種怎樣的體驗?
開發和維護一款微信小程序的成本是多少?
一個想法是如何一步步變成一個小程序的?
從12月22日開始,我利用業余時間,陸續投入100小時,一人單槍匹馬完成了一款微信小程序。整個過程混雜著產品構思,交互設計,UI調校,數據結構設計,代碼編寫。總體而言,微信小程序不論是學習門檻,還是開發維護成本,相比app原生開發,都低很多,一次開發,覆蓋所有微信用戶,挺適合小工具和早期產品試錯。
產品構思
之前寫過一篇對小程序的預測《
小程序,微信的自我殘化
》,其中提到“小程序能幫助微信群成員更深度互動”,對于個人開發者或創業小隊而言,如果沒有獨到的可持續的結構化信息,沒有連接線上線下的商務服務能力,開發一款小工具可能是一個不錯的選(huan)擇(xiang)。
對于工具而言,有一個傳統的分類“效率類”,下面有一大堆時間管理和目標管理的app應用。
傳統的時間管理和目標管理應用,比如Clear,倒數日,番茄時鐘,都是單人模式,是自己對時間和目標的管理與提醒,本質是備忘工具。
然而,時間的感知維度是豐富的,除我之外,每個參與者都有不一樣的視角。有些場景,有好友一起參與,才能堅持更久,更值得回顧和珍惜。兄弟陪你每天晨跑,閨蜜與你一起減肥,和學霸男友一起過四六級,一家人10天的出國旅行微信小程序設計指南,每一次目標的達成,都是一段與時間為友的美好體驗。
因此,如果能把大家的投入,回憶,心得在一個目標下聚合起來,彼此心照“而”宣,對目標的達成會更有幫助,讓堅持更多一點趣味。
所以,我決定實現這樣一個小工具,她是一款能讓時間和目標管理更有趣的小程序,幫你擺脫朋友圈的時間黑洞。在看完一集papi醬的逗逼視頻后,我腦洞一開微信小程序設計指南,不如就叫「Time醬」。
不用繁瑣的設置,不用耗時的下載,新用戶只需打開微信,直接搜索“time醬”,就能立即免費添加“小目標”,每天與好友一起記錄目標的進展,回顧目標里程碑。
產品實現
有了idea之后,不急著做產品原型,建議先仔細閱讀《
微信小程序設計指南
》,核心是不要干擾用戶,保持簡潔優雅,隱含的意思是用你的產品和服務來征服用戶,而不是靠營銷來廣告用戶。WeUI是一套小巧的交互框架,所有要素,微信已經高頻地教育過8億多用戶,我們直接拿來主義就好。
我是一邊看著WeUI,一邊想功能,交互和視覺,一邊直接寫代碼實現,所以下面簡單說說技術選型和開發過程。
開發工具首選微信官方的,整合了項目配置,編碼,預覽,調試,打包和發布的全流程,大約花2小時熟悉之后,有點不相信,屏這個和調試類似的小工具就能搞出app原生的交互體驗?
對小程序新語法的熟悉,如果你有vue或react的基礎,那學習門檻幾乎為0,分分鐘上手,我前前后后大約花了8小時基本掌握了小程序的語法和開發規則。
小程序開發框架滿足了用戶前端交互,后端數據和服務器還是要自己搞定,這個時候,給大家隆重推薦一款利器
,它能讓你專注在前端交互上,后端的數據結構,接口服務,并發負載,實時通訊能力都能幫你全套搞定。如果沒有,可能我還要多花100小時在后端的處理上,或者需要組隊一名后端程序員來一起開發。有了,可以更自由更獨立的發揮。有了它,后端處理大約花了10個小時。
剩下的50個小時,用在具體功能開發和聯調測試中。下面具體介紹一下time醬的產品功能。
產品介紹
1添加目標,并與好友共享
這里已經準備好一些目標可供選擇,當然,你也可以直接輸入目標。
然后,你可以進一步完善目標信息:
添加成功后,就會看到目標詳情頁
此時,點擊右上角的“…”,就能顯示分享入口,分享給微信好友,加入目標。
2與好友一起添加進展
不僅可以記錄時間,還能添加照片和文字
3進展統計
隨著進展的累積,可以按天按周按月統計投入的時間,還能看到圖文明細。
好了,第一版的time醬就先介紹到這里,希望你會喜歡。
不用繁瑣的設置,不用耗時的下載,新用戶只需打開微信,直接搜索“time醬”,就能立即免費添加“小目標”,每天與好友一起記錄目標的進展,回顧目標里程碑。
本文首發知乎專欄:Time醬:100小時熬成的微信小程序 - 知乎專欄
微信公眾號轉發:微必及
掘金專欄轉發:Time醬:100小時熬成的微信小程序 - 掘金