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
550
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
86
Other Decks in Design
See All in Design
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.4k
Yumika Yamada Portfolio
yumii
0
880
株式会社バクタム 会社説明資料
bactum
0
260
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4.2k
The Golden Whitney
ohtristanart
PRO
0
570
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
160
ポートフォリオ_webデザイナー
nami_webdesigner
0
110
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
490
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
310
札幌の雪を観光資源に変える:デザインプログラムSESSAの挑戦
ittyann
0
270
共通認識のためのユーザビリティテスト by AIエージェント - Accelerating Value Delivery
gakuoya
1
690
サービスデザインにおける、 映像活用の可能性(Spectrum Tokyo Meetup #18)
ka71
0
140
Featured
See All Featured
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.7k
RailsConf 2023
tenderlove
30
1.1k
A designer walks into a library…
pauljervisheath
207
24k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
GitHub's CSS Performance
jonrohan
1031
460k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Speed Design
sergeychernyshev
32
1k
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