Android DevCon 2013 Design
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Android DevCon 2013 Design

on

  • 671 views

 

Statistics

Views

Total Views
671
Views on SlideShare
671
Embed Views
0

Actions

Likes
0
Downloads
12
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Android DevCon 2013 Design Presentation 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