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
Developers Can't Design
Search
Jen Myers
January 13, 2012
Programming
13
1.5k
Developers Can't Design
(And Other Completely Untrue Design Myths)
Jen Myers
January 13, 2012
Tweet
Share
More Decks by Jen Myers
See All by Jen Myers
Listen to Your (and All) Mothers
jenmyers
0
160
Cartoon Creativity
jenmyers
0
210
How To Not Be an Expert
jenmyers
1
250
How to Start Coding from Any Level
jenmyers
0
240
Shepherding Unicorns
jenmyers
2
280
Owning It
jenmyers
0
290
Developers Can't Design (2013)
jenmyers
6
420
How to Not Be an Expert
jenmyers
8
550
Redesigning the Interface
jenmyers
4
770
Other Decks in Programming
See All in Programming
Hotwire or React? ~アフタートーク・本編に含めなかった話~ / Hotwire or React? after talk
harunatsujita
1
120
よくできたテンプレート言語として TypeScript + JSX を利用する試み / Using TypeScript + JSX outside of Web Frontend #TSKaigiKansai
izumin5210
6
1.8k
as(型アサーション)を書く前にできること
marokanatani
10
2.7k
ECS Service Connectのこれまでのアップデートと今後のRoadmapを見てみる
tkikuc
2
250
Outline View in SwiftUI
1024jp
1
340
Tauriでネイティブアプリを作りたい
tsucchinoko
0
370
광고 소재 심사 과정에 AI를 도입하여 광고 서비스 생산성 향상시키기
kakao
PRO
0
170
3rd party scriptでもReactを使いたい! Preact + Reactのハイブリッド開発
righttouch
PRO
1
610
Nurturing OpenJDK distribution: Eclipse Temurin Success History and plan
ivargrimstad
0
990
ふかぼれ!CSSセレクターモジュール / Fukabore! CSS Selectors Module
petamoriken
0
150
とにかくAWS GameDay!AWSは世界の共通言語! / Anyway, AWS GameDay! AWS is the world's lingua franca!
seike460
PRO
1
900
OSSで起業してもうすぐ10年 / Open Source Conference 2024 Shimane
furukawayasuto
0
110
Featured
See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
169
50k
Optimising Largest Contentful Paint
csswizardry
33
2.9k
10 Git Anti Patterns You Should be Aware of
lemiorhan
655
59k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
250
21k
Ruby is Unlike a Banana
tanoku
97
11k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
Code Review Best Practice
trishagee
64
17k
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
Being A Developer After 40
akosma
87
590k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
8
900
ReactJS: Keep Simple. Everything can be a component!
pedronauck
665
120k
Transcript
DEVELOPERS CAN’T DESIGN AND OTHER COMPLETELY UNTRUE DESIGN MYTHS JEN
MYERS • @ANTIHEROINE • SCOTTISH RUBY CONFERENCE, 30 JUNE 2012
What is design?
“Design is the appropriate combination of materials in order to
solve a problem.” - CHARLES EAMES
“Design is thinking made visual.” - SAUL BASS
“Design is the method of putting form and content together.
Design, just as art, has multiple definitions, there is no single definition.... Design is so simple, that’s why it is so complicated.” - PAUL RAND
What is design? Graphic design Industrial design Interaction design Experience
design Web/interface design
Why should developers care?
Design is teachable. Design is communication.
DESIGN IS DECORATION DESIGN MYTH #1
“It’s not just what it looks like and feels like.
Design is how it works.” - STEVE JOBS
How design works Structure Content Organization Message Functionality
How design works Wireframes Palettes Mood boards Copy Data flows
User testing
DESIGN IS SUBJECTIVE DESIGN MYTH #2
“Like all forms of design, visual design is about problem
solving, not about personal or unsupported opinion.” - BOB BAXLEY
Basic design principles Balance Repetition Proximity Emphasis Unity
BALANCE SYMMETRICAL
BALANCE ASYMMETRICAL
REPETITION COLOR, FONT, SHAPE, LOGO
REPETITION COLOR, FONT, SHAPE, LOGO
EMPHASIS VISUAL DOMINANCE & HIERARCHY
PROXIMITY GROUPING LIKE ELEMENTS
UNITY COHERENCE OF LOOK, FEEL & MESSAGE
Related design concepts Positive/negative space Contrast Typography Color theory Ratios
DESIGN IS SEPARATE FROM DEVELOPMENT DESIGN MYTH #3
“The secret is to gang up on the problem, rather
than each other.” - THOMAS STALLKAMP
No silos Communication Community Design & Dev 4eva Project integration
should code. Designers ...
Jen Myers Relevance
[email protected]
@antiheroine SLIDES: speakerdeck.com/u/jenmyers/p/developers-cant-design