decoding web content with scout

20
Decoding Web Content A Brief Lesson in Information Architecture, Card Sorting and Organizing Chaos with Tuna @silvacristina_

Upload: cristina-silva

Post on 07-Aug-2015

46 views

Category:

Design


2 download

TRANSCRIPT

Page 1: Decoding Web Content with Scout

Decoding Web ContentA Brief Lesson in Information Architecture, Card Sorting and Organizing Chaos

with Tuna @silvacristina_

Page 2: Decoding Web Content with Scout

Information Architecture (IA)

(n). The organization, labelling, and navigation systems of a website to increase “findability” and “usability”

CONTENT

USERSCONTEXT

Page 3: Decoding Web Content with Scout

Content Audit

Card Sorting

Naming & Labelling

INFORMATIONARCHITECTURE

SITEMAP WIREFRAMES DESIGN CODERESEARCH

We do this...

Page 4: Decoding Web Content with Scout

INFORMATIONARCHITECTURE

SITEMAP WIREFRAMES DESIGN CODERESEARCH

...to get to this!

Page 5: Decoding Web Content with Scout

You get the DROPDOWN OF DOOM

So?

Page 6: Decoding Web Content with Scout

Not so quick links

Page 7: Decoding Web Content with Scout

Overwhelmed home pages

Page 8: Decoding Web Content with Scout

Go to the Brimfield Antique Show Website

brimfieldshow.com

Let’s try this out

Page 9: Decoding Web Content with Scout

Let that all sink in...

Page 10: Decoding Web Content with Scout

Content Audit

Page 11: Decoding Web Content with Scout

Yes, everything.

Name

Content type (page, subpage, pdf, form, etc.)

Make note if a link leads to an outside page

Go through the site and write down each page/content type on a post-it or index card

Page 12: Decoding Web Content with Scout

Card Sorting

Page 13: Decoding Web Content with Scout

Card Sorting

(n). Card sorting is a user-centered design method for increasing a system’s findability. The process involves sorting a series of cards, each labeled with a piece of content or functionality, into groups that make sense to users or participants

Open Card SortingParticipants are given cards showing site content with no pre-established groupings.

Closed Card SortingParticipants are given cards showing site content with an established initial set of primary groups.

Card sorting in action

Page 14: Decoding Web Content with Scout

Millie Richards

58, Female

From Quincy, MA

Millie is a retired nurse who has been searching for antique treasure all over New England since 1972. She has never been to the Brimfield Antique Show and needs to find out logistical information about how to get there and what to expect.

Terry Lee

39, Male

From Boston, MA

Terry is an accountant by weekday, avid fisherman by night. He also collects old bait boxes, fishing tackle, and other fishing goodies. He comes to the Brimfield Antique Show every time it is open. He usually checks the site to see if there will be any interesting new vendors and to check out the bulletin board and forums.

Denise Simon

30, Female

From Danbury, CT

Denise is a full-time antique seller. She travels all over New England to different shows on the weekends to sell the collections.

Page 15: Decoding Web Content with Scout

Get sorting!

Page 16: Decoding Web Content with Scout

Site Maps

Page 17: Decoding Web Content with Scout

Site Map

(n). The site-map is the architecture, the frame, or at least the foundation, which defines how people see, navigate and experience a system of information, and functionality.

Page 18: Decoding Web Content with Scout
Page 19: Decoding Web Content with Scout
Page 20: Decoding Web Content with Scout

fin.