Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
IA Essentials: How to prioritize, design, and ...
Search
James Barrett
April 26, 2014
Design
2
560
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
88
Other Decks in Design
See All in Design
UXデザインはなぜ定着しないのか?
designstudiopartners
0
950
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
160
Character Experience AI 〜 AIキャラクターのつくりかた 〜
smartbank
1
280
Yumika Yamada Portfolio
yumii
0
1.4k
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
500
AIで加速するアクセシビリティのこれから
magi1125
3
670
UX & Accessibilité cognitive : et si vous simplifiiez vraiment l’expérience utilisateur ?
marietournelle35
0
120
生成AIを活用した組み込みSW設計書検索システム開発
licux
7
1.4k
数理的アプローチで挑むスマホUIのデザイン改善:タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
lycorptech_jp
PRO
0
800
freee + Product Design FY25Q4
freee
4
16k
エンジニアでも捗る デザイナー的思考入門
tinykitten
1
1.2k
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
ashapiro
0
140
Featured
See All Featured
The Cost Of JavaScript in 2023
addyosmani
53
8.9k
Side Projects
sachag
455
43k
A better future with KSS
kneath
239
17k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
Context Engineering - Making Every Token Count
addyosmani
1
20
Optimizing for Happiness
mojombo
379
70k
Unsuck your backbone
ammeep
671
58k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
139
34k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
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