從無到有開發一款產品的過程與思考

晨雨細曲發表於2019-03-03

前言

在阿里巴巴總部有著這樣一句話,改變世界的不是技術,而是技術背後的夢想。

不知不覺已經做技術有三年的時間了,這三年間經歷了很多次專案的開發上線,以及產品的爭論。很多同事都常常說我,你不像一個幹技術的,產品讓你幹什麼你就幹什麼不就好了,最多就是在技術比較難實現時說一句這個需求做不了就得了,為什麼老要去和產品關於互動問題爭論吶?我常常爭辯道,我認為一個技術不能不會敲程式碼,但是一個好的技術不能只會敲程式碼,再敲程式碼之外也應該有自己關於產品的一些思考。

確定需求

有一天,和一位朋友在聊微信,聊著聊著突然想新增對方的手機號碼到通訊錄裡面,於是就讓他發電話號碼郵箱和公司名稱發過來,然後我一遍一遍的複製到手機通訊錄裡面花了好一段功夫才新增完成,過程覺得特別麻煩。這個時候我就突發奇想,要是有一款產品可以直接由對方把自己的各種資訊輸入(例如,姓名、電話、公司、郵箱),然後生成一個二維碼傳送給好友,好友長按二維碼識別資訊或者用掃一掃功能掃一下就能直接新增進入手機通訊錄那該是一件多麼方便的事情啊。說幹就幹,於是我產生了設計並開發一款這種產品的想法。


產品選型

需求很明確,做一款能根據使用者輸入的資訊生成二維碼,並且通過掃一掃直接新增進入手機通訊錄的產品。由於我是做android開發的,所以首先想到的是做一款android客戶端去供大家下載使用。但是轉念一想,這種東西的需求場景是有,但是並不是一個高頻場景下使用的東西,真的有必要或者使用者真的會特意下載一款這種一次用完下次什麼時候再次使用都不知道的APP嗎?答案顯然是否定的。時間寶貴,流量寶貴,記憶體更寶貴,使用者顯然不會一直把一款這種方面但使用率不算很高的應用放在記憶體寶貴的手機裡。APP的開發成本很高,做一款這種APP顯然不合適。那麼比較低頻用完即走的應用和張小龍所推廣的微信小程式簡直不謀而合,不佔記憶體空間,想到了就使用,用完即走,小程式顯然滿足這所有的一切。經過這一塊思考之後,決定從做一款android APP轉而做一款微信小程式!


具體功能與介面

決定好了不做android APP而是做微信小程式之後,接下來就該思考這款小程式具體會有那些功能還有介面應該是怎麼樣的了。

首先大的核心功能就是一個,輸入個人資訊生成二維碼去掃碼新增使用者。因此我將介面拆成兩個,主要的介面是類似於騰訊乘車碼小程式那樣,只有一個二維碼介面,方面對方直接通過掃一掃來新增資訊。另外一個介面為使用者資訊介面,這個介面可以由使用者新增個人資訊,新增完成之後點選生成二維碼按鈕自動生成二維碼並且跳轉到主介面。

於是把介面搭建完成之後成為了這個樣子

主頁面

從無到有開發一款產品的過程與思考

可以看到,這裡將小程式分為兩個主要的介面,二維碼頁面負責提供掃描的二維碼,個人介面負責由使用者自己填寫個人資訊,這裡麵包含姓名、行動電話和電子郵箱資訊。當使用者點選生成二維碼名片的按鈕時將資料儲存在本地並自動跳轉到二維碼介面。

思考

此處在主介面我產生了兩個思考,

  1. 二維碼中資訊的格式該如何處理?
  2. 是否需要新增一個掃一掃功能去掃描二維碼?

我應該用什麼樣的格式去儲存個人資訊的內容,怎樣能夠讓程式更好的進行解析操作?是否需要再開發一個掃一掃功能來掃描裡面的二維碼?這些問題困擾在我面前。我的思考是,使用者拿到二維碼的時候第一反應肯定不是拿小程式裡面的掃一掃去進行掃描,而是直接掏出手機開啟微信,使用微信裡面的掃一掃來掃描二維碼檢視裡面的內容。而如何解決擺在我面前讓微信掃一掃自動識別我二維碼裡面內容這是現在必須思考的難題。

好在我同事幫我解決了這個問題。他說有一種叫電子名片的格式微信是可以掃碼支援的。於是我去了解了一下這種,原來微信掃碼是支援一種vcard格式的二維碼名片,它會根據你在二維碼中隱藏這種格式來進行自動的解析操作,將解析的資訊直接識別出來並新增到通訊錄當中去,於是通過這種方式解決了第一個個人資訊格式的問題。關於微信電子名片的格式資訊可以參考一下這篇文章。

那麼第一個問題解決了,現在處理第二個思考,到底有沒有必要在小程式裡面內嵌一個掃一掃的功能?我的思考是沒有這個必要。理由有二:

  1. 使用者不用為了新增一個資訊而專門去小程式市場找一個小程式來掃碼。使用者的直覺一定是看見二維碼直接開啟微信去掃,而不是開啟微信,開啟小程式再開啟小程式中的掃碼功能。我對產品互動的理念一直都是能一步到位的事情絕對不多一步去處理,能讓使用者直接開啟微信掃一掃完成的事情非要拆成兩步三步放到小程式裡面去幹,這種互動在我看來非常的愚蠢!

  2. 微信的掃一掃功能已經非常強大了,實在沒有必要在已經這麼強大又便捷的功能面前再自不量力的去自己寫一遍,並且寫的還沒微信好。

綜合上面兩點思考,我決定不去做掃一掃功能。

那麼這裡又有一個問題出現,一般我們在給別人聯絡方式的時候很少會面對面給,大部分情況都是通過網上聊天或微信直接發。所以此時我要做的就是將這個二維碼分享出去讓好友長按之後能自動識別出來再新增,這種場景會更多見一些。

於是我便把當初要新增掃一掃功能的button按鈕進行了一次改造,換成了點選分享二維碼功能,將二維碼直接直接傳送分享出去,將介面修改成了這個樣子:

從無到有開發一款產品的過程與思考

好了,所有關於產品的思考都已經完成了,剩下的就是擼起袖子直接幹。功能很簡單,我只花了半天的時間就全部開發完成了。但是我卻覺得這是一個解決使用者實際痛點的問題,由這一個我們經常在生活中面臨的實際問題出發通過層層思考,接著確定功能和介面,最後利用自己所學的技術將想法變成現實,這一過程無比的有趣。

寫在最後

其實在如今這個大功能都被人做完的時代裡,我們再想做一些事情的時候確實比較難,但並不代表沒有機會去做。就像我做出這款產品一樣,也是因為實際中有這麼個痛點讓我苦惱,所以我才想著能不能通過自己的技術去幫助解決這個痛點。一款好的產品在我看來從來不需要做的多複雜,也不需要有多炫酷的介面。雜而多的功能,會讓使用者無從下手,不知道自己到底怎麼用,要用什麼;而炫酷的介面只會讓使用者停留在炫酷的效果中,而忽視了產品的本身使用,就像羅丹的斷臂維納斯一樣,一雙過於完美的手會阻礙維納斯整體的美,於是羅丹毫不猶豫的將它砍掉。微信的介面從來就沒有那麼酷炫,他的開屏介面永遠都是一張衛星拍的地球圖片,但是你卻從來離不開他。好的產品就是以簡約至上,複雜的功能和炫酷的介面在我看來只是在掩蓋他華而不實的內在而已。如果有興趣想體驗下我的小程式,歡迎掃碼體驗。如果有什麼意見也歡迎留言。

從無到有開發一款產品的過程與思考


從無到有開發一款產品的過程與思考

相關文章