INMA_A01.QXD

Wireframes

A related technique to blueprints is the wireframeswhich are used by web designers to

indicate the eventual layout of a web page. Figure 7.7 shows that the wireframe is so

called because it just consists of an outline of the page with the ‘wires’ of content sepa-

rating different areas of content or navigation shown by white space.

CHAPTER 7· DELIVERING THE ONLINE CUSTOMER EXPERIENCE

Figure 7.6 Site structure diagram (blueprint) showing layout and relationship between pages

Site search

Membership benefits Registration form Conformation (email sent to user)

Members’ Homepage

Member login On successful login

Home

12–18 months

18–24 months

2–3 years

3–5 years

6–12 months

3–6 months

0–3 months Overview and article listing Email page to a friend

Post a comment (members only)

Printer friendly version

View related videos (members only)

Article

Either a description of a specific play activity or an editorial article

Contains list of related articles and related toys

‘Sign up to

receive similar

articles by

email’

‘Become a member

to receive product

‘Become a member updates’

to redeem vouchers’

About play for this age range

List of articles grouped

by topic

List of activities for this

age range

Play by age

Forum

News

Ask the experts

Science of play

Toys Browse toys by age range

Browse toys by type

Retailers

Research & Development

Testing

Psychology

View answer

Post question

Offers

Product listing

Postcode search results

Online retailer list

Product details Email pageto a friend

Printer

friendly version

Wireframe

Also known as

‘schematics’, a way of

illustrating the layout

of an individual web

page.

INMA_C07.QXD 17/5/06 4:23 pm Page 320