simple strategies to create a killer ia

39
Page 1 | Simple Strategies to Create a Killer IA Simple Strategies to Create a Killer IA October 1, 2016

Upload: oomph-inc

Post on 22-Jan-2018

212 views

Category:

Presentations & Public Speaking


2 download

TRANSCRIPT

Page 1: Simple Strategies to Create a Killer IA

Page 1 | Simple Strategies to Create a Killer IA

Simple Strategies toCreate a Killer IA

October 1, 2016

Page 2: Simple Strategies to Create a Killer IA

Page 2 | Simple Strategies to Create a Killer IA

Matthew O’BryantDirector of Strategy

I work with potential, new, and existing clients to make strategic digital recommendations that align with business objectives.

401-228-7660

72 Clifford Street,

Providence, RI 02903

oomphinc.com

oomph.is/mobryant

[email protected]

@matthew_obryant

Page 3: Simple Strategies to Create a Killer IA

Page 3 | Simple Strategies to Create a Killer IA

Who is Oomph?

We craft digital experiences with passion & purpose

Oomph is a leading digital agency specializing in strategy, design and UX, and enterprise web development.

We have been based in Providence, RI since 2006.

Page 4: Simple Strategies to Create a Killer IA

Page 4 | Simple Strategies to Create a Killer IA

What is IA?

September 1, 2016

Page 5: Simple Strategies to Create a Killer IA

Page 5 | Simple Strategies to Create a Killer IA

What is Information Architecture (IA)?

● Information architecture is the practice of

deciding how to arrange the parts of

something to be understandable.

● A good IA helps people to understand their

surroundings and find what they’re looking

for – in the real world as well as online.

Page 6: Simple Strategies to Create a Killer IA

Page 6 | Simple Strategies to Create a Killer IA

”Findability precedes usability. In the alphabet and

on the Web. You can’t use what you can’t find. Ambient Findability by Peter Morville

SUBHEADLINE

Page 7: Simple Strategies to Create a Killer IA

Page 7 | Simple Strategies to Create a Killer IA

What Helps Visitors Find What They Want?

What elements of your website make up the

Information Architecture?

Page 8: Simple Strategies to Create a Killer IA

Page 8 | Simple Strategies to Create a Killer IA

What Helps Visitors Find What They Want?

● Navigation: breadcrumbs, sub-navigation

Page 9: Simple Strategies to Create a Killer IA

Page 9 | Simple Strategies to Create a Killer IA

What Helps Visitors Find What They Want?

● Navigation: breadcrumbs, sub-navigation

● Site Search: typeahead suggestions

Page 10: Simple Strategies to Create a Killer IA

Page 10 | Simple Strategies to Create a Killer IA

What Helps Visitors Find What They Want?

● Navigation: breadcrumbs, sub-navigation

● Site Search: typeahead suggestions

● Taxonomies: categories & tags

Page 11: Simple Strategies to Create a Killer IA

Page 11 | Simple Strategies to Create a Killer IA

What Helps Visitors Find What They Want?

● Navigation: breadcrumbs, sub-navigation

● Site Search: typeahead suggestions

● Taxonomies: categories & tags

● Attributes: colors, sizes, options

Page 12: Simple Strategies to Create a Killer IA

Page 12 | Simple Strategies to Create a Killer IA

What Helps Visitors Find What They Want?

● Navigation: breadcrumbs, sub-navigation

● Site Search: typeahead suggestions

● Taxonomies: categories & tags

● Attributes: colors, sizes, options

● Relationships: related products, posts, or

events

Page 13: Simple Strategies to Create a Killer IA

Page 13 | Simple Strategies to Create a Killer IA

Challenges to Creating a Killer IA?

September 1, 2016

Page 14: Simple Strategies to Create a Killer IA

Page 14 | Simple Strategies to Create a Killer IA

What Makes IA on the Web a Challenge?

MULTIPLE ENTRY POINTS

On average only 50% of your visitors land on your

homepage. Every page on your website is an open

door to information and you need to make sure

they can easily find what they’re looking for.

Page 15: Simple Strategies to Create a Killer IA

Page 15 | Simple Strategies to Create a Killer IA

What Makes IA on the Web a Challenge?

MULTI-SCREEN EXPERIENCE

We live in a multi-screen world where people are

trying to access information on different devices at

different times.

Page 16: Simple Strategies to Create a Killer IA

Page 16 | Simple Strategies to Create a Killer IA

What Makes IA on the Web a Challenge?

SAME JOURNEY, DIFFERENT PATHS

People prefer different methods of finding the

same information. Some like to browse while

others prefer searching.

Page 17: Simple Strategies to Create a Killer IA

Page 17 | Simple Strategies to Create a Killer IA

How to Create Your Killer IA

September 1, 2016

Page 18: Simple Strategies to Create a Killer IA

Page 18 | Presentation Title Goes Here

Steps to Creating a Killer IA

Gather & AuditYour Content

Organize Content Into Categories

Test Your Assumptions

Analyze YourResults

1. 2. 3. 4.

Page 19: Simple Strategies to Create a Killer IA

Page 19 | Simple Strategies to Create a Killer IA

1 - Gather & Audit Your Content

Redesigning your site: start by running a crawler

like Screaming Frog or Integrity to gather all your

content together in one place. Determine what you

need to keep, remove, rewrite, and if there are any

gaps where new content will need to be created.

Page 20: Simple Strategies to Create a Killer IA

Page 20 | Simple Strategies to Create a Killer IA

1 - Gather & Audit Your Content

Redesigning your site: as part of the auditing

process, start running surveys and tests to

understand your current visitors and determine

why they are visiting your site, what content they

find useful, and if they are able to find what they

need.

Page 21: Simple Strategies to Create a Killer IA

Page 21 | Simple Strategies to Create a Killer IA

1 - Gather & Audit Your Content

Creating a new site: begin by identifying your

target audience(s) and their needs. What is the goal

of your website? Are you selling a product online,

educating your visitors, or generating leads? Then

create a content strategy that helps satisfy the

needs of your visit while achieving your goals.

Page 22: Simple Strategies to Create a Killer IA

Page 22 | Simple Strategies to Create a Killer IA

2 - Organize Your Content in Categories

At this point it’s time to really put your customer

hat on. What journeys would a user take to access

each piece of content? How can you group your

content together into no more than 7 or 8 top level

buckets? What labels or nomenclatures should you

use in your navigation? Start organizing your

taxonomies and their parent/child relationships.

Page 23: Simple Strategies to Create a Killer IA

Page 23 | Simple Strategies to Create a Killer IA

2 - Organize Your Content in Categories

Card Sorting: In a card sorting session,

participants organize and rank content in

categories that make sense to them and provide a

can help you provide a label they feel best

describes the content they will find on each page.

Page 24: Simple Strategies to Create a Killer IA

Page 24 | Simple Strategies to Create a Killer IA

2 - Organize Your Content in Categories

Closed Card Sort: In a closed sort you provide your

participants with a predefined list of categories to

organize content.

Open Card Sort: In an open sort, participants sort

cards into categories that make sense to them, and

label each category themselves.

Page 25: Simple Strategies to Create a Killer IA

Page 25 | Simple Strategies to Create a Killer IA

2 - Organize Your Content in Categories

In Person: Allows you to gather insights into how

people feel about what they're doing or saying in

the study, great for gathering qualitative results

Remote: This is an unmoderated approach that

might allow you to gather more data from a larger

test audience.

Page 26: Simple Strategies to Create a Killer IA

Page 26 | Simple Strategies to Create a Killer IA

3 - Test Your Assumptions

Build your sitemap: Once you have completed

your card sort you can use the results to organize

your content into your first version of a sitemap.

We recommend using a tool like SlickPlan to help

get a visual representation of the navigation paths

and funnels on your site.

Page 27: Simple Strategies to Create a Killer IA

Page 27 | Simple Strategies to Create a Killer IA

3 - Test Your Assumptions

Now it’s time to run a designless navigational test

to see if users can easily find the information they

need with very little information or visual queues.

For this we recommend using a tool called

Treejack.

Page 28: Simple Strategies to Create a Killer IA

Page 28 | Simple Strategies to Create a Killer IA

3 - Test Your Assumptions

Running a Treejack test:

● Enter your sitemap into the tool

● Create a series of no more than 15 tasks that

ask the participant to locate the page where

they would find certain information.

● Recruit and invite participants

Page 29: Simple Strategies to Create a Killer IA

Page 29 | Simple Strategies to Create a Killer IA

4 - Analyze Your Results

● What percentage of participants traveled the

correct path?

● How many participants selected the correct

page(s)?

● On average how long did it take your

participants to submit an answer?

● How many times did a participant need to go

back?

Page 30: Simple Strategies to Create a Killer IA

Page 30 | Simple Strategies to Create a Killer IA

Page 31: Simple Strategies to Create a Killer IA

Page 31 | Simple Strategies to Create a Killer IA

Common IA Mistakes to Avoid

September 1, 2016

Page 32: Simple Strategies to Create a Killer IA

Page 32 | Simple Strategies to Create a Killer IA

Forgetting About Mobile Users

Start the IA process by thinking about the

information that is most important to users on a

mobile device. From there you will identify what is

most critical to your visitors and add supplemental

information.

Page 33: Simple Strategies to Create a Killer IA

Page 33 | Simple Strategies to Create a Killer IA

Don’t Be Too Inside Baseball

Avoid industry and company specific

terminology that may be unfamiliar to the average

visitor. Use terms and labels that are already

familiar to people to reduce friction.

Page 34: Simple Strategies to Create a Killer IA

Page 34 | Simple Strategies to Create a Killer IA

Don’t Get Too Cute

Sometimes as designers our creatives we want to

be clever or cute. However, if there is no good

reason to push against standard conventions, why

do it? You will only risk confusing your visitors and

causing them leave.

Page 35: Simple Strategies to Create a Killer IA

Page 35 | Simple Strategies to Create a Killer IA

Avoid Too Many Top Level Buckets

According to Nielsen Norman, the ideal number of

top level links is between 6 and 8. Make sure to put

the most important at the beginning and end as

that is what people remember the most.

Page 36: Simple Strategies to Create a Killer IA

Page 36 | Simple Strategies to Create a Killer IA

Grouping Your Content by Target Audience

While this approach is not necessarily wrong, it

typically works best when users can easily identify

who they are. For example, universities and

colleges often group content by types of student,

alumni, etc.

Page 37: Simple Strategies to Create a Killer IA

Page 37 | Simple Strategies to Create a Killer IA

There’s No Such Thing as a Perfect IA

September 1, 2016

Page 38: Simple Strategies to Create a Killer IA

Page 38 | Simple Strategies to Create a Killer IA

Don’t Be Afraid to Continuously Test

We recommend using split testing tools to

constantly test new variations of your navigation,

taxonomies, attributes, and relationships to learn

how to improve. Use heat and click mapping tools

to assess where people are getting tripped up.

Page 39: Simple Strategies to Create a Killer IA

Page 39 | Simple Strategies to Create a Killer IA© 2016 Oomph, Inc. All rights reserved.

Thank You

September 1, 2016

oomphinc.com

401-228-7660 | 72 Clifford Street, Providence, RI 02903