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
Design for Success - Fundamentals that Build Brand
Search
J Cornelius
May 09, 2012
Design
3
570
Design for Success - Fundamentals that Build Brand
Talk from Digital Summit 2012 in Atlanta, GA
J Cornelius
May 09, 2012
Tweet
Share
More Decks by J Cornelius
See All by J Cornelius
Product Strategy for the New Normal
jc
0
38
Human-Centered Product Design
jc
3
370
Designing for Humans
jc
1
91
Redesign Your Design Thinking
jc
5
1.2k
Digital Fluency and User Experience
jc
1
220
Mobile Commerce Mistakes
jc
1
160
Design, Experience, Startups
jc
3
170
The Why of HTML5 - ConvergeSE 2012
jc
2
280
Passion
jc
1
130
Other Decks in Design
See All in Design
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
bitkey
PRO
0
220
高卒公務員から Webデザイナーになるまで
kinomidesign
0
110
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
tame
0
270
maki setoguchi
maki_setoguchi
0
250
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
akatsuki174
1
260
【最新】マズロー安達の弟子実績(1期-4期の26人分)
maslow_akkun
0
2.9k
新しいデザインの難しさ(公開版) / Difficulties in the New Design (public ver.)
usagimaru
1
920
ブランドパーソナリティ言語化における生成AI活用の実際
h0sa
0
320
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
root_recruit
PRO
0
190
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
500
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか?
fuwarisprit
3
1.5k
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
510
Featured
See All Featured
GraphQLとの向き合い方2022年版
quramy
49
14k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
33
2.3k
Making the Leap to Tech Lead
cromwellryan
135
9.6k
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
Statistics for Hackers
jakevdp
799
220k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
620
Scaling GitHub
holman
463
140k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
8
910
The Language of Interfaces
destraynor
162
25k
Transcript
Designing for Success Fundamentals that build brand Digital Summit 2012
- Atlanta, GA
@jc #dsum12 Hi. I’m J. jcornelius.com
Designing for Success
None
None
None
None
None
None
None
None
None
What is Design?
object, agent, goals, environment, components, requirements, constraints, site you user
desire web tools & code client time & money
None
Form follows Function
Form vs. Function
Beauty vs. Usability Form vs. Function
None
Great design creates usability. Design without usability is just art.”
“
Okay
Good
Great
None
None
None
None
Reducing Friction Image Credit: http://flaglerlive.com/26173/florida-education-post-mortem/
What is a Brand?
Mesopotamian Bottle Cap ~3000 B.C. Image Credit: http://www.freerepublic.com/focus/f-news/2007447/posts
Image Credit: http://adsoftheworld.com/media/print/faber_castell_permanent_marker_cattle?size=_original
Image Credit: http://yourchilltime.blogspot.com/2010/12/good-old-times-road-runner.html
None
A brand sits at the intersection of what a company
does, and how the consumer feels about it.
ACME
YOU ACME
YOU ACME
YOU FRIEND FRIEND
YOU ACME FRIEND FRIEND
Understanding what people want and designing things that inspire them
is the most powerful way to achieve business goals.
Beyond the Brand
Emotion
Emotion
Emotion
None
100 milliseconds Image Credit: http://www.gfsboothblog.com/2011_01_01_archive.html
Loading: 70% complete...
No amount of design can fix a lousy experience.
Design all the Things
“Art communicates feelings. Design solves a problem.”
Image Credit: http://old.post-gazette.com/xtras/pghimages/default.asp?page=2
None
Image Credit: http://everlite.deviantart.com/art/Girl-in-mirror-2-of-2-99542012 Appearance
Image Credit: http://www.torontoseogroup.com/a-different-kind-of-internet-marketing-company Distinctiveness
Image Credit: http://www.epicgames.ru/2010/07/07/depth-indi-igry-v-3d/doftest/ Depth
energy Energy Image Credit: http://www.alysoncamille.com/posts/motion/
Image Credit: http://jameswoodward.wordpress.com/2012/01/24/hands/ Humanity
“33”
appearance distinctiveness depth energy humanity “33”
appearance distinctiveness depth energy humanity “33” }emotional framework
Mechanics of good Design
Fitt’s Law SEARCH Hard to click SEARCH Easy to click
Which 5 points on a screen are the easiest to
click?
TOP LEFT TOP RIGHT BOTTOM RIGHT BOTTOM LEFT WHEREVER THE
CURSOR IS
Hick’s Law GOOSE DUCK DUCK DUCK DUCK DUCK DUCK DUCK
DUCK DUCK DUCK GOOSE DUCK DUCK DUCK DUCK DUCK DUCK
Consistency ⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇ ⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚉⚇⚇ ⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇ ⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇
None
None
None
None
“It’s not enough for our websites to be usable. They
need to be human.” ~ Aarron Walter
None
Design on the Web
None
None
None
None
None
None
None
None
None
None
None
None
None
Good design must be defined by appropriateness to audience and
goals, and by its effectiveness, not by its adherence to Swiss design or the number of awards it wins.” ~ Drew Davies “
Business owners need to realize that their design is a
reflection of their business even if it is not intentional. If you don’t care about your design then your design is telling people that you don’t care about your business.” ~ Marco Suarez “
Thanks! Download: @jc #dsum12