子曾經曰過：「學而不思則罔，思而不學則殆」。
以前總覺得總結復習是一件浪費時間的事，不如把時間花在學習新事物上。然而，這并沒有什么亂用。時間一長，發現老事物漸漸淡忘，連回憶都無跡可尋；新事物也不成體系，終將退化成老事物，如此反復而已。
1. Ideas
本文將作者近期產品設計思路進行總結，展示，便于日后使用。
由于發現 QQ 群里很多同學有購買二手商品的需求，而以前正好使用過類似網站 華科二手街。心想，不如在勞村嘗試建立一個二手購物網站，方便大家的生活。Follow your heart, just do it!
首先確立網站需求，下方是最初需求說明書，只是為了和程序員達成一個共同的概念。后期出于效率考慮，基本改為線上溝通需求。
產品需求說明書
「中國人勞倫斯二手市場」
產品簡介：
一款針對于勞倫斯中國人的二手市場交易網站，供大家交易閑置用品，如車輛，手機，電腦，家具，數碼配件，圖書資料等。
產品背景：
由于 lawrence 的留學生或者說中國人數量逐漸增多，大家的閑置物品逐漸增多。部分人人希望能過賣出舊商品再購新商品，部分人覺得一手商品太貴，想購買二手商品減輕經濟負擔。因此無形中就形成了交易閉環。而目前的交易手段通常是QQ群內內部溝通。然而，時效性和廣度成為了及時通訊的一個重要障礙。而一款簡單的分類展示網站則可以很好的解決這一問題。
技術要求：
- 需要有強大的后臺管理功能延展性，便于后期功能迭代
- 需要具有電腦端和移動端兩種布局，可以自適應，也可以根據設備判斷進入不同網站（溝通下，初期移動端可以只有瀑布流展示功能，其余功能引導到電腦端執行）
- 使用Google Analysis 或者 百度站長 之類的分析功能，或者后臺模板自帶，需要知道用戶的總數量和增長量
- 服務器在國外，為快不破，網站一定要快，除搜索以外，一切功能均給速度讓步。
產品功能：
協作平臺：
Worktile
其他：
略。
確定初步功能后，需要將功能細化。一是方便程序員開發，二是梳理下自己的思路，發現遺漏和需要補充的地方。下方是最初部分功能說明，后期也均改為線上溝通。
產品功能說明書
「中國人勞倫斯二手市場」
用戶注冊
| 表單域 |
|---|
| 1.昵稱 |
| 2.郵箱 |
| 3.密碼 |
| 4.確認密碼 |
| 設計細節 |
|---|
| 1.輸入框和按鈕樣式需區分 |
| 2.密碼需要隱藏 |
| 3.按鈕不要使用圖片，用 CSS |
| 4.按鈕 hover click 時需要有效果 |
| 5.郵箱不需要鏈接驗證，密碼兩次輸入正確即可登陸 |
| 6.登陸后顯示隨機生成的卡通頭像和昵稱 |
后臺管理
| 表單域 |
|---|
| 1.發帖用戶昵稱 |
| 2.發帖時間 |
| 3.發帖名稱[鏈接] |
| 4.發帖內容 |
| 功能 |
|---|
| 1.刪除商品 |
| 2.刪除帳號 |
| 3.推薦商品 |
| 4.今日特惠 |
| 5.分類篩選 |
| 6.撤銷操作 |
分類導航
| 表單域 |
|---|
| 1.代步工具 |
| 2.數碼產品 |
| 3.電器家具 |
| 4.圖書教材 |
| 5.其他 |
| 設計細節 |
|---|
| 1.點擊分類鏈接跳轉到相應界面 |
| 2.預留二級分類導航，可根據實際情況添加細分類別 |
| 3.前期強化分類，弱化搜索，強迫用戶多瀏覽，少搜索 |
導航詳情
| 表單域 |
|---|
| 1.時間由近及遠排序 |
| 2.價格排序[從低到高，也可從高到低] |
| 3.熱度從高到低排序[即瀏覽次數] |
| 設計細節 |
|---|
| 1.點擊分類鏈接跳轉到相應界面 |
| 2.預留二級分類導航，可根據實際情況添加細分類別 |
| 3.前期強化分類，弱化搜索，強迫用戶多瀏覽，少搜索 |
其他
略。
2. Prototype
接下來就是原型圖的制作了。我覺得如果是小規模團隊，最有效的方法就是在紙上畫。軟件做草圖有點殺雞用牛刀的趕腳，裝逼的成分遠大于實用。
The art of iterating quickly 是篇如何高效使用原型圖迭代開發的文章，很實用，里面推薦的 Web tools 真真是極好的。
后臺管理界面可用即可，丑無所謂了啦，哈哈。點擊訪問
前端展示界面原型圖如下：
3. UI Design
原型完成了, 要出設計稿了。因為干活的一共就倆人，一個我和程序員的基友世界。所以硬著頭皮做設計吧，東抄抄，西抄抄，再加點自己的 ideas, it is really a hard way to go. 但好在人少，所以溝通完全不是問題，小步迭代即可，畢竟需求總是反復變化。Haha，hopefully I won't be killed by developers.
這次用 Sketch 做設計稿，總結了如下經驗：
- 善于使用網上現有資源，it is gonna save you a lot of time.
- 多下載些插件，大幅度提升使用軟件效率。
- 先畫草圖再做設計稿。看似浪費時間，實則事半功倍，至少我是這樣的。
- 設計的時候從最小單元開始。先確定顏色，字體；再按鈕，彈出框等控件；然后是 Header, Navibar, Footer 等組件; 最后將它們整合一個個完整的界面。
- 第一稿盡量關注易用性，怎么開發容易怎么設計。重交互，輕視覺，實用即可。PS: Zeplin，which helps developers get the pixel-perfect specs they want.
設計稿如下[非終稿]，邊開發邊改撒~
4. Develop
到這里，我的任務應該就結束了，呵呵，not yet。下面才是最繁瑣的事情，催開發，哈哈哈。不會催程序員的設計師不會是一個好的產品經理。
網站還在開發中，保佑程序大神最終克服一切困難，將其實現。
大家如果有任何想法或批評，歡迎和我聯系。野子joey
There are always people who are richer than you. So not only focus on your money, but also on your work.
-- 野子Joey
