making sitemaps user-ful

20
Making sitemaps user-ful Introducing nodemaps Emily Heath, Information Architect

Upload: emily-heath

Post on 28-Jun-2015

495 views

Category:

Design


0 download

DESCRIPTION

A talk about a visualisation technique for communicating and selling the value of information architecture and navigation design. Please see my notes, included below, for more info on each slide.

TRANSCRIPT

Page 1: Making Sitemaps User-ful

Making sitemaps user-fulIntroducing nodemaps

Emily Heath,Information Architect

Page 2: Making Sitemaps User-ful

The usual IA stuff

Page 3: Making Sitemaps User-ful

Photo credit: Jon Haylett on Flickr

Hippos do panic

Page 4: Making Sitemaps User-ful

Comparison of sitemaps

Page 5: Making Sitemaps User-ful

Clickable wireframes

Page 6: Making Sitemaps User-ful

Node diagram of international flight paths

Photo credit: from video by Miku Dixit http://vimeo.com/24595715

Page 7: Making Sitemaps User-ful

Ye olde hierarchical sitemap

Page 8: Making Sitemaps User-ful

Colours indicate navigation

Page 9: Making Sitemaps User-ful

The Nodemap

Page 10: Making Sitemaps User-ful

Local and contextual navigation links

Page 11: Making Sitemaps User-ful

Focus on the core content

Page 12: Making Sitemaps User-ful

The Nodemap

Page 13: Making Sitemaps User-ful

Competitor comparison

Competitor’s site Client’s site

Page 14: Making Sitemaps User-ful

Siloed Information Architecture

Competitor’s site

Page 15: Making Sitemaps User-ful

Richly interconnected IA

Client’s site

Page 16: Making Sitemaps User-ful

The nodemap doesn’t replace

• User testing!

Page 17: Making Sitemaps User-ful

The nodemap is good for

• information architecture review• competitor audits

Page 18: Making Sitemaps User-ful

The nodemap is also good for

• selling the value of information architecture• impressing clients and stakeholders

Page 19: Making Sitemaps User-ful
Page 20: Making Sitemaps User-ful

Thanks!

Emily Heath@gradualist

www.exploded-view.co.uk