際際滷

際際滷Share a Scribd company logo
Harry Potter
and
Information
Architecture
Leow Hou Teng
http://design.leowhouteng.com
Imagine trying to navigate the castle
Hogwarts  Website/App
Signages (if any)  Navigation
Marauders Map  Site Map
What is IA?
Content page of a Spell book
The organisation, search, and navigation systems
that help people to complete tasks,
find what they need,
& understand what theyve found.
PETER MORVILLE
Author of Information Architecture for the Web
Information Architecture is the way we
choose to arrange the parts of something to
make it understandable as a whole.
ABBY COVERT
@ABBY_THE_IA
Never trust anything
that can think for itself
if you cant see
where it keeps its brain.
J.K. Rowling
Harry Potter and the Chamber of Secrets
See the navigation and/or sitemap
SEO & IA
Optimising for Search vs Users
Search engine optimization (SEO)
is the practice of increasing the quantity
and quality of traffic to your website
through organic search engine results.
MOZ.com
https://moz.com/learn/seo/what-is-seo
Accio
Information
Rank #1 gets more traffic
Multiple
Entries
To get in/out of Hogwarts
SEO & IA Similarities
Making content
Findable
Context
Users Content
SEO & IA
Share the same goal
Content/SEO Auditing
Free, but crawls 500 URL & unorganised
Wheres Trevor!!!
 Remove content duplicates
 Clear, descriptive H1 title (1 per page!), URL, Meta information
 Improve internal links, help users access content
Adopting SEO Strategies
https://www.coursera.org/specializations/seo
Critical
Components
of IA
/AbbyCovert/make-sense-information-architecture-for-everybody
We often forget to take a step back
and ask how our use of language
implies certain meaning to us,
but may be confusing to others.
Ontology  Meaning
Fluffy
Meaning is subjective
Meaning is demographic
Meaning is socio political
Meaning gets lost in translation
Meaning is complex
/AbbyCovert/make-sense-information-architecture-for-everybody
Fluffy may be defined as Cerberus,
but taxonomically, it may belong
both under Monsters and
Fantastic Beasts if that is the
context where the user needs it.
Taxonomy  Structure
Monsters or
Fantastic Beasts
1. Location: Potions class is in the dungeons
2. Alphabetical: E for Exceeding Expectations, A for Average
3. Time: Harrys birthday is on July 31, 1980
4. Category: Butterbeer is a Drink
5. Hierarchy: Potions class is in the dungeons in Hogwarts
5 Ways to Organise Things
How meaning and structure fit together,
ensuring that the flow of an experience
delights the user and doesnt distract
from what the user is trying to do.
Choreography  Intent
Retrieving
the Book
Classifying
Wizards/Witches
Skills & Techniques
Technique #1
Sorting Hat
Card Sorting
24
Show-offs Cunning Bastards Decent Human Nerds
Classifying into Groups
Definitely
not
Ravenclaw
when he could have gotten
the letter off the floor
Technique #2
Picking
the Wand
Tree-Testing
 The Wand chooses the Wizard, Harry Potter.
Finding
the
Right Wand
Search for it through the navigation
/AbbyCovert/make-sense-information-architecture-for-everybody
https://understandinggroup.com/information-architecture/understanding-information-architecture/
https://uxdesign.cc/how-i-taught-information-architecture-to-aspiring-ux-designers-281ce61de42f
http://wildlyappropriate.com/2013/03/10/a-model-for-understanding-information-architecture-ontology-taxonomy-
and-choreography/
References
Presentation by
Leow Hou Teng
http://design.leowhouteng.com
Harry Potter and Information Architecture
Harry Potter and Information Architecture

More Related Content

Harry Potter and Information Architecture