Making Sitemaps User-ful

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

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 of Making Sitemaps User-ful

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