Information ArchitecturePOP 517: User Experience

Where we moving to?

Developing a new information architecture and relevant tone-of-voice for our websites

Surface Skeleton Structure Scope

Strategy

Optimizes arrangement of

elements for maximum effect

Step #1Let’s see how

FaceBook works

Menus, structures, content organization,

tone and labelling

Homework AssignmentCreate 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.

presenting searching browsing labeling

categorizing sorting

manipulating

Basic Wireframing

Basic Wireframing

Basic Wireframing