# Function Map

  Reference:
  
  IT邦幫忙：2018鐵人賽
　作者：yowlonglee
  https://ithelp.ithome.com.tw/articles/10190901
  
  初學者的 Functional Map
  作者：嫁給RD 的 UI Designer
  https://blog.akanelee.me/posts/168560-functional-map/

## 目的
* 預想需要建立之前台及後台功能
* 思考要得到甚麼資訊才能讓功能運轉
* 預先告知後端工程是準備適當的API
* 理清操作細節
* 要跟客戶確認好全部的功能

---

## 發想

* 工具：心智圖
* 網頁
* Coggle
https://coggle.it/
* MindMeister
https://www.mindmeister.com/zh
* 軟體
* XMind
* MindNode
-----

## 例子

> 把一個頁面分為目標、功能、資訊三個節點發想，寫出User stories
* 目標：使用者需求
* 完成需求會經過的步驟
* 功能：使用者行為
* 拆成不等的小功能，達到所有功能
* 需要的資料會依照頁面或原件來區分
* 像後端工程師說明，請他設計API


> 以開發APP為例，分成資訊和功能

* 資訊
* 作品
* 簡介
* 大圖
* 幕後花絮
* 作者
* 照片
* 簡介
* 展覽訊息
* 地點
* 時間
* 理念
* 功能
* 路徑規劃
* QRCode掃描
* FB粉絲團
* 語音導覽

-----
### 總結

原則要快 (15~30分鐘)
* 可以順便理清對網站的想法
* 方便和其他部門討論

###### tags: `function map`

{%hackmd BJrTq20hE %}