Internet and Interactivity Design II

1
Internet and Interactivity Design II

• Sitemap design exercise
• Students were given free reign to design sitemaps
  for use by a design team.
• One of the challenges was to produce sitemaps
  that are indicative of depth
• of data in various areas of a website - you will
  see a variety of approaches, some
• using size of objects, others using scale of
  pages and so on.
• An additional question posed was Could any be
  deployed as a user site map?
• We invite you to browse these innovative maps and
  post any comments to the eRoom conference.

2
Author Guy Sangwine Designer sitemap for a
University portal site, which includes a
quadrant-style grouping of content. Has
potential to be deployed as a user sitemap as
well.
3
Author Guy Sangwine 3d designer sitemap for
University portal site
4
Link
Link
Lifeways
Link
Link
Family Violence Resources
Youth Services
PDA
Help Database
Services
Link
Link
Link
Link
Prof. Training
Brokerage Forms
Word
Resource
Link
Link
Link
Family Services
For Children
Our vision
For women
For Youth
About Us
SFL Homepage
For men
Community Talk (forum)
Forum 1
Site Index
Forum 2
Forum n
Login
Privacy Statement
Forum 3
Volunteers
Forum 5
Contact Us
Forum 4
Donation
Events
Author Hong Lee Designer sitemap for a
community site. The relative size of the content
circles is indicative of the amount of data in
those areas of the site.
5
Author poonsri Vate-u-lan Designer sitemap
which uses radial wedges to indicate areas of
content aggregation
6
Author poonsri Vate-u-lan Designer sitemap which
indicates levels of permission and access to
community-generated content
7
Author poonsri Vate-u-lan Designer sitemap which
indicates levels of permission and access to
community-generated content
8
Author Carolyn Bimrose Designer sitemap for the
MAVC Virtual Conference Site
9
Author Mayuri Naik The Radial Mind Map shows the
main sections of the blog site, its information
levels and cross links between the sections.
This mind-map was first created as a sketch to
define the blog sections, its flow, and links,
the sections open for discussion / comment
option and depth of content. The use of the word
contd indicates that as the blog site develops
the new content will be added. The grey dotted
lines indicate the sections which will be
archived. Useful links is only a page provided
with a list of urls and on click of any url will
launch the site in a new window. This mind map
was referred to during the actual development
process of the popular culture blog site, and
acts more as a designer/developer reference than
user reference.
10
Author Mayuri Naik This site map is a one level
hierarchical visual representation of the main
sections of the blog site and its relevant
topics. This site map could functions as a user
site map too, since the it is visually
categorized and also text names/labels are made
available to user.
11

intro
prices
home
Membership
Online bookings
Info tickets
Venues
news
films

Bookings
people
Festival guests
Programs
Sponsors
MACH3
Film Festival Circle
Photo Gallery
Documentaries
2003 Entry Form
International Panorama
Regional Focus
Australian Showcase
Spotlights

Melbourne program
online tools
E-news
Short Film
Chat Rooms
Travelling Festival
SMS alerts
Calendar
Sideshow
Schedules
Author Jennifer Dawson Designer/user sitemap
for a film festival site - size and colour of
the spheres are indicative of the type and amount
of content.
12
 Author Mayuri Naik The 3D Graphic site map
shows the home page and its various the
sections. The sections are color coded.
Variations in content depth are indicated and
faded grey blocks are used to indicate a
continual growth in the content. All content
published in the section Topic Index, Course
Details, Its Hot, and Themes will automatically
get archived. The user will also be able to
access the archive month by month with all the
content entries listed. This visual map too is a
designer/developer oriented rather than user.