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
Paul Boag
May 28, 2013
Technology
97
0
Share
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
260
User and Digital Revolution
boagworld
0
390
Start a user experience revolution
boagworld
2
3.9k
Creating Superior Customer Experiences Training
boagworld
0
140
Educating clients to say YES!
boagworld
1
210
Introduction to Digital Transformation
boagworld
0
250
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
AI とサービス・デザイン / AI and Service Design
ks91
PRO
0
180
AIが変えた"品質の守り方"
kkakizaki
13
5k
はじめてのDatadog
kairim0
0
140
JEP 522 Deep Dive - G1 GC同期コスト削減によるスループット向上を徹底検証&解説
tabatad
1
200
最低限これだけ押さえれ大丈夫_Claude Enterprise/Team企業展開ガバナンス入門
tkikuchi
1
310
大規模災害時でも高い信頼性を維持するアプリケーション基盤の実現/nikkei-tech-talk46
nikkei_engineer_recruiting
0
110
AI時代の私の技術インプットとアウトプット術
tonkotsuboy_com
15
7.4k
GitHub Copilot のこれまでとこれから: From Copilot to Collaborative Agents
yuriemori
1
220
AI活用の格差をなくす:チーム全体のAI開発生産性を底上げする方法
moongift
PRO
1
120
freee-mcpを Local→Remote で出してわかった MCP認可実装のリアル
terara
3
880
大規模環境でどのように監視を実現する?
yuobayashi
1
260
テストコードのないプロジェクトにテストを根付かせる
tttol
0
210
Featured
See All Featured
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
1
270
For a Future-Friendly Web
brad_frost
183
10k
Navigating Weather and Climate Data
rabernat
0
200
Joys of Absence: A Defence of Solitary Play
codingconduct
1
380
The Invisible Side of Design
smashingmag
302
52k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
310
The Curious Case for Waylosing
cassininazir
1
360
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
3
140
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.3k
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