IA Essentials: How to prioritize, design, and present your clients content

James Barrett

Design Engineer - 10up

@jimbrts

Why Information Architecture is Important

Why Information Architecture is important

•Websites are non linear

•Information is vast and varied

•Websites should be goal oriented.

5

Websites are non linear

6

Information is vast and varied

Image

Gallery

Testimonials

Blog Posts

User Comments

LinksPage Content

Quotes

Code snippets

Forms

Websites should be goal oriented.

GOAL

Let’s get Started

9

Getting Started

•Finding a “voice”

•Content Organizing

•Visual layout and prioritization

The “Voice” of a Website

•The stakeholder sets the tone.

•Listen. Then Listen some more. Then Listen again.

•Pay attention to patterns and repeated ideas.

The “Voice” of a Website

Get in Touch vs Let’s Chat vs Contact Us

Organizing your Content

Visual layout and prioritization

18

Visual layout and prioritization

•Structure your design so that its guides readers to your goal. !

•Visual Design compliments good information architecture !•Give readers plenty of opportunities to drive deeper into the site

19

Structure your site’s layout so it guides readers to your goal

20

Structure your site’s layout so it guides readers to your goal

21

Structure your site’s layout so it guide’s readers to your goal

22

Structure your site’s layout so it guide’s readers to your goal

23

Structure your site’s layout so it guide’s readers to your goal

24

Structure your site’s layout so it guides readers to your goal

25

Structure your site’s layout so it guides readers to your goal

26

Structure your site’s layout so it guides readers to your goal

27

Structure your site’s layout so it guide’s readers to your goal

28

Visual Design Compliments Good IA

•Design supports content

•Interactions should be easily identifiable !

•links should be clearly identified.

29

Bad Example: Gallery Design

Good Example: 404

Give readers plenty of opportunities to drive deeper into the site

•At least 3 CTAs per page to your goal *

•Evenly space the through out the page !

•Maintain your “voice”

* Opinion. not fact

Give readers plenty of opportunities to drive deeper into the site

Maintain your “Voice”

Get in Touch vs Let’s Chat vs Contact Us

Final Thoughts

•Find your Voice

•Organize your Content !

•Keep your site goal oriented.

Questions?

@jimbrts