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
How we design the web
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Laura Kalbag
September 26, 2014
Design
1
190
How we design the web
From a talk at WXG in September 2014
Laura Kalbag
September 26, 2014
Tweet
Share
More Decks by Laura Kalbag
See All by Laura Kalbag
Ethical Design
laurakalbag
1
130
Intro to UX
laurakalbag
1
180
Ethical Design
laurakalbag
1
2.9k
Accessibility By Design
laurakalbag
1
120
Designing For Accessibility
laurakalbag
2
170
Indie Design
laurakalbag
4
2.2k
WAI-ARIA in 10
laurakalbag
1
260
Designing for Accessibility
laurakalbag
0
86
Designing for Accessibility
laurakalbag
1
530
Other Decks in Design
See All in Design
デザインを信じていますか
sekiguchiy
1
980
爆速開発でAIプロダクトが40万インプレッションになった話
tsubura
0
180
Goodpatch Tour💙 / We are hiring!
goodpatch
31
1M
2026年、デザイナーはなにに賭ける?
0b1tk
0
490
これからの「Webデザイン」の話をしよう~デザイナーの私が考えるブロックテーマへの対応で変わりゆくデザインの価値~
ds35mm
0
560
Storyboard Exercise: Chase Sequence
lynteo
1
210
コンテンツ作成者の体験を設計する
chiilog
0
100
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
visional_engineering_and_design
4
730
AIエージェントが対話的なUIを返す!MCP−UIで変わるユーザ体験
daitasu
1
150
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは?~操作を減らし、成果を最大にするための設計~
ncdc
0
140
文化のデザイン - Soft Impact of Design
atsushihomma
0
140
新規AIプロダクトで、事前に知るべきだった3つの壁 〜医療AIを1年間作って、従来の開発が通用しなかった話〜 / Three Walls in Building AI Products
shikichee
2
3.4k
Featured
See All Featured
Designing for humans not robots
tammielis
254
26k
Un-Boring Meetings
codingconduct
0
210
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
99
Discover your Explorer Soul
emna__ayadi
2
1.1k
Become a Pro
speakerdeck
PRO
31
5.8k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
55k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
66
37k
Rails Girls Zürich Keynote
gr2m
96
14k
[SF Ruby Conf 2025] Rails X
palkan
1
780
How GitHub (no longer) Works
holman
316
140k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
490
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.2k
Transcript
How we design the web Laura Kalbag @laurakalbag
None
None
None
None
GRAPHIC DESIGNER
None
None
None
I didn’t realise that design wasn’t just aesthetics
I needed to study “Graphic Design”
None
None
None
None
None
GRAPHIC DESIGNER
school subjects skewed my perception of design
Art and Design
Graphic Product Design
art
graphics
the output was always aesthetic
looking at other design roles helps us understand what constitutes
design
Game Design
Urban Design
Landscape Design
Interior Design
Lighting Design
Industrial Design
What is common to these different design practices?
conceptual planning and generating ideas
overarching structure
the smaller details contained within
constrained creation
making decisions and solving problems
it’s not about making it look pretty
“do UX on it”
if your work involves planning or creating work that affects
the final product, then you’re *designing* that product
you are a designer you are a designer
this isn’t about job titles, it’s about roles and responsibility
it’s not two streams
I wasn’t like the other graphic designers
None
None
DIGITAL DESIGNER
inspiration
“Where do you get your inspiration from?”
it’s an odd question
What is inspiration?
where do you find the little seed of an idea
that grows into the creative solution to a problem?
None
Where do you pinch your best ideas from?
None
Christo and Jeanne-Claude Wrapped Reichstag, Berlin, 1971-95 Photo: Wolfgang Volz
Researching solutions
every problem we solve through design is unique
similarities
when we’re researching solutions through the experience and ideas of
others, it’s like being back in art lessons again
None
the answers can’t all come from one place
Picasso The Lovers, 1923
gaining confidence
the way we researched evolved
conscious decisions
conscious research
saving the details
the more experience, the greater the osmosis
The exceptions
None
uncertainty and newness
I find myself needing to learn again
this time around
I want to feel as though I know what I’m
working with
Design as a practice and process stays constant
We’ll always be able to apply skills of seeing, solving
problems and making decisions
We need to be smart about how we learn
Ensure we don’t fall back on the work of others
when we should be innovating for ourselves
ego
we’d all love our work to be perfect at the
first draft
our work becomes interwoven with our self-esteem
our desire for perfection sets us up for a fall
our ego doesn’t want to see us as flawed
design is nuanced
don’t be so precious
our ideas are as likely to be conflicting as they
are complementary
ego’s one (useful) purpose
bravado
“I might just be good enough…”
keep the balance
the strength in iteration
job titles as descriptions
None
WEB DESIGNER
as a web designer, I became better at web design
specialising gives us more time for practice
learning for ourselves
being good at design isn’t just about doing good work
the killer motivation
What do you do when you're not working? - Jessica
Hische procrastiworking
We’re only motivated by financial reward to a point. And
when we’re only motivated by money, we don’t do our best work. Neural basis of the undermining effect of monetary reward on intrinsic motivation - Kou Murayamaa, Madoka Matsumoto, Keise Izuma, and Kenji Matsumoto
so if money isn’t a motivator for us, why are
we here?
we care
and that makes it craft
Craft. /kräft/ (noun) creative artistic activity involving construction, carving, weaving,
sewing as opposed to drawing
make or construct, especially with careful skill
why do we bother staying up to date?
quality materials
our materials are thoughtful decisions and careful consideration for our
users
machine ………………………………… creative
a sense of craftsmanship
None
None
flangdooberry
now, I’m a designer
now, I’m a designer (and I’ll craft if I want
to…)
from client work to full-time
ind.ie
working for people
ind.ie/manifesto
ind.ie/manifesto
ind.ie/manifesto
ind.ie/manifesto
good design is fighting for what you believe and working
hard to make something truly good
we can do good design when we’re not having to
fight bullshit
Laura Kalbag @laurakalbag