Information Technology Reference
In-Depth Information
Figure 4-6.
The HotGloo web site, which we can safely assume was wireframed in HotGloo
User Movement: Navigation or Storyboard
Once you have your wireframe completed, it is then time to sit down and connect the
dots to figure out how you are going to structure the content on your site, mapping out
all of the pages and the sections to which they will belong. This part of the process is
called site mapping and can be pretty easy and fun if you take your time with it. If your
application isn't particularly linear (e.g., perhaps it's a game), you can also think of this
as storyboarding. In the simplest terms, it's laying out content in an organized and
logical manner.
While creating your map it is best to try and keep content that is similar in similar
sections or groups. This will make it easier when building your app as you can easily see
at a glance what pages in your application need to be associated with each other.In the
case of a game, think of this as presenting your information in a logical manner:keeping
all of the “gold” and things you can buy with it together, orall of the “life points” and
enhancements affecting them together, and so on.
Take a look atFigure 4-7 following to get a better idea of how a traditional sitemap
looks. Notice how it is very similar to those family tree projects that we were all forced to
do in grammar school? Well, it is pretty much the same principle. The parent pages (or
sections) of the site each have child pages that are associated with that section or
category.
Home
About
Contacts
Settings
Company
Location
Products
Date/Time
Cache
Figure 4-7.
A simple sitemap for demo application
