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
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Laura Kalbag
September 26, 2014
Design
200
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
How we design the web
From a talk at WXG in September 2014
Laura Kalbag
September 26, 2014
More Decks by Laura Kalbag
See All by Laura Kalbag
Ethical Design
laurakalbag
1
140
Intro to UX
laurakalbag
1
200
Ethical Design
laurakalbag
1
3k
Accessibility By Design
laurakalbag
1
130
Designing For Accessibility
laurakalbag
2
180
Indie Design
laurakalbag
4
2.2k
WAI-ARIA in 10
laurakalbag
1
280
Designing for Accessibility
laurakalbag
0
99
Designing for Accessibility
laurakalbag
1
540
Other Decks in Design
See All in Design
なぜ、インサイトを貯めるのか?
tajima_kaho
2
2.1k
設計と制作 意図を形に表す / Design and Making: Intent Made Form
usagimaru
3
1.9k
CULTURE DECK/Creative Director
mhand01
0
1.3k
ClaudeCodeでマーケターの課題を解決する
kenichiota0711
11
14k
20260309_3月ICTデザイン勉強会_地域創生2.0
a2k
0
130
「親切なオンボーディング」 が招く罠 ー AI時代のUXデザイン
godlingkogami
1
130
Drawing for Animation
lynteo
2
300
【優秀賞+特別賞】くまモン食いしん坊弁当「くまモンの魔法の柑橘弁当」最終審査資料
shoko_seven11
0
200
CULTURE DECK/Marketing Director
mhand01
0
1.3k
AIスライド生成を進化させるMDファイル
kenichiota0711
1
1.3k
もう迷わない!“なんとなく”を卒業するフォントの選び方【村田俊英】
toshihidemurata
0
620
Storyboard Assignment: Storyboard from Comic Strip
lynteo
3
280
Featured
See All Featured
Color Theory Basics | Prateek | Gurzu
gurzu
0
360
Google's AI Overviews - The New Search
badams
0
1k
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
170
Deep Space Network (abreviated)
tonyrice
0
170
Designing for humans not robots
tammielis
254
26k
Done Done
chrislema
186
16k
How STYLIGHT went responsive
nonsquared
100
6.2k
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
65
56k
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
5.9k
Accessibility Awareness
sabderemane
1
140
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.9k
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.3k
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