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
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
260
User and Digital Revolution
boagworld
0
400
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
260
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
証券システムを10年Scalaで作り続けるということ - 関数型まつり2026
krrrr38
3
750
プロンプト_きのこカンファレンス2026_LT
yurufuwahealer
0
140
はじめてのWDM
miyukichi_ospf
1
130
AI Driven AI Governance
pict3
0
260
AI時代のエンジニアキャリアについて今一度考える
sakamoto_582
2
1.3k
なぜ人は自分のプロジェクトを 「なんちゃってアジャイル」と 自嘲するのか
kozotaira
0
260
最近評価が難しくなった
maroon8021
0
260
AWS Summit の片隅で、体育座りしながらコミュニティがにぎわう理由を考えた
k_adachi_01
2
360
ループエンジニアリングでE2Eテストを実践
noriyukitakei
0
310
プロダクトだけじゃない、社内プロセスにおける自動化・省力化ノススメ
kakehashi
PRO
1
2.9k
金融の未来を考える / Thinking About the Future of Finance
ks91
PRO
0
180
完全自律ロボットを作りたくて、先に開発を自律させた話(ROS Japan UG #63 LT)
rryz09
0
420
Featured
See All Featured
Discover your Explorer Soul
emna__ayadi
2
1.2k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Building AI with AI
inesmontani
PRO
1
1.1k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.2k
Marketing to machines
jonoalderson
1
5.6k
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
1k
The untapped power of vector embeddings
frankvandijk
2
1.8k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.8k
How Software Deployment tools have changed in the past 20 years
geshan
0
34k
GitHub's CSS Performance
jonrohan
1033
470k
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
2
330
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