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
96
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
250
User and Digital Revolution
boagworld
0
380
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
170
The Digital Transformation Manifesto
boagworld
1
3.7k
Other Decks in Technology
See All in Technology
アクセシビリティはすべての人のもの
tomokusaba
0
250
【技術書典20】OpenFOAM(自宅で深める流体解析)流れと熱移動(2)
kamakiri1225
0
370
AgentCore Managed Harness を使ってみよう
yakumo
2
310
エージェントスキルを作って自分のインプットに役立てよう
tsubakimoto_s
0
530
国内外の生成AIセキュリティの最新動向 & AIガードレール製品「chakoshi」のご紹介 / Latest Trends in Generative AI Security (Domestic & International) & Introduction to AI Guardrail Product "chakoshi"
nttcom
4
1.7k
「QA=テスト」「シフトレフト=スクラムイベントの参加者の一員」の呪縛を解く。アジャイルな開発を止めないために、10Xで挑んだ「右側のしわ寄せ」解消記 #scrumniigata
nihonbuson
PRO
3
740
生成AIが変える SaaS の競争原理と弁護士ドットコムのプロダクト戦略
bengo4com
1
3.4k
小説執筆のハーネスエンジニアリング
yoshitetsu
0
910
[Scram Fest Niigata2026]Quality as Code〜AIにQAの思考を再現させる試み〜
masamiyajiri
1
200
ブラウザの投機的読み込みと投機ルールAPIを理解し、Webサービスのパフォーマンスを最適化する
shuta13
3
270
ハーネスエンジニアリングをやりすぎた話 ~そのハーネスは解体された~
gotalab555
5
2k
Modernizing Your HCL Connections Experience: Visual Report to chain, Profile Enhancements, and AI Integration
wannesrams
0
270
Featured
See All Featured
So, you think you're a good person
axbom
PRO
2
2k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.4k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.9k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
1.9k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
199
73k
Joys of Absence: A Defence of Solitary Play
codingconduct
1
360
The Curse of the Amulet
leimatthew05
1
12k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
160
The Language of Interfaces
destraynor
162
26k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.4k
Evolving SEO for Evolving Search Engines
ryanjones
0
180
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
19k
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