1. Information
Architecture
POP 517: User Experience

2. Where we moving to?
Developing a new
information architecture
and relevant tone-of-voice
for our websites

3. Surface
Skeleton
Structure
Scope
Strategy

4. Optimizes
arrangement of
elements for
maximum effect

5. Step #1
Let’s see how
FaceBook works

6. Menus, structures,
content organization,
tone and labelling

7. Homework Assignment
Create at least two information architecture strategies for your website’s
content, based on the weaknesses you identified in the site’s current
design and the needs of your key personas. Present each in a sitemap.
Then translate each plan into at least three menu layout options (showing
up to 5 layers deep if applicable) in order to explore the best visual solution
for your content.
You may sketch & scan drawing into your presentation, or design high-
level wireframes that reflect menu layout/grid structure only. (We’ll do
detailed wireframes later.)
Recommend at least one tone of voice for your site’s new content (and feel
free to rename the links based on your tone of voice recommendation).
Note: this is group assignment.

8. presenting
searching
browsing
labeling
categorizing
sorting
manipulating

9. Basic Wireframing

10. Basic Wireframing

11. Basic Wireframing