Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
IA Essentials: How to prioritize, design, and present your clients content
James Barrett
April 26, 2014
Design
2
360
IA Essentials: How to prioritize, design, and present your clients content
My Information Architecture presentation from WordCamp Minneapolis 2014,
James Barrett
April 26, 2014
Tweet
Share
More Decks by James Barrett
See All by James Barrett
Fish Fingers & Custard: How to give your client what they want, even if they don’t know they want it.
jimbrts
0
43
Other Decks in Design
See All in Design
Talent Show-Down (2022)
gyroidz
1
200
"Friendship" - Personal Story Sequence
innsamity
1
370
Mijii & Gnochi Go Swimming
ohtristanart
PRO
0
600
The Frog Bandit
senamiyazaki
0
130
Visional 新卒デザイナー向け 会社説明資料 / Visional Company Briefing for Designer
visional_design
2
3.2k
UI/UXデザイナーになるには 日常編
kimurakei
0
410
We meet again
seleliao
0
520
The Party! - Story Sequence
diablicos_
0
140
バーチャル街づくり連合(構想V1)
showyingart
0
1.3k
今から始めるFigma超入門
448jp
0
580
Doll.pdf
yzhang0425
0
240
アプリデザインの 難しさ
yutaabe200
0
180
Featured
See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
224
49k
Automating Front-end Workflow
addyosmani
1351
200k
Stop Working from a Prison Cell
hatefulcrawdad
261
17k
Bash Introduction
62gerente
597
210k
WebSockets: Embracing the real-time Web
robhawkes
57
5.3k
BBQ
matthewcrist
74
7.9k
The MySQL Ecosystem @ GitHub 2015
samlambert
238
11k
Navigating Team Friction
lara
175
11k
A better future with KSS
kneath
225
15k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
10
3.4k
For a Future-Friendly Web
brad_frost
166
7.4k
Statistics for Hackers
jakevdp
781
210k
Transcript
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 Links Page 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
None
None
None
None
None
Visual layout and prioritization
19 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
20 Structure your site’s layout so it guides readers to
your goal
21 Structure your site’s layout so it guides 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 guide’s 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 guides readers to
your goal
28 Structure your site’s layout so it guide’s readers to
your goal
29 Visual Design Compliments Good IA •Design supports content •Interactions
should be easily identifiable ! •links should be clearly identified.
30 Example: Gallery Design
None
None
None
None
Example: 404
None
None
None
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