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
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
120
Intro to UX
laurakalbag
1
170
Ethical Design
laurakalbag
1
2.9k
Accessibility By Design
laurakalbag
1
110
Designing For Accessibility
laurakalbag
2
160
Indie Design
laurakalbag
4
2k
WAI-ARIA in 10
laurakalbag
1
250
Designing for Accessibility
laurakalbag
0
77
Designing for Accessibility
laurakalbag
1
520
Other Decks in Design
See All in Design
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
ashapiro
0
120
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4.3k
How to get a Tiger to Tulsa
mcduckyart
0
120
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
430
minpaku-community-scrum-patterns
norinity1103
1
220
UX & Accessibilité cognitive : et si vous simplifiiez vraiment l’expérience utilisateur ?
marietournelle35
0
110
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
2k
株式会社バクタム 会社説明資料
bactum
0
280
Crisp Code inc. ブランドガイドライン
so_kotani
1
200
信念を持つ方法
magi1125
0
170
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
120
エンジニアでも捗る デザイナー的思考入門
tinykitten
PRO
1
1.1k
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
21
1.4k
Automating Front-end Workflow
addyosmani
1370
200k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
We Have a Design System, Now What?
morganepeng
53
7.7k
What's in a price? How to price your products and services
michaelherold
246
12k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
The Cost Of JavaScript in 2023
addyosmani
51
8.7k
Into the Great Unknown - MozCon
thekraken
40
2k
Become a Pro
speakerdeck
PRO
29
5.5k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
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