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
89
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
Character Experience AI 〜 AIキャラクターのつくりかた 〜
smartbank
1
350
数理的アプローチで挑むスマホUIのデザイン改善:タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
lycorptech_jp
PRO
0
840
「UXとUIの違い」v2
shirasu3
0
250
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
550
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
160
Goodpatch Tour💙 / We are hiring!
goodpatch
31
890k
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
500
Liquid GlassとApp Intents
touyou
0
370
Designing User Experience through Interaction Design
lycorptech_jp
PRO
0
400
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
2.7k
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
160
Installing and Running decksh/pdfdeck
ajstarks
1
860
Featured
See All Featured
Build your cross-platform service in a week with App Engine
jlugia
232
18k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
53k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
Thoughts on Productivity
jonyablonski
70
4.9k
The World Runs on Bad Software
bkeepers
PRO
71
11k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6.1k
Learning to Love Humans: Emotional Interface Design
aarron
274
40k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Visualization
eitanlees
148
16k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
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