從零開始全棧開發一個微信小程序（一）——需求&原型篇

閱讀本篇以前，能夠先看一下《從零開始全棧開發一個微信小程序（零）——開篇》

需求&原型階段，決定了一個產品會被塑形成什麼樣子，很大程度上關係着產品的命運。在這個階段，零散的需求點被挖掘、整理出來，通過商業意義上的考量，甄選出可落地的需求，再將這些需求整合成標準化的文檔形式，統一各方對於需求的理解和預期，最終造成明確的產品規劃。

1、需求分析

1.痛點

在平常生活中，容易忘記某個東西的存放位置，用時又一時半會兒找不到的現象比較廣泛，尤爲是對於一些時隔日久不經常使用的物品，翻箱倒櫃地大找一番，到頭來還不必定能找到，很是痛苦。我我的通常會寫個物品清單的紙片貼在對應的儲物容器外面，這樣每次找東西時只需看一眼貼在外面的清單就知道東西在不在裏面，省了翻箱倒櫃的麻煩。

但這樣作遇到一個問題：每次找東西時不得不挨個檢視分散在各處的物品清單。最壞的狀況下得看完全部的物品清單才能找到要找的東西，時間複雜度爲 O(n×m) 啊有木有！？因此後來我專門拿個小本子將物品清單彙總記錄到一處，這樣每次只需翻小本子就知道東西放哪兒去了。固然，這種方式也有硬傷，它下降了物品與現實中容器間的關聯度，不過好歹也湊合能用，直到有一天我忘記這個小本子放哪兒去了……

2.動機

用戶須要一種輕量的「記憶體」，這種記憶體能夠記錄某個物品在現實世界中的線索（形狀、位置、大小、類型……），以幫助用戶在須要時能夠即時回憶起該物品在現實世界的存放位置。

3.核心

1. 物品的存放線索要與現實世界有較強的映射關係，以便即時喚起回憶；
2. 「記憶體」要輕量，自己必須是常用的物品；
3. 要注重效率，交互簡潔高效。

2、競品分析

早在「放哪去了」以前，市面上就已經出現了一批較爲成熟的物品收納類產品，例如 整理貓兒、輕鬆找東西、在那兒、收哪兒、收納盒子、小魚收納、家裏有什麼等。

經過分析我發現，這些產品以原生客戶端的形式居多，其中以 iOS 端的最多，且 iOS 端的大多收費，微信小程序端的目前較少。在覈心功能方面，通常都採用拍照來記錄物品存放線索，找東西時則「按圖索物」。在數據存儲方面，有本地存儲的，也有云儲存的。

啓發：

1. 這種工具性質的應用，應該是輕量級的（用完即走），搭載小程序這個平臺很是合適；
2. 拍照記錄物品存放線索是一種既方便又直觀的方式；
3. 要有數據雲儲存的能力，以避免用戶更換手機後數據丟失；
4. 使用場景不該該只限於家庭使用，工做或其餘場景也可能用到；
5. 要考慮信息錄入的便捷性，例如考慮語音輸入、掃碼錄入等；
6. 合理設置一些物品屬性，增長物品線索，方便收納管理；
7. 將物品收納與備忘（保質期）結合起來，是一個挺實用的功能。

3、腦暴

根據上面的分析，咱們選擇「找東西」以及與它息息相關的「存東西」這兩個概念，做爲腦暴的兩個切入點進行腦暴。

讀者：你一我的搞腦力風暴？純自 high 嗎？
我：呃……不要在乎這些細節……

經過上述腦暴，咱們已經從必定程度上整理出了產品的主要功能點。 關於如何作好腦暴，你們能夠參閱：www.jianshu.com/p/361db0446…

4、需求描述

通過上面一系列的需求分析、梳理後，咱們須要在這一步將需求寫下來，造成一份完整的產品需求文檔(PRD: Product Requirement Document)，這是需求落地的關鍵一步。常見內容包括：產品概述、需求概述、功能需求清單、功能圖譜、Roadmap 規劃等。因爲「放哪去了」只是一個較爲簡單的小型應用，因此我在這個階段只作了產品概述、功能圖譜和功能需求清單。

不要省略寫文檔這個步驟，當你在微信公衆平臺上發佈作好的小程序時，你須要用到這些資料來填寫小程序信息。

1. 產品描述

放哪去了 是一款物品收納管理的微信小程序應用，解決生活中容易忘記東西存放位置，要用時又一時找不到的難題。

• 核心需求：根據物品存放位置的記錄信息，快速定位，找到想要找的東西
• 核心功能：物品所在區域位置標記、查找物品
• 目標用戶：大衆
• 平臺載體：微信小程序

2. 功能需求清單

優先級說明：A-核心功能，必須優先所有知足；B-必要功能，儘可能設法知足；C-次要功能，視狀況分階段添加、拓展。

區域欄目：【優先級：A】

• 用戶能夠自建區域，如書房書架、客廳電視櫃、臥室牀頭櫃等；
• 用戶能夠爲區域拍攝1張照片，區域照片會做爲物品位置標記的底圖；
• 用戶能夠在區域列表界面看到每一個區域的封面圖和存放物品的數量；
• 用戶進入某個區域後，能夠同時看到該區域的照片和物品清單，且二者在交互上能夠聯動；
• 用戶能夠修改區域信息，如區域名稱、區域照片等；
• 用戶能夠刪除區域，刪除後區域內原有的物品變爲「待收納物品」；
• 用戶能夠點擊物品清單中物品右側的編輯按鈕，從而進入物品詳情頁。

（限於篇幅，更多內容此處略去）

3. 功能圖譜

4. 界面原型圖

因爲這個應用比較簡單，相關界面需求相對清晰，因此省略了原型草圖。

---

欲知後事如何，且聽下回《從零開始全棧開發一個微信小程序（二）——設計篇》分解。