Design for Success - Fundamentals that Build Brand

Talk from Digital Summit 2012 in Atlanta, GA

Transcript

1. Designing for Success Fundamentals that build brand Digital Summit 2012 - Atlanta, GA
2. @jc #dsum12 Hi. I’m J. jcornelius.com
3. Designing for Success
13. What is Design?
14. object, agent, goals, environment, components, requirements, constraints, site you user desire web tools & code client time & money
16. Form follows Function
17. Form vs. Function
18. Beauty vs. Usability Form vs. Function
20. Great design creates usability. Design without usability is just art.” “
21. Okay
22. Good
23. Great
28. Reducing Friction Image Credit: http://flaglerlive.com/26173/florida-education-post-mortem/
29. What is a Brand?
30. Mesopotamian Bottle Cap ~3000 B.C. Image Credit: http://www.freerepublic.com/focus/f-news/2007447/posts
31. Image Credit: http://adsoftheworld.com/media/print/faber_castell_permanent_marker_cattle?size=_original
32. Image Credit: http://yourchilltime.blogspot.com/2010/12/good-old-times-road-runner.html
34. A brand sits at the intersection of what a company does, and how the consumer feels about it.
35. ACME
36. YOU ACME
37. YOU ACME
38. YOU FRIEND FRIEND
39. YOU ACME FRIEND FRIEND
40. Understanding what people want and designing things that inspire them is the most powerful way to achieve business goals.
41. Beyond the Brand
42. Emotion
43. Emotion
44. Emotion
46. 100 milliseconds Image Credit: http://www.gfsboothblog.com/2011_01_01_archive.html
47. Loading: 70% complete...
48. No amount of design can fix a lousy experience.
49. Design all the Things
50. “Art communicates feelings. Design solves a problem.”
51. Image Credit: http://old.post-gazette.com/xtras/pghimages/default.asp?page=2
53. Image Credit: http://everlite.deviantart.com/art/Girl-in-mirror-2-of-2-99542012 Appearance
54. Image Credit: http://www.torontoseogroup.com/a-different-kind-of-internet-marketing-company Distinctiveness
55. Image Credit: http://www.epicgames.ru/2010/07/07/depth-indi-igry-v-3d/doftest/ Depth
56. energy Energy Image Credit: http://www.alysoncamille.com/posts/motion/
57. Image Credit: http://jameswoodward.wordpress.com/2012/01/24/hands/ Humanity
58. “33”
59. appearance distinctiveness depth energy humanity “33”
60. appearance distinctiveness depth energy humanity “33” }emotional framework
61. Mechanics of good Design
62. Fitt’s Law SEARCH Hard to click SEARCH Easy to click
63. Which 5 points on a screen are the easiest to click?
64. TOP LEFT TOP RIGHT BOTTOM RIGHT BOTTOM LEFT WHEREVER THE CURSOR IS
65. Hick’s Law GOOSE DUCK DUCK DUCK DUCK DUCK DUCK DUCK DUCK DUCK DUCK GOOSE DUCK DUCK DUCK DUCK DUCK DUCK
66. Consistency ⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇ ⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚉⚇⚇ ⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇ ⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇
71. “It’s not enough for our websites to be usable. They need to be human.” ~ Aarron Walter
73. Design on the Web
87. 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 “
88. 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 “
89. Thanks! Download: @jc #dsum12