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
Introduction to wireframing
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Paul Boag
May 28, 2013
Technology
100
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Introduction to wireframing
Paul Boag
May 28, 2013
More Decks by Paul Boag
See All by Paul Boag
How To Offer Kick Ass User Experience Services
boagworld
3
3k
How to win over colleagues and make your life easier.
boagworld
0
270
User and Digital Revolution
boagworld
0
410
Start a user experience revolution
boagworld
2
3.9k
Creating Superior Customer Experiences Training
boagworld
0
150
Educating clients to say YES!
boagworld
1
220
Introduction to Digital Transformation
boagworld
0
270
Digital Transformation in Higher Education (IWMW14)
boagworld
0
180
The Digital Transformation Manifesto
boagworld
1
3.7k
Other Decks in Technology
See All in Technology
2026-08-15 JAWS-UG 茨城 #16 Secrets ManagerにおけるSecret値の管理(Terraformの場合) / Secrets Manager Secrets
masasuzu
0
550
巨大気象データと戦う ― サロゲートモデル学習を高速化する圧縮技術
gpuunite_official
0
250
AIのためのEthernet技術動向 (SerDes)
markunet
1
300
RelayerというPHPのフレームワークを作った
polidog
PRO
0
130
Head First モブプログラミング / Head First Mobprogramming
takaking22
10
12k
ハッカソンで入賞した話 @ Findy LT
asari194617
0
1.5k
カーネルまで探検して理解するふたつの自動計装
sumiyae
0
240
ソフトウェアサプライチェーンの構造的リスクとコンテナ環境の保護
kyohmizu
5
880
Kiro Crew で始める マルチエージェント開発
miu_crescent
PRO
0
160
【GCC2026】大規模言語モデルを活用した内製検索サービスの社内展開や業務活用
bandainamcostudios
PRO
0
520
MulticaとPi Coding Agentで、小規模OSSを30本同時運用した流れ
eiei114
0
140
FORENSIA: ローカルLLMフォレンジックハーネス
sumeshi
2
440
Featured
See All Featured
Building the Perfect Custom Keyboard
takai
2
850
Odyssey Design
rkendrick25
PRO
2
770
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
380
Exploring anti-patterns in Rails
aemeredith
3
470
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Code Review Best Practice
trishagee
74
20k
Designing for humans not robots
tammielis
254
26k
Writing Fast Ruby
sferik
630
63k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
2k
Mind Mapping
helmedeiros
PRO
1
330
How Software Deployment tools have changed in the past 20 years
geshan
1
34k
Claude Code のすすめ
schroneko
67
230k
Transcript
Reaching consensus through collaborative wireframing
A whistle stop tour of wireframing when you are contending
with multiple stakeholders.
What should appear on a page?
How can you reach a consensus on prioritising content?
None
Setting objectives
Why does this page exist?
What is its role?
How is success measured?
What should the user do next?
What should users remember if they only glance at the
page?
User cards
As a prospective undergraduate student. I want to look at
what courses Strathclyde offers in a particular subject area. So I can decide whether to include Strathclyde in my shortlist of Universities.
★ Focus stakeholders on user needs. ★ Filters irrelevant content.
WHY!
Cereal box exercise
★ Focus on the content. ★ Forces prioritisation. ★ Prevents
the medium dictating content. ★ Avoids preconceptions. WHY!
User attention points exercise
None
★ Forces prioritisation. ★ Emphasis the need for tradeoffs. ★
Encourages consensus building. ★ Prevents you being piggy in the middle. WHY!
6UP exercise
★ Encourages creative exploration. ★ Forces the exploration of lots
of ideas. ★ Bring stakeholders back to user needs. ★ Helps clarify which idea is the right idea. WHY!
Reporting back