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
0
83
Introduction to wireframing
Paul Boag
May 28, 2013
Tweet
Share
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
230
User and Digital Revolution
boagworld
0
360
Start a user experience revolution
boagworld
2
3.9k
Creating Superior Customer Experiences Training
boagworld
0
120
Educating clients to say YES!
boagworld
1
200
Introduction to Digital Transformation
boagworld
0
230
Digital Transformation in Higher Education (IWMW14)
boagworld
0
150
The Digital Transformation Manifesto
boagworld
1
3.6k
Other Decks in Technology
See All in Technology
未回答質問の回答一覧 / 開発をリードする品質保証 QAエンジニアと開発者の未来を考える-Findy Online Conference -
findy_eventslides
0
340
ZOZOTOWNカート決済リプレイス ── モジュラモノリスという過渡期戦略
zozotech
PRO
0
490
なぜThrottleではなくDebounceだったのか? 700並列リクエストと戦うサーバーサイド実装のすべて
yoshiori
13
4.9k
組織の“見えない壁”を越えよ!エンタープライズシフトに必須な3つのPMの「在り方」変革 #pmconf2025
masakazu178
1
590
How We Built a Secure Sandbox Platform for AI
flatt_security
1
100
現地速報!Microsoft Ignite 2025 M365 Copilotアップデートレポート
kasada
2
1.5k
[CV勉強会@関東 ICCV2025] WoTE: End-to-End Driving with Online Trajectory Evaluation via BEV World Model
shinkyoto
0
290
リアーキテクティングのその先へ 〜品質と開発生産性の壁を越えるプラットフォーム戦略〜 / architecture-con2025
visional_engineering_and_design
0
3.9k
クレジットカードの不正を防止する技術
yutadayo
17
7.9k
大規模プロダクトで実践するAI活用の仕組みづくり
k1tikurisu
5
1.7k
米軍Platform One / Black Pearlに学ぶ極限環境DevSecOps
jyoshise
2
520
SRE視点で振り返るメルカリのアーキテクチャ変遷と普遍的な考え
foostan
2
410
Featured
See All Featured
Being A Developer After 40
akosma
91
590k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.1k
Designing for humans not robots
tammielis
254
26k
How to Think Like a Performance Engineer
csswizardry
28
2.3k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Git: the NoSQL Database
bkeepers
PRO
432
66k
How to train your dragon (web standard)
notwaldorf
97
6.4k
Done Done
chrislema
186
16k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
658
61k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
jQuery: Nuts, Bolts and Bling
dougneiner
65
8k
The Invisible Side of Design
smashingmag
302
51k
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