---
# System prepended metadata

title: Function Map
tags: [function map]

---

# 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

![](https://i.imgur.com/62kOT69.png)


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

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

-----
### 總結

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

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

{%hackmd BJrTq20hE %}
