Design for Success - Fundamentals that Build Brand

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

4. None
5. None
6. None
7. None
8. None
9. None
10. None
11. None
12. None

13. What is Design?

14. object, agent, goals, environment, components, requirements, constraints, site you user

    desire web tools & code client time & money
15. None

16. Form follows Function

17. Form vs. Function

18. Beauty vs. Usability Form vs. Function

19. None

20. Great design creates usability. Design without usability is just art.”

    “

21. Okay

22. Good

23. Great

24. None
25. None
26. None
27. None

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

33. None

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

45. None

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

52. None

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 ⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇ ⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚉⚇⚇ ⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇ ⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇⚇

67. None
68. None
69. None
70. None

71. “It’s not enough for our websites to be usable. They

    need to be human.” ~ Aarron Walter
72. None

73. Design on the Web

74. None
75. None
76. None
77. None
78. None
79. None
80. None
81. None
82. None
83. None
84. None
85. None
86. None

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