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
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
クラウドを使う側から、作る側へ / 大吉祥寺.pm 2026前夜祭
fujiwara3
8
2k
【CEDEC2026】ゲームシナリオライターを支援するAIツール開発の実践 ― 設計とプロンプトの工夫 ―
cygames
PRO
1
380
Webの技術とガジェットで子どもも大人も楽しめるワクワク体験を提供する / Qiita Tech Festa Day 2026
you
PRO
1
330
13年運用タイトルのサーバーサイドが辿り着いた現在地 ― モンスターストライクにおける技術・組織・AI活用から得た知見
mixi_engineers
PRO
1
390
運用を犠牲にせずコストを制御し事業成長を支える B2B SaaS ID管理基盤におけるS3 Tableのログストレージ活用
kaminashi
1
130
Retriever と Reranker、結局どうする?
kazuaki
1
580
セキュリティ研修【MIXI 26新卒技術研修】
mixi_engineers
PRO
32
27k
AI Agent を本番環境へ―― Microsoft Foundry × Azure Serverless で作る Enterprise-Ready な基盤
shibayan
PRO
2
1k
事業成長とAI活用を止めないデータ基盤アーキテクチャの設計思想
hiracky16
1
790
AI駆動開発は個人技からチーム戦へ:組織でAIを使いこなすための実践設計
moongift
PRO
0
400
Data Hubグループ 紹介資料
sansan33
PRO
0
3.1k
『モンスターストライク』 の運営に伴走する! データ民主化への 解析グループの3つのアプローチ
mixi_engineers
PRO
0
200
Featured
See All Featured
Utilizing Notion as your number one productivity tool
mfonobong
4
490
Tell your own story through comics
letsgokoyo
1
1k
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
1
420
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
marcoroth
3
380
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
230
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.8k
30 Presentation Tips
portentint
PRO
1
360
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2.1k
Unsuck your backbone
ammeep
672
58k
[RailsConf 2023] Rails as a piece of cake
palkan
59
6.8k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
10k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
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