Android DevCon 2013 Design

  • 390 views
Uploaded on

 

More in: Business , Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
390
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
13
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Pretty MobileHow to look good and why it mattersThursday, May 23, 13
  • 2. You’ll Learn‣ How visuals support brand‣ Applying this to mobile‣ Making your apps better‣ The importance of iconsPlease consider sharing!Thursday, May 23, 13
  • 3. Pay AttentionWhat do you think of these apps?Thursday, May 23, 13
  • 4. Thursday, May 23, 13
  • 5. Thursday, May 23, 13
  • 6. which...stood out as good? bad?Thursday, May 23, 13
  • 7. worth $1b?Thursday, May 23, 13
  • 8. homemade?Thursday, May 23, 13
  • 9. for geeks?Thursday, May 23, 13
  • 10. why?Thursday, May 23, 13
  • 11. sorry... i lied24 judgement calls in 7 second‣ money‣ education‣ interesting‣ etc.Thursday, May 23, 13
  • 12. what’s your brand?professionallargeexcitingusefulgrass rootsfuneasypersonalcorporatefull featuredrelaxingThursday, May 23, 13
  • 13. your samples?send:‣ screenshot or wireframe‣ 3 phrases to describe your brand‣ brand inspiration (optional)to: jess@gravityswitch.comThursday, May 23, 13
  • 14. A Little About YouThursday, May 23, 13
  • 15. why’d ya come?Existing AppNew AppThursday, May 23, 13
  • 16. $0.00$.99 - $2.99$3.99 - $9.99$9.99+other (internal app)pricing$$$?Free!$$$Thursday, May 23, 13
  • 17. company sizelone gunslinger2-10 employees/partners11-100 employees100+ employeesThursday, May 23, 13
  • 18. Thursday, May 23, 13
  • 19. your superpower?programmingdesignusabilityotherThursday, May 23, 13
  • 20. crayonsuse Photoshop welldesign 5 color pallets from this:win awards for graphic designdesign experienceThursday, May 23, 13
  • 21. A Little About MeFor perspective...Thursday, May 23, 13
  • 22. I’m a Hard-AssThursday, May 23, 13
  • 23. Thursday, May 23, 13
  • 24. Thursday, May 23, 13
  • 25. We make cool stuff withcool people.Thursday, May 23, 13
  • 26. Web. Mobile. Marketing.Strategy. Teaching.Thursday, May 23, 13
  • 27. You should also knowThursday, May 23, 13
  • 28. Artists Critique ArtThursday, May 23, 13
  • 29. It’s more fun to dogreat thingsThursday, May 23, 13
  • 30. What is Visual Brand?Hint: not a style guideThursday, May 23, 13
  • 31. gravityswith.com/andevconThursday, May 23, 13
  • 32. Articulating BrandThursday, May 23, 13
  • 33. (Most) Style Guides are Dumb55 pages!Thursday, May 23, 13
  • 34. Please Don’t Ever do ThisThursday, May 23, 13
  • 35. Mood Board / Style TileThursday, May 23, 13
  • 36. Mood Board / Style TileThursday, May 23, 13
  • 37. Thursday, May 23, 13
  • 38. Thursday, May 23, 13
  • 39. Try OneFind:PostersPicturesFontsColorsThursday, May 23, 13
  • 40. RememberIt doesn’t matter if you like itIt doesn’t matter if your boss likes itIt matters if it works!Thursday, May 23, 13
  • 41. Design ElementsFonts, colors, menus & navigationThursday, May 23, 13
  • 42. FontsHow to chooseThursday, May 23, 13
  • 43. serif = conservativeThursday, May 23, 13
  • 44. serif = conservative sans-serif = modernThursday, May 23, 13
  • 45. when in doubt...easy to read smallmore common (digitally)... use sans-serif.Thursday, May 23, 13
  • 46. Strange Fonts are HardThursday, May 23, 13
  • 47. What else to know‣ Buy your fonts‣ 3 fonts MAXIMUM‣ S p a c i n g matters‣ Android still limited... butThursday, May 23, 13
  • 48. you can’t go wrong with helvetica robotosource: theunderstatement.comThursday, May 23, 13
  • 49. Got Style?Menus & navigationThursday, May 23, 13
  • 50. main menuThursday, May 23, 13
  • 51. main menuThursday, May 23, 13
  • 52. main menuThursday, May 23, 13
  • 53. iPhone Vs. AndroidThursday, May 23, 13
  • 54. main menuThursday, May 23, 13
  • 55. colored navigationThursday, May 23, 13
  • 56. Color MattersThursday, May 23, 13
  • 57. Colors are HARD2 years of Focused PracticeThursday, May 23, 13
  • 58. A Good Color Palette Has...5-7 Colors2 that stand out3-5 that are relatedThursday, May 23, 13
  • 59. Shortcut 1: Onlinecolorblender.comThursday, May 23, 13
  • 60. Shortcut 2: From a PictureThursday, May 23, 13
  • 61. Shortcut 2: From a PictureThursday, May 23, 13
  • 62. What Else to KnowThursday, May 23, 13
  • 63. What Else to Know‣ Match your saturation levelThursday, May 23, 13
  • 64. What Else to Know‣ Match your saturation level‣ More saturation isn’t betterThursday, May 23, 13
  • 65. What Else to Know‣ Match your saturation level‣ More saturation isn’t better‣ Contrast is eye-catchingThursday, May 23, 13
  • 66. What Else to Know‣ Match your saturation level‣ More saturation isn’t better‣ Contrast is eye-catching‣ Too much contrast = a Kmart flierThursday, May 23, 13
  • 67. TipsFrom the mastersThursday, May 23, 13
  • 68. If you haven’t gone too far...... You haven’t done your job.Thursday, May 23, 13
  • 69. Consider wireframesLess to think aboutGood/BadThursday, May 23, 13
  • 70. Thursday, May 23, 13
  • 71. Rules of Thumb‣ Cartoons don’t work‣ Don’t use clipart (other than icons)‣ Know if you want to stand out,or catch up‣ Discard 3 effects before shippingThursday, May 23, 13
  • 72. Hiring a designer2 hours5-10 peoplePay them for their timeMood Boards and DesignsYou’ll know who to work withThursday, May 23, 13
  • 73. Good/Bad DesignerThursday, May 23, 13
  • 74. Good/Bad DesignerWhat do you like?Thursday, May 23, 13
  • 75. Good/Bad DesignerWhat do you like?What do you want people to feel?Thursday, May 23, 13
  • 76. Good/Bad DesignerWhat do you like?What do you want people to feel?Do I have to use your logo?Thursday, May 23, 13
  • 77. Good/Bad DesignerWhat do you like?What do you want people to feel?Do I have to use your logo?What color should it be?Thursday, May 23, 13
  • 78. Good/Bad DesignerWhat do you like?What do you want people to feel?Do I have to use your logo?What color should it be?Is there a style guide to be aware of?Thursday, May 23, 13
  • 79. Good/Bad DesignerWhat do you like?What do you want people to feel?Do I have to use your logo?What color should it be?Is there a style guide to be aware of?I’ll make you a style guide first.Thursday, May 23, 13
  • 80. Good/Bad DesignerWhat do you like?What do you want people to feel?Do I have to use your logo?What color should it be?Is there a style guide to be aware of?I’ll make you a style guide first.I’ll start with mood boardsThursday, May 23, 13
  • 81. The Golden RuleIf you can’t tell what you changed in thepast 10 minutes, it’s time to stopworking.Christine MarkThursday, May 23, 13
  • 82. Critiquescritiques are about being criticaljason@gravityswitch.comThursday, May 23, 13
  • 83. Iconswhat can we learn from logosThursday, May 23, 13
  • 84. Hiring a designer2 hours5-10 peoplePay them for their timeMood Boards and DesignsYou’ll know who to work withThursday, May 23, 13
  • 85. What’s the Difference?Thursday, May 23, 13
  • 86. There’s Also TheseThursday, May 23, 13
  • 87. gravityswith.com/andevconThursday, May 23, 13
  • 88. Icons Should Be Iconicdon’t tell a storyone idea onlysimple shapesdon’t overdo itThursday, May 23, 13
  • 89. Icon Critiquesjason@gravityswitch.comThursday, May 23, 13
  • 90. What is Brand?other than a word designers use to chargemore money...Thursday, May 23, 13
  • 91. brand = emotionsnot a logoThursday, May 23, 13
  • 92. what does your appin 140 charactersThursday, May 23, 13
  • 93. who uses it?in 140 charactersThursday, May 23, 13
  • 94. what should users feel?national brandswhat emotions?what expectations do they have?Thursday, May 23, 13
  • 95. What didJessica do?look at some samplesThursday, May 23, 13
  • 96. Ask Me Questionshttp://gravityswitch.com/andevconjason@gravityswitch.com@jasonNmarkeBooks (Thursday 8:30)Thursday, May 23, 13