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。
Related posts 相關文章

作者

留言

撰寫回覆或留言

發佈留言必須填寫的電子郵件地址不會公開。