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
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
210
Ethical Design
laurakalbag
1
3k
Accessibility By Design
laurakalbag
1
140
Designing For Accessibility
laurakalbag
2
180
Indie Design
laurakalbag
4
2.2k
WAI-ARIA in 10
laurakalbag
1
290
Designing for Accessibility
laurakalbag
0
100
Designing for Accessibility
laurakalbag
1
540
Other Decks in Design
See All in Design
Claudeもくもく会、はじめませんか?
yusukeiyoda
0
140
Build for the Web, Build on the Web, Build With the Web
csswizardry
0
500
デザインとフロントエンドの境界が融ける Claude Code × Figma
littlebusters
2
3.2k
“なんとなくFigma”から一歩先へ。AI時代も活きるWeb制作フロー
ayumidesign
0
150
test deck title
shotamatsuo
0
1.5k
社長の宿題への回答 「新卒×AI」が生み出す価値
saki822
2
190
タイル紹介サイト「タイルだもんで」
calpin
0
160
デザインツールを開く前に その画面は誰に何と言わせたい?受託UIデザイナーが顧客解像度を高める 「打ち合わせの場での確かめ方」
garyuten
1
140
Where Imagination Ends AI Begins
r5ni4
0
270
エンジニアがAI活用してスライドデザインできる世界が来たよ!
kaikou
1
350
デザインワークフローの最前線。 ログラスでのAI活用の現在地
ukaoli
1
1.7k
エンジニアでも捗る デザイナー的思考入門(bitA Edit 新ver)
tinykitten
0
220
Featured
See All Featured
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
160
Between Models and Reality
mayunak
4
380
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
66
57k
Odyssey Design
rkendrick25
PRO
2
740
The Curious Case for Waylosing
cassininazir
1
440
Tell your own story through comics
letsgokoyo
1
1k
AI: The stuff that nobody shows you
jnunemaker
PRO
9
860
Embracing the Ebb and Flow
colly
88
5.1k
Deep Space Network (abreviated)
tonyrice
0
240
Product Roadmaps are Hard
iamctodd
55
12k
Building Flexible Design Systems
yeseniaperezcruz
330
40k
Balancing Empowerment & Direction
lara
6
1.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