content by the slice, information architecture workshop - mobile uxcamp dc 2015

22
Content by the Slice, Information Architecture Workshop @anthonydpaul Director of UX at idfive Mobile UXCamp DC 2015

Upload: anthony-d-paul

Post on 13-Jan-2017

1.337 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Content by the Slice, Information Architecture Workshop - Mobile UXCamp DC 2015

Content by the Slice, Information Architecture Workshop

@anthonydpaul • Director of UX at idfive • Mobile UXCamp DC 2015

Page 2: Content by the Slice, Information Architecture Workshop - Mobile UXCamp DC 2015

We need to design data experiences.”

Dan Willis, ~30 minutes ago

important tasks, important users, beyond devices

Page 3: Content by the Slice, Information Architecture Workshop - Mobile UXCamp DC 2015

Let’s start with an exercise

● Groups of 3 to 5

Page 4: Content by the Slice, Information Architecture Workshop - Mobile UXCamp DC 2015

You're organizing a series of items into a navigation tree for use on a small screen like a wristwatch.

1 of 2: Let’s start with an exercise (10 min)

Page 5: Content by the Slice, Information Architecture Workshop - Mobile UXCamp DC 2015

1 of 2: Let’s start with an exercise (10 min)

Page 6: Content by the Slice, Information Architecture Workshop - Mobile UXCamp DC 2015

● Up to 4 items/categories at once

● As many levels as you need

● Quickly and easily find any item

1 of 2: Let’s start with an exercise (10 min)

Page 7: Content by the Slice, Information Architecture Workshop - Mobile UXCamp DC 2015

● Why did you choose it?

● Deepest number of levels?

● Hardest item?

● Biggest weakness?

1 of 2: Tell us about your mechanism

Page 8: Content by the Slice, Information Architecture Workshop - Mobile UXCamp DC 2015

Swap app types with a nearby team. If you get the same type, trade with someone else.

2 of 2: Trade contexts (5 min)

Page 9: Content by the Slice, Information Architecture Workshop - Mobile UXCamp DC 2015

● Make as few modifications as possible

● Add/Remove categories if necessary

2 of 2: Trade contexts (5 min)

Page 10: Content by the Slice, Information Architecture Workshop - Mobile UXCamp DC 2015

● What changed?

● What moved the furthest?

● What stayed the same?

2 of 2: Tell us about your mechanism

Page 11: Content by the Slice, Information Architecture Workshop - Mobile UXCamp DC 2015

Dan Klyn & Andrew Hinton on “thingness”

Page 12: Content by the Slice, Information Architecture Workshop - Mobile UXCamp DC 2015

Dan Klyn & Andrew Hinton on “thingness”

Page 13: Content by the Slice, Information Architecture Workshop - Mobile UXCamp DC 2015

Dan Klyn & Andrew Hinton on “thingness”

Page 14: Content by the Slice, Information Architecture Workshop - Mobile UXCamp DC 2015

http://www.timberland.com

Page 15: Content by the Slice, Information Architecture Workshop - Mobile UXCamp DC 2015

http://www.timberland.com

Page 16: Content by the Slice, Information Architecture Workshop - Mobile UXCamp DC 2015

There is no right way [to organize content].”

Abby Covert, UX Week 2015 • http://vimeo.com/139025676

try multiple ways, look for patterns, find a blend

Page 17: Content by the Slice, Information Architecture Workshop - Mobile UXCamp DC 2015

Think likeBloomberg Billionaires

http://www.bloomberg.com/billionaires/

Page 18: Content by the Slice, Information Architecture Workshop - Mobile UXCamp DC 2015
Page 19: Content by the Slice, Information Architecture Workshop - Mobile UXCamp DC 2015

http://www.bloomberg.com/billionaires/

Page 20: Content by the Slice, Information Architecture Workshop - Mobile UXCamp DC 2015

Five Hat Rack (aka, LATCH)

● Location

● Alphabet

● Time

● Category

● Hierarchy

If you need inspiration…

Page 22: Content by the Slice, Information Architecture Workshop - Mobile UXCamp DC 2015

Thank you

Online athttp://adp.rocks or http:// .ws

Twitter@anthonydpaul

Coming upWordCamp NYC War Room Collaboration

Across the Internet Canyon

WordCamp US (Philly) TBD