寫在前面
出于對產(chǎn)品的執(zhí)念民傻，從去年9月開始想幻，我決定動手開發(fā)一款開源產(chǎn)品——TailLog呀舔。
這種沖動和小時(shí)候肢解電器或撒尿和泥源自一套邏輯——興趣弥虐，特長，創(chuàng)造媚赖。
從醞釀idea霜瘪，需求分析，產(chǎn)品設(shè)計(jì)惧磺，到開發(fā)颖对，到去年10月24日第一個(gè)預(yù)覽版上線，以及隨后進(jìn)行的版本迭代磨隘，中間又經(jīng)歷停滯缤底，再至今天正式發(fā)布開源版本，終于完成了第一階段的目標(biāo)番捂。
如果不出意外个唧，又會停滯一些時(shí)間了。
這是我很早就想寫的一篇文章设预，但幾次下筆都未能完成徙歼。主要是想寫的太多，內(nèi)容又七零八散絮缅，太過零碎鲁沥，沒想清楚要表達(dá)哪些主題呼股。
想介紹一些專業(yè)話題耕魄，卻發(fā)現(xiàn)自己還不夠?qū)I(yè)。想總結(jié)一些經(jīng)驗(yàn)教訓(xùn)彭谁，但事無巨細(xì)吸奴，不一而足。所以我要講述的內(nèi)容即不是教程，也不是結(jié)論则奥，唯一的優(yōu)點(diǎn)是我經(jīng)歷了從0到1的全過程考润，期間有了一些體會和思考，這種從零開始的狀態(tài)也恰好代表了很多起步想做產(chǎn)品的想法和疑問读处，所以我就隨性的聊一聊這個(gè)產(chǎn)品誕生的“心路歷程”糊治。如果對這些話題感興趣，不妨直接找我直接交流溝通罚舱，我會分享的更多井辜。以后若有機(jī)會，再沉淀吧管闷。
一.
如果被困難打趴下了粥脚，那就匍匐前進(jìn)吧
作為程序員，開發(fā)一款產(chǎn)品似乎并非難事包个，只需要敲敲代碼刷允，實(shí)現(xiàn)需要的功能即可。但這只是狹義的產(chǎn)品開發(fā)碧囊。而一款相對完整的產(chǎn)品開發(fā)過程一般會包括如下一些關(guān)鍵詞：
idea（痛點(diǎn)）树灶，需求，原型糯而，UI破托，UX，研發(fā)歧蒋，測試土砂，運(yùn)維，運(yùn)營
在成熟的產(chǎn)品公司里谜洽，每個(gè)關(guān)鍵詞都可以成為一個(gè)獨(dú)立的職位萝映，由專業(yè)人士專業(yè)完成。每個(gè)關(guān)鍵詞拓展出來都是一門學(xué)問阐虚，每門學(xué)問都有很多坑序臂，“坑之大，一人填不下”实束。
因此奥秆，獨(dú)立完成一款“完整”的產(chǎn)品并非易事。hold住全過程咸灿，是必須面對的挑戰(zhàn)构订。我也希望利用這個(gè)機(jī)會實(shí)踐和總結(jié)一下這些年所學(xué)所想，發(fā)現(xiàn)彌補(bǔ)一些不足避矢。
另一方面悼瘾，由于是開源產(chǎn)品囊榜，非盈利，利用空閑時(shí)間完成亥宿，雖然產(chǎn)品不復(fù)雜但也非一朝一夕之事卸勺。沒有收益驅(qū)動，放棄娛樂時(shí)間烫扼，能否堅(jiān)持曙求、自律進(jìn)而完成產(chǎn)品是另一種挑戰(zhàn)。
更何況我是一名傳統(tǒng)的后端開發(fā)人員映企，主要的編程語言是Java圆到。而這款“應(yīng)用”并非技術(shù)類框架項(xiàng)目，我需要掌握更“全面”的技術(shù)棧卑吭，尤其是前端技術(shù)芽淡，畢竟需要可見可得。所以豆赏，我還需要一些額外的“學(xué)習(xí)成本”挣菲。
接下來的內(nèi)容不會介紹實(shí)現(xiàn)產(chǎn)品所使用的編程語言或技術(shù)框架。這些“開發(fā)技能”是我已經(jīng)或比較容易掌握的“工具”掷邦。這些“工具”主要提升了開發(fā)效率和質(zhì)量白胀，但做出“更好的，有用的抚岗，易用的”產(chǎn)品才是我的目標(biāo)或杠。所以我重點(diǎn)會聊一聊對開發(fā)來說，屬于比較薄弱宣蔚，不擅長的兩個(gè)話題：
1.idea/需求
2.設(shè)計(jì)/交互
二.
我有一個(gè)程序員向抢，只差一個(gè)好點(diǎn)子了
“我沒有好想法”是很多想做開源項(xiàng)目，但又自認(rèn)為沒有好的點(diǎn)子或項(xiàng)目來分享的開發(fā)者通常會抱怨的一點(diǎn)胚委。這和想創(chuàng)業(yè)挟鸠，但沒有好項(xiàng)目的情景一樣。我也為此苦惱過亩冬，并且至今也沒有特別好的解決方案艘希。“好點(diǎn)子”總是可遇不可求硅急。
我也希望做出一個(gè)大受歡迎的產(chǎn)品覆享，但我主動降低了這個(gè)目標(biāo)。不是不可能营袜，只是概率太低了撒顿，這需要掌握的知識面和分析問題的能力極強(qiáng)，具有良好的商業(yè)感以及一些運(yùn)氣连茧。同時(shí)核蘸，我也為了防止自己總在想點(diǎn)子，防止由于各種顧慮和期望啸驯，結(jié)果停滯在這一階段客扎。
我明白，盡早動手罚斗，盡早實(shí)現(xiàn)MVP（最簡化可實(shí)行產(chǎn)品）徙鱼，盡早接觸用戶，由用戶反饋來改進(jìn)產(chǎn)品针姿。
說到“MVP”袱吆，這個(gè)詞有必要多提一句。這是我在目前就職公司學(xué)到的第一個(gè)距淫，也是最重要的一個(gè)概念绞绒。詳細(xì)內(nèi)容強(qiáng)烈推薦讀一讀《精益創(chuàng)業(yè)》這個(gè)本書。
由于一些歷史原因榕暇，在思考“做什么”時(shí)蓬衡，我先為自己限定了范圍：
1. 做工具類型的產(chǎn)品
2. 做開發(fā)者相關(guān)的產(chǎn)品
這似乎有些不合常理，理論上應(yīng)該“發(fā)散思維”彤枢，“放飛自我”狰晚。這就要聊一聊“歷史原因”了。
我有幾個(gè)小伙伴缴啡，我們都有一顆“做些什么”的心壁晒，經(jīng)常聚在一起“頭腦風(fēng)暴”，“創(chuàng)意無限”业栅。也動手做了一些項(xiàng)目秒咐，但這些項(xiàng)目最終都半途而廢了〉庠＃總結(jié)原因可以分成兩類：
1.人員因素：多人異地開發(fā)反镇，周期過長，自由開發(fā)娘汞，約束力較弱歹茶，后期惰性。
2.產(chǎn)品因素：需求離我們太遠(yuǎn)你弦，為做產(chǎn)品而做產(chǎn)品惊豺，認(rèn)同感不足。
第一類是主觀因素禽作，還是有方法克服尸昧。但第二類則是根本原因。
我和小伙伴一開始的動機(jī)就有待商榷：我們總是為了做產(chǎn)品而做產(chǎn)品旷偿，雖然想出了一些自認(rèn)不錯(cuò)的想法烹俗，但有很多是我們并不熟悉的領(lǐng)域爆侣，只是管中窺豹，無法把握核心需求幢妄，沒有經(jīng)驗(yàn)兔仰，分辨不出需求真?zhèn)危ó?dāng)然有一些方法，如問卷調(diào)研蕉鸳，用戶訪談等乎赴，這是產(chǎn)品設(shè)計(jì)和需求分析的內(nèi)容，不展開）潮尝。由于我們沒有資源和能力去深入挖掘榕吼，所以“臆想”的需求和功能并不能得到廣泛認(rèn)同，成員之間理解程度有偏差勉失，容易產(chǎn)生分歧羹蚣。最后導(dǎo)致產(chǎn)品形態(tài)、方向模糊乱凿，動力不足度宦，也就不了了之了。
想法太多告匠，但是不靠譜的想法更多戈抄，對于我們這種“業(yè)余”選手，如果不是鐵了心創(chuàng)業(yè)后专，并且已經(jīng)深入了解某一領(lǐng)域划鸽，那么應(yīng)該先考慮從身邊熟悉的事物尋找思路。
于是戚哎，我開始關(guān)注我擅長的領(lǐng)域——開發(fā)——我是開發(fā)裸诽，所以我的需求很有可能就是大部分開發(fā)人員的需求——畢竟“察己知人”（《呂氏春秋——察今》）。
如果留意身邊的問題型凳，并積極思考總結(jié)丈冬，那么總會發(fā)現(xiàn)很多“至今沒有很好解決方案的問題”。
例如甘畅，我想起了工作中常會遇到的一段對話：
測試：“XX埂蕊，剛才測試客戶模塊的郵件發(fā)送功能，但沒有收到郵件疏唾，不確定是客戶程序還是郵件程序出了問題蓄氧，要不你先看確認(rèn)下？先提個(gè)Bug放你這兒了槐脏『硗”
開發(fā)：“其實(shí)你可以先看下郵件程序的日志，看有沒有收到請求發(fā)送郵件的日志顿天，或者可以看到有沒有去請求第三方SMTP接口的日志堂氯。就能明確是誰的程序問題了”
測試：“你們機(jī)器環(huán)境太多蔑担，程序也多，日志路徑又深咽白，查起來很麻煩啤握，要執(zhí)行好多操作。還是你看下吧局扶，你了解你的程序恨统∪ǎ”
開發(fā)：“······三妈，嗯，主要是查起來麻煩莫绣，如果有個(gè)工具畴蒲，配置好這些服務(wù)器和日志路徑，一目了然对室，鼠標(biāo)一點(diǎn)就可以查看日志就方便多了模燥。”
測試：“是的掩宜，但那你也就失去和我聊天的機(jī)會了~哈哈蔫骂。”
于是牺汤，一個(gè)idea（痛點(diǎn)）產(chǎn)生了辽旋。開發(fā)，調(diào)試檐迟，測試過程中需要頻繁的查看分析日志补胚，但打開日志的過程總是包含相似的步驟和操作。而這些操作是核心工作中非必要的追迟。那么是否可以簡化操作溶其？自動化過程？是否有一些好用的工具解決這些問題敦间？
不滿就是問題瓶逃，抱怨就是機(jī)會。我為了“偷懶”廓块，決定開發(fā)這款工具金闽。
三.
產(chǎn)品經(jīng)理失蹤了，程序員第一時(shí)間到警察局報(bào)警剿骨。?
警察對程序員說：你先冷靜一下代芜，你這樣一直笑沒辦法做筆錄
想好了“做什么”，接下來就要考慮“怎么做”了浓利。這時(shí)我要變身為“產(chǎn)品經(jīng)理”挤庇。
這令我很興奮钞速，終于可以做我最想做的工作了，如果不寫程序嫡秕，我一定選擇成為產(chǎn)品經(jīng)理渴语。
這里先聊一個(gè)題外話：我們經(jīng)常會說“做開發(fā)，要有產(chǎn)品思維昆咽。做產(chǎn)品經(jīng)理驾凶，要懂一些開發(fā)≈佬铮” 這里不去爭辯這個(gè)觀點(diǎn)對錯(cuò)调违，我比較想強(qiáng)調(diào)這句話所表達(dá)出的這個(gè)“態(tài)度”。
這個(gè)觀點(diǎn)其實(shí)是告訴我們應(yīng)該不斷拓展領(lǐng)域知識泻轰，學(xué)會換位思考技肩，也許并不要求某一方精通領(lǐng)一方的知識技能，而是應(yīng)主動學(xué)習(xí)對方的一些思路浮声，了解一些原則虚婿，熟悉做事的方法，這將有助于自身工作的專業(yè)性泳挥∪蝗“侵入式”學(xué)習(xí)能起到相輔相成的作用。比如一個(gè)設(shè)計(jì)師如果了解一些html和css屉符，那么就不會設(shè)計(jì)一些特別炫酷的動效剧浸，陰影讓開發(fā)人員罵街。如果開發(fā)人員擁有良好的產(chǎn)品思維筑煮，那么就能更好理解產(chǎn)品口中的需求辛蚊，理解用戶的痛點(diǎn)，進(jìn)而提高溝通效率真仲，減少實(shí)現(xiàn)誤差袋马，設(shè)計(jì)更恰當(dāng)?shù)某绦蚝图軜?gòu)來解決問題。
關(guān)于產(chǎn)品思維秸应，可以參考這篇文章《新人如何培養(yǎng)自己的產(chǎn)品思維》
回到產(chǎn)品本身虑凛。在這里，我確實(shí)是把自己當(dāng)成產(chǎn)品經(jīng)理來工作的软啼。工作內(nèi)容包括但不僅限于如下幾點(diǎn)：
1.需求分析
2.競品調(diào)研
3.需求設(shè)計(jì)
4.原型設(shè)計(jì)
5.交互設(shè)計(jì)
這些工作并非傳統(tǒng)開發(fā)人員所擅長桑谍，但我都努力去完成。我認(rèn)為這是必要的祸挪，這些過程是比開發(fā)更為重要的工作锣披。所謂“低頭走路不忘抬頭看路”，方向?qū)α瞬拍苓_(dá)成目標(biāo)，否則越努力雹仿，偏差越大增热。
通過分析、研究胧辽、設(shè)計(jì)峻仇，能更好的理解產(chǎn)品，規(guī)劃產(chǎn)品邑商，實(shí)現(xiàn)有價(jià)值的產(chǎn)品摄咆。
這些技能和知識可以有很多方式學(xué)習(xí)。我本身對這些很感興趣人断，就自學(xué)了很多吭从，比如最基本的能熟練使用各種原型工具，思維導(dǎo)圖等含鳞。
這個(gè)過程幫我梳理需求影锈，明確功能點(diǎn)芹务。確認(rèn)MVP蝉绷，形成產(chǎn)品閉環(huán)。嘗試從全局出發(fā)去思考一個(gè)產(chǎn)品枣抱，而不是只關(guān)心技術(shù)熔吗，技術(shù)只是一個(gè)手段，只是一個(gè)產(chǎn)品中的很小的一個(gè)環(huán)節(jié)而已佳晶。
我特別想把上面提到的五個(gè)點(diǎn)展開來說桅狠，可我知道一旦開了口，就停不下來了轿秧，這篇文章也就收不住了中跌，所以專業(yè)的問題，反而要簡單的回答菇篡。這里先留個(gè)坑漩符，以后來填。
倒是可以推薦一些我看過的適合入門學(xué)習(xí)產(chǎn)品的書籍：
方法論相關(guān)：
《人人都是產(chǎn)品經(jīng)理?寫給產(chǎn)品新人》
《從點(diǎn)子到產(chǎn)品:產(chǎn)品經(jīng)理的價(jià)值觀與方法論》
《絕密原型檔案?看看專業(yè)產(chǎn)品經(jīng)理的原型是什么樣》
《用戶故事與敏捷方法》
價(jià)值觀相關(guān)：
《用戶體驗(yàn)要素?: 以用戶為中心的產(chǎn)品設(shè)計(jì)》
《用戶思維+：好產(chǎn)品讓用戶為自己尖叫》
《點(diǎn)石成金?: 訪客至上的網(wǎng)頁設(shè)計(jì)秘笈》
《啟示錄》
四.
這個(gè)字體能不能在放大的同時(shí)驱还，再縮小一些嗜暴？
關(guān)于設(shè)計(jì)，又是一個(gè)大話題议蟆。
設(shè)計(jì)需要一些專業(yè)技能和經(jīng)驗(yàn)積累闷沥，門檻較高。所以對個(gè)人獨(dú)立產(chǎn)品來說咐容，這一項(xiàng)常常是個(gè)弱點(diǎn)舆逃，或不受重視，經(jīng)常以實(shí)現(xiàn)功能為先。
但我認(rèn)為這里很多機(jī)會：很多產(chǎn)品已經(jīng)存在了路狮，是否有必要“造輪子”鸟雏？有，因?yàn)槿绻隳茏龀鲆粋€(gè)更好的览祖，那就是新產(chǎn)品孝鹊。比如以前使用eclipse馅精，它很強(qiáng)大宗苍，很主流，但當(dāng)intellij出來后搀突，我就被其顏值所吸引锰悼，果斷放棄了eclipse柳骄。
在做競品分析時(shí)，或多或少也有一些類似的產(chǎn)品箕般，但我始終有一個(gè)想法：就算是已經(jīng)存在了這個(gè)產(chǎn)品耐薯，如果它做的很丑，那么就可以做一個(gè)更漂亮的替代它丝里。在這一點(diǎn)上曲初，我會“本末倒置”，特別更重視UI和交互體驗(yàn)杯聚，哪怕功能沒那么強(qiáng)大臼婆。
那么問題來了，非設(shè)計(jì)人員如何解決設(shè)計(jì)問題幌绍？
先說說我自己吧颁褂。
我上學(xué)期間學(xué)過一段時(shí)間美術(shù)，當(dāng)時(shí)自認(rèn)有一些天賦傀广，繪畫能力不錯(cuò)颁独。也學(xué)過一段時(shí)間書法，雖然學(xué)習(xí)成績不錯(cuò)伪冰，但我卻是以“藝術(shù)特招生”的身份考入中學(xué)誓酒。后來為了“學(xué)業(yè)”放棄了這些，技能也就漸行漸遠(yuǎn)了糜值。但這些經(jīng)歷培養(yǎng)了藝術(shù)的“感覺”丰捷。
培養(yǎng)這種感覺很重要。美雖然是主管感受寂汇，但符合“主流價(jià)值觀”比較容易得到共識病往。
另一方面，我認(rèn)為應(yīng)該始終有“精打細(xì)磨”骄瓣，不斷追求的態(tài)度停巷。之前在華為工作時(shí)，有個(gè)內(nèi)部工具由內(nèi)部IT小組開發(fā)，界面分布了很多輸入框和按鈕畔勤，但那些輸入框長短不一蕾各，按鈕也大小不整，組件沒有任何排版庆揪，僅僅是按順序排列在頁面上式曲，簡直忍無可忍，果斷辭職８组弧（開玩笑的）
事實(shí)上吝羞，現(xiàn)在有很多開源的UI交互框架，這在一定程度上解決了獨(dú)立產(chǎn)品的UI問題内颗，不至于開發(fā)出“原生應(yīng)用”钧排。稍微重視這個(gè)問題，利用統(tǒng)一的UI交互框架均澳，基本可以做到不丑恨溜。
如果平時(shí)比較關(guān)注設(shè)計(jì)，常常溜達(dá)一些設(shè)計(jì)網(wǎng)站找前，找找靈感糟袁，培養(yǎng)一下sense。如有精力纸厉，學(xué)習(xí)常用設(shè)計(jì)工具就再好不過了系吭。
正如這款產(chǎn)品也利用了這個(gè)便捷：Ant Design五嫂。
這是阿里開源的一整套設(shè)計(jì)方案和理念颗品，資料齊全，社區(qū)活躍沃缘，采用react等躯枢。它不僅僅是一套完整的UI，也包含了統(tǒng)一的交互槐臀，如按鈕锄蹂，編輯框的動效等。節(jié)省了很多時(shí)間水慨，提高了開發(fā)效率得糜。
然后，我在框架的基礎(chǔ)上晰洒，按個(gè)人理念稍作修改即朝抖，比如：首先我明確這是一個(gè)開發(fā)人員常用的工具，而開發(fā)工具往往偏“暗”色系谍珊≈涡看起來“酷”一些。然后我尋找了一些設(shè)計(jì)圖，借鑒其用色和風(fēng)格侮邀。
關(guān)于Logo
其實(shí)這個(gè)Logo是個(gè)臨時(shí)方案坏怪，是為另一個(gè)項(xiàng)目設(shè)計(jì)的。只是這個(gè)logo是個(gè)字母T绊茧，和產(chǎn)品名稱“Taillog”首字母不沖突铝宵，就拿來一用。
這個(gè)logo很簡單华畏，中間字母T捉超，采用特斯拉字體演變而來，通過ps工具修改顏色以及陰影效果唯绍。
設(shè)計(jì)logo是個(gè)艱難的過程拼岳，整整花費(fèi)了三天時(shí)間，我嘗試了一些在線設(shè)計(jì)logo的網(wǎng)站况芒，基本都是弄些藝術(shù)字加一些圖形拼湊出來惜纸，不甚滿意。
盡管現(xiàn)在這個(gè)logo也沒達(dá)到藝術(shù)绝骚，漂亮的層面耐版，但我覺得還看的過去。
出于對設(shè)計(jì)的關(guān)注压汪，也看了一些書和一些優(yōu)秀的資源網(wǎng)站粪牲，這里也列出來：
書：
《寫給大家看的設(shè)計(jì)書》
《設(shè)計(jì)心理學(xué)》
《About Face 3 交互設(shè)計(jì)精髓》
網(wǎng)站：
創(chuàng)造獅導(dǎo)航
Dribbble
Behance
站酷
設(shè)計(jì)師網(wǎng)址
牛大拿
UI中國
字由
MyFont
千庫網(wǎng)
攝圖網(wǎng)
圖蟲網(wǎng)
圖片壓縮
包圖網(wǎng)
花瓣
UIgradients
優(yōu)優(yōu)教程網(wǎng)
阿里巴巴圖標(biāo)庫
EASYICON圖標(biāo)庫
Noun圖標(biāo)庫
TOICON圖標(biāo)庫
WORLDVECTOR
FreeDownloads
ICONFINDER
ICONS8
五.
再講兩句
其實(shí)還有一個(gè)主題可以聊聊——運(yùn)營推廣。
所謂“酒香也怕巷子深”止剖，再好的產(chǎn)品腺阳，如果沒人知道，也不會被使用穿香。
雖然我知道這個(gè)道理亭引，但這個(gè)話題真真的是我的弱點(diǎn)。
出于幾個(gè)原因：
1.我比較反感廣告皮获。
2.比較反感軟文焙蚓。
3.比較反感臉皮厚。
所以我目前只是“佛性”運(yùn)營洒宝。但也做了不少工作：
1.申請域名购公，備案，建立官網(wǎng)
2.建交流群雁歌，回復(fù)問答
3.編寫各類說明文檔
4.開源社區(qū)推薦
5.接入數(shù)據(jù)統(tǒng)計(jì)分析
6.寫了這篇文章
這些工作是我認(rèn)為我能做到的宏浩，就做了，至于一些其他的推廣手段和方法将宪，目前沒有興趣去做绘闷，就暫且不表了橡庞。
總的說來，產(chǎn)品上線至今印蔗，在沒有大力推廣的情況下扒最，就獲得了一些關(guān)注，平均每天都有一些訪問和下載量华嘹。也有一些朋友會主動找到我咨詢問題吧趣，提出建議，甚至希望參與開發(fā)耙厚。
一些反饋也很好的幫助我更好的設(shè)計(jì)强挫、迭代產(chǎn)品，比如：離線使用功能
第一個(gè)版本需要在線注冊登錄薛躬。其原因是需要保存數(shù)據(jù)俯渤，所以做了后端存儲，數(shù)據(jù)會存在云端數(shù)據(jù)庫型宝。但有小伙伴反饋擔(dān)心安全問題八匠，畢竟涉及服務(wù)器用戶名密碼問題。所以我第一個(gè)迭代版本就重點(diǎn)解決了這個(gè)問題趴酣。
事實(shí)上梨树，必須登錄才能使用確實(shí)不合理，沒必要岖寞。完全是“被動需求”抡四，即為了區(qū)分用戶存儲配置數(shù)據(jù)，才要求用戶注冊登錄仗谆。這是工具類客戶端產(chǎn)品指巡，這些配置數(shù)據(jù)完全可以存儲在本地。這就是開發(fā)思維影響了產(chǎn)品思維胸私。
還有很多話題沒有涉及厌处，比如如何解決技術(shù)瓶頸，如何測試岁疼，如何發(fā)布，甚至如何寫文案等等缆娃，太多了捷绒，溜了溜了。
