Previous Article Next Article Functional Map、Wireframe、Mockup、Prototype 等名詞解釋,備註用
Posted in INFO

Functional Map、Wireframe、Mockup、Prototype 等名詞解釋,備註用

Functional Map、Wireframe、Mockup、Prototype 等名詞解釋,備註用 Posted on 2017 年 03 月 11 日Leave a comment

Functional Map、Wireframe、Mockup、Prototype 等名詞解釋

  • Wireframe : 線+文字,像手繪搞,先把腦袋裡的畫面畫出來。
  • Mockup : 靜態的,但已是擬真畫面的了,比如用 photoshop 畫出來、顏色、文字都有了。
  • Prototype : 原型,動態的,已有 HTML、CSS。
  • Functional Map : 設計 UI Flow 前的動作,它像是架構圖、又或是完整功能圖,目的在把抽象的變成實際的功能需求,每個功能要有個 Wireframe 參考用。
  • UI Flow : 頁面流程,等於是讓 Functional Map 有動線可以走。
  • Flow Chart : 比如會員登入是成功或失敗的不同走向,且要先有 Flow Chart 再有 UI Flow , 才不會漏東漏西。
  • 順序 : User Story > Functional Map  > Flow Chart > UI Flow > Wireframe > Mockup > Prototype。

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *