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
37
Human-Centered Product Design
jc
3
360
Designing for Humans
jc
1
89
Redesign Your Design Thinking
jc
5
1.1k
Digital Fluency and User Experience
jc
1
210
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
CIRCULAR ECONOMY + SERVICES
jmanooch
0
110
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
1.8k
AIで加速するアクセシビリティのこれから
magi1125
3
510
Kid Cowboy 103
marilutwin
0
250
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
130
Building foundations 堅牢なデザイントークンの設計
hilokifigma
2
3.4k
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
500
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
2.8k
本当に欲しかったのはモノレポツールではなく、tsconfigの設定だった / monorepo-tsconfig
rdlabo
1
150
250131_product meetup
motokoishida
0
210
DC Style Redesign
mcduckyart
0
120
生成AIを活用した組み込みSW設計書検索システム開発
licux
7
1.1k
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
Being A Developer After 40
akosma
90
590k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.8k
Automating Front-end Workflow
addyosmani
1370
200k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
137
34k
Rebuilding a faster, lazier Slack
samanthasiow
81
9k
What's in a price? How to price your products and services
michaelherold
245
12k
Optimizing for Happiness
mojombo
379
70k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
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