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
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.5k
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
lycorptech_jp
PRO
0
580
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
3.3k
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
340
8_8_リサーチカンファレンスプレイベント.pdf
muture
PRO
2
340
The Spectacular Lies of Maps
axbom
PRO
1
270
「UXとUIの違い」v2
shirasu3
0
230
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
620
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか?
fuwarisprit
2
1.2k
街・都市という眼差し。まちづくりにおける規範と実践
sakamon
0
130
数理的アプローチで挑むスマホ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
Goodpatch Tour💙 / We are hiring!
goodpatch
31
890k
Featured
See All Featured
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.6k
Optimizing for Happiness
mojombo
379
70k
KATA
mclloyd
32
14k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
810
GraphQLとの向き合い方2022年版
quramy
49
14k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
A better future with KSS
kneath
239
17k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
For a Future-Friendly Web
brad_frost
180
9.9k
Mobile First: as difficult as doing things right
swwweet
224
9.9k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
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