Wireframing & Structure Design

Wireframing & Structure Design

1. Wireframing

   • Wireframing is used to show a very simple end design of a website on paper
     • This is only used as a first draft and the second draft would be Structure design
     • You would draw a box and inside it write what kind of thing you want to be in there when the website is complete. For example: if you want a picture to be on the far left of your website draw a box where you want it and inside the box write picture.

2. Structure Design

   • Structure Design is a slightly more complex version of wireframing.
     • The Structure Design is a second draft of your website design and is, like wireframing, done on paper.
       • Instead of writing what thing you want inside the box you would write the info that you want to store in that part of the website. For example: Instead of writing "Picture" inside the box, write the full link to the picture.