由於我想做的電商網並不是特殊的那種(對，真的不是)，所以就不從TA這邊開始發想規劃。即便如此，目標還是得明確，所以還是將基本的UI/UX步驟走一遍，目的是將功能定下來，才不會邊做邊想(大忌)。

目錄

• Use Case
• Functional Map

UseCase

我喜歡畫Use Case將主要功能列出來；照著普遍電商網(我想做的電商網)的邏輯會有：

• 會員系統
• 網站總導覽
• 產品

FunctionalMap

基於上面畫的Use Case，再將每個主功能的細項列出，這邊我會列更細(像是顯示什麼資料等)，因為下一步想直接進入Flow Chart了：

• 會員系統
  • 登入 -> 登入頁
    • 帳號
    • 密碼
    • 忘記密碼
  • 登出
  • 註冊 -> 註冊頁
  • 編輯會員資料 -> 會員頁面
    • 聯絡姓名
    • 聯絡電話
    • 送貨地址
  • 歷史購物一覽
• 網站總導覽 -> LandingPage
  • 主打商品(靜態，無法編輯)
  • Category(靜態，無法編輯)
• 產品
  • 分類
  • 找查產品 -> Filter
    • 依照分類
    • 依照品牌
  • 產品列表 -> ProductList
    • 縮圖
    • 產品名
    • 價錢
    • 加入購物車
  • 產品細節 -> ProductDetail
    • 產品圖片
    • 產品分類分類
    • 產品名
    • 產品敘述
    • 價錢
    • 評價(只列評價，沒有評價系統)
    • 剩餘
    • tags
    • 加入購物車+數量
  • 購物車 -> ShoppingCart
    • 購物車清單
    • 編輯品項
      • 數量
      • 刪除
  • 結帳 -> PurchaseOrder
    • 瀏覽商品
    • 編輯購買清單
    • 結帳(假結帳，不串金流)