資訊架構與網站製作

系統分析概說

產出 include but not limited to...

• 資訊架構圖（目標、功能、資訊）

產出 include but not limited to...

資訊架構圖

產出 include but not limited to...

個別功能之活動圖

http://2.bp.blogspot.com/_eUgeowdwZM8/S9VCX1jrItI/AAAAAAAAB5E/UgvhtP2JDOk/s1600/ActivityPartition.gif

產出 include but not limited to...

畫面

開發流程

開發流程

進入製作前期

• Wireframe

• UI flow

• MockUp

• Prototype

LucidChart 按此註冊

製作前期：Wireframe

http://cdn.teamddm.com/includes/files/assets/images/large/1328754582_01-1.jpg

http://inspirationfeed.com/wp-content/uploads/2011/02/34-sketched-ui-wireframe1-500x362.jpg

製作前期：UI flow

http://pandion.pbworks.com/f/1258329378/signin-flow.png

製作前期：Mockup

http://ericterpstra.com/wp-content/uploads/cats.balsamiq.png

http://1.bp.blogspot.com/_Gkt_5XYdPUk/TPOU2hTNrqI/AAAAAAAABQ0/WdzH7TlAhqU/s1600/Iphone-wireframes-v1.gif

製作前期：Prototype

http://uiwireframes.com/assets/img/wireframe-examples/Mobile-App-5-Sharing-Settings.png

Hands-on

動手做吧

http://pmtips.net/wp-content/uploads/2012/06/hands-on-PM.jpg