Pretty MobileMaking Your Application Look Sexy   jason@gravityswitch.com         #jasonNmark                              ...
What You’ll Learn Today   ‣ How Visuals Support Brand   ‣ Applying This to Mobile   ‣ Review of Your Apps   ‣ Review of Ic...
Jason@gravityswitch.com              Web / iPhone / iPad              Technology serves business              Educator    ...
I Like Tricky Problems                                                    gravity switch                                  ...
And You Are?                                       gravity switch                                            gravity switc...
Why You’re Here        Existing App        New App                                                        gravity switch  ...
Type of App                 Games                 Utilities                 Productivity                 Music/Photo/Video...
App Pricing      Free!   $0.00         $    $.99 - $2.99       $$     $3.99 - $9.99      $$$     $9.99+         ?    Other...
Company Size       Lone Gunslinger       2-10 employees/partners       11-100 employees       100+ employee company       ...
iPhone vs. iPad                                                   gravity switch                                          ...
Android & Others        Apple only shop        Getting into Android too        We do both        Anything else? HTML5?    ...
What You’re Best At          Programming          Designing          Usability          Other                             ...
Your Design Experience         Crayons         Use Photoshop well         Design 5 color palettes from this:         Win a...
Pay AttentionCan you tell which are professional?                                                     gravity switch      ...
gravity switchNice people. Award-winning process. Websites done right.
gravity switchNice people. Award-winning process. Websites done right.
Which...     Stood out as good or bad?                                                         gravity switch             ...
Worth $1b?                                            gravity switch             Nice people. Award-winning process. Websi...
Built in bedroom?                                               gravity switch                Nice people. Award-winning p...
Built for Geeks?                                                  gravity switch                   Nice people. Award-winn...
Are Consumer Apps?                                             gravity switch              Nice people. Award-winning proc...
Why did you think that?                                               gravity switch                Nice people. Award-win...
Sorry... I Lied      24 Judgement Calls in 7 Seconds            • Money            • Education            • Interest      ...
What is Brand?                                         gravity switch          Nice people. Award-winning process. Website...
Brand = Feelings, Not Logo                                                     gravity switch                      Nice pe...
What Does Your App Do?          In 140 characters                                                         gravity switch  ...
Who Uses Your App?          In 140 characters                                                         gravity switch      ...
What Do You Want People to FEEL?           In 3 words                                                       gravity switch...
Dig Deeper With One Of Yours                                                    gravity switch                     Nice pe...
Dig Deeper With One Of Yours          National brands                                                           gravity sw...
Dig Deeper With One Of Yours          National brands          What do you expect?                                        ...
Dig Deeper With One Of Yours          National brands          What do you expect?          What emotions?                ...
Visually Defining a Brand       Mood Boards                                               gravity switch                Nic...
Style Guides are Dumb                                                 55                                                 p...
Please Don’t Do This                                                      gravity switch                       Nice people...
Try a Mood Board                                                  gravity switch                   Nice people. Award-winn...
Try a Mood Board                                                  gravity switch                   Nice people. Award-winn...
Try a Mood Board                   Spend 15 minutes                   Pick one:                     Posters               ...
If you haven’t gone too far...       you haven’t done your job.                                                      gravi...
Remember       It doesn’t matter if you like it       It doesn’t matter if your boss likes it       It matters if it works...
How to Hire Designers         2 hours         5-10 people         Pay them for their time         Mood Boards and Designs ...
Do You Have Style?                                           gravity switch            Nice people. Award-winning process....
Main Menu                                           gravity switch            Nice people. Award-winning process. Websites...
Main Menu                                           gravity switch            Nice people. Award-winning process. Websites...
Main Menu                                           gravity switch            Nice people. Award-winning process. Websites...
Main Menu                                           gravity switch            Nice people. Award-winning process. Websites...
Main Menu                                           gravity switch            Nice people. Award-winning process. Websites...
Colored Nav                                             gravity switch              Nice people. Award-winning process. We...
Colored Nav                                             gravity switch              Nice people. Award-winning process. We...
Main Menu                                           gravity switch            Nice people. Award-winning process. Websites...
Fonts                                       gravity switch        Nice people. Award-winning process. Websites done right.
Serif vs. Sans-Serif?                                                       gravity switch                        Nice peo...
Serif vs. Sans-Serif? Serif = conservative                                                       gravity switch           ...
Serif vs. Sans-Serif? Serif = conservative   Sans-Serif = Modern                                                          ...
Serif vs. Sans-Serif?    When in doubt, use Sans-Serif.         ‣ Easy to read small         ‣ More common                ...
Strange Fonts are Hard to Use                                                   gravity switch                    Nice peo...
Strange Fonts are Hard to Use       tre           nd     s pa                       ss                                    ...
What else to know   ‣ Buy your fonts   ‣ 3 fonts MAXIMUM   ‣ Spacing m a t t e r s   ‣ Arial and Verdana are good choices ...
Colors                                        gravity switch         Nice people. Award-winning process. Websites done rig...
Colors Matter                                               gravity switch                Nice people. Award-winning proce...
Colors Matter                                               gravity switch                Nice people. Award-winning proce...
Colors Matter                                               gravity switch                Nice people. Award-winning proce...
Colors are HARD2 years of focused practice                                                             gravity switch     ...
A Good Color Palette Has...                5-7 Colors                2 that stand out                3-5 that are related ...
colorblender.comShortcut 1: Online                                                    gravity switch                     N...
Shortcut 2: From a Picture                                                    gravity switch                     Nice peop...
Shortcut 2: From a Picture                                                    gravity switch                     Nice peop...
What else to know                                                   gravity switch                    Nice people. Award-w...
What else to know   ‣ Match your saturation level                                                        gravity switch   ...
What else to know   ‣ Match your saturation level   ‣ More saturation isn’t better                                        ...
What else to know   ‣ Match your saturation level   ‣ More saturation isn’t better   ‣ Contrast is eye-catching           ...
What else to know   ‣ Match your saturation level   ‣ More saturation isn’t better   ‣ Contrast is eye-catching   ‣ Too mu...
How to Start                                        gravity switch         Nice people. Award-winning process. Websites do...
Prototypes vs. Wireframes                                                   gravity switch                    Nice people....
Prototypes vs. Wireframes    I’d suggest a prototype because it’s so new.                                                 ...
Rules of Thumb                                                gravity switch                 Nice people. Award-winning pr...
Rules of Thumb    Cartoons don’t work (usually)                                                               gravity swit...
Rules of Thumb    Cartoons don’t work (usually)    Don’t use clip art, other than icons                                   ...
Rules of Thumb    Cartoons don’t work (usually)    Don’t use clip art, other than icons    Don’t use more than 3 font fami...
Rules of Thumb    Cartoons don’t work (usually)    Don’t use clip art, other than icons    Don’t use more than 3 font fami...
A Golden Rule of Design    If you lean back in your chair and can’t easily    tell what you changed in the past 10 minutes...
Critiques                                      gravity switch       Nice people. Award-winning process. Websites done right.
Critiques are about being critical. If you’re notbrave enough to try something that doesn’t work,             you’re a bad...
Icons                                       gravity switch        Nice people. Award-winning process. Websites done right.
IconsWhat Can We Learn From Logos?                                                gravity switch                 Nice peop...
Batch 1                                         gravity switch          Nice people. Award-winning process. Websites done ...
gravity switchNice people. Award-winning process. Websites done right.
gravity switchNice people. Award-winning process. Websites done right.
gravity switchNice people. Award-winning process. Websites done right.
Batch 2                                         gravity switch          Nice people. Award-winning process. Websites done ...
gravity switchNice people. Award-winning process. Websites done right.
gravity switchNice people. Award-winning process. Websites done right.
What’s the difference?                                                   gravity switch                    Nice people. Aw...
There’s Also These Guys                                                  gravity switch                   Nice people. Awa...
Icons Should Be Iconic                    Don’t tell a story                    Give one feeling                    Keep s...
Other Icon Tips             Don’t hack the highlight away             Don’t put chrome around the edge                    ...
Improve Someone’s Icon        Share With Us   jason@gravityswitch.com        #jasonNmark                                  ...
Ask Me Questions!jason@gravityswitch.com     #jasonNmark                                               gravity switch     ...
Pretty Mobile - Making Your Application Look Sexy - Gravity Switch
Pretty Mobile - Making Your Application Look Sexy - Gravity Switch
Pretty Mobile - Making Your Application Look Sexy - Gravity Switch
Pretty Mobile - Making Your Application Look Sexy - Gravity Switch
Upcoming SlideShare
Loading in...5
×

Pretty Mobile - Making Your Application Look Sexy - Gravity Switch

1,053
-1

Published on

Learn how visuals support your brand and apply this to mobile applications.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,053
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Pretty Mobile - Making Your Application Look Sexy - Gravity Switch

    1. 1. Pretty MobileMaking Your Application Look Sexy jason@gravityswitch.com #jasonNmark gravity switch Nice people. Award-winning process. Websites done right.
    2. 2. What You’ll Learn Today ‣ How Visuals Support Brand ‣ Applying This to Mobile ‣ Review of Your Apps ‣ Review of Icons gravity switch Nice people. Award-winning process. Websites done right.
    3. 3. Jason@gravityswitch.com Web / iPhone / iPad Technology serves business Educator Author gravity switch gravity switch Nice Nice people. Award-winning process. Websites done right. people. Award-winning process. Websites done right.
    4. 4. I Like Tricky Problems gravity switch gravity switch Nice Nice people. Award-winning process. Websites done right. people. Award-winning process. Websites done right.
    5. 5. And You Are? gravity switch gravity switch gravity switch NiceNice NiceAward-winning process. process. Websites done right. people. people. Award-winning Websites done right. people. Award-winning process. Websites done right.
    6. 6. Why You’re Here Existing App New App gravity switch gravity switch Nice Nice people. Award-winning process. Websites done right. people. Award-winning process. Websites done right.
    7. 7. Type of App Games Utilities Productivity Music/Photo/Video Other gravity switch Nice people. Award-winning process. Websites done right.
    8. 8. App Pricing Free! $0.00 $ $.99 - $2.99 $$ $3.99 - $9.99 $$$ $9.99+ ? Other (internal app) gravity switch gravity switch Nice Nice people. Award-winning process. Websites done right. people. Award-winning process. Websites done right.
    9. 9. Company Size Lone Gunslinger 2-10 employees/partners 11-100 employees 100+ employee company gravity switch gravity switch Nice Nice people. Award-winning process. Websites done right. people. Award-winning process. Websites done right.
    10. 10. iPhone vs. iPad gravity switch gravity switch Nice Nice people. Award-winning process. Websites done right. people. Award-winning process. Websites done right.
    11. 11. Android & Others Apple only shop Getting into Android too We do both Anything else? HTML5? gravity switch gravity switch Nice Nice people. Award-winning process. Websites done right. people. Award-winning process. Websites done right.
    12. 12. What You’re Best At Programming Designing Usability Other gravity switch gravity switch Nice Nice people. Award-winning process. Websites done right. people. Award-winning process. Websites done right.
    13. 13. Your Design Experience Crayons Use Photoshop well Design 5 color palettes from this: Win awards for graphic design gravity switch gravity switch Nice Nice people. Award-winning process. Websites done right. people. Award-winning process. Websites done right.
    14. 14. Pay AttentionCan you tell which are professional? gravity switch Nice people. Award-winning process. Websites done right.
    15. 15. gravity switchNice people. Award-winning process. Websites done right.
    16. 16. gravity switchNice people. Award-winning process. Websites done right.
    17. 17. Which... Stood out as good or bad? gravity switch Nice people. Award-winning process. Websites done right.
    18. 18. Worth $1b? gravity switch Nice people. Award-winning process. Websites done right.
    19. 19. Built in bedroom? gravity switch Nice people. Award-winning process. Websites done right.
    20. 20. Built for Geeks? gravity switch Nice people. Award-winning process. Websites done right.
    21. 21. Are Consumer Apps? gravity switch Nice people. Award-winning process. Websites done right.
    22. 22. Why did you think that? gravity switch Nice people. Award-winning process. Websites done right.
    23. 23. Sorry... I Lied 24 Judgement Calls in 7 Seconds • Money • Education • Interest • Etc. gravity switch Nice people. Award-winning process. Websites done right.
    24. 24. What is Brand? gravity switch Nice people. Award-winning process. Websites done right.
    25. 25. Brand = Feelings, Not Logo gravity switch Nice people. Award-winning process. Websites done right.
    26. 26. What Does Your App Do? In 140 characters gravity switch Nice people. Award-winning process. Websites done right.
    27. 27. Who Uses Your App? In 140 characters gravity switch Nice people. Award-winning process. Websites done right.
    28. 28. What Do You Want People to FEEL? In 3 words gravity switch Nice people. Award-winning process. Websites done right.
    29. 29. Dig Deeper With One Of Yours gravity switch Nice people. Award-winning process. Websites done right.
    30. 30. Dig Deeper With One Of Yours National brands gravity switch Nice people. Award-winning process. Websites done right.
    31. 31. Dig Deeper With One Of Yours National brands What do you expect? gravity switch Nice people. Award-winning process. Websites done right.
    32. 32. Dig Deeper With One Of Yours National brands What do you expect? What emotions? gravity switch Nice people. Award-winning process. Websites done right.
    33. 33. Visually Defining a Brand Mood Boards gravity switch Nice people. Award-winning process. Websites done right.
    34. 34. Style Guides are Dumb 55 pages ! gravity switch Nice people. Award-winning process. Websites done right.
    35. 35. Please Don’t Do This gravity switch Nice people. Award-winning process. Websites done right.
    36. 36. Try a Mood Board gravity switch Nice people. Award-winning process. Websites done right.
    37. 37. Try a Mood Board gravity switch Nice people. Award-winning process. Websites done right.
    38. 38. Try a Mood Board Spend 15 minutes Pick one: Posters Pictures Fonts Colors
    39. 39. If you haven’t gone too far... you haven’t done your job. gravity switch Nice people. Award-winning process. Websites done right.
    40. 40. Remember It doesn’t matter if you like it It doesn’t matter if your boss likes it It matters if it works gravity switch Nice people. Award-winning process. Websites done right.
    41. 41. How to Hire Designers 2 hours 5-10 people Pay them for their time Mood Boards and Designs You’ll know who to work with gravity switch Nice people. Award-winning process. Websites done right.
    42. 42. Do You Have Style? gravity switch Nice people. Award-winning process. Websites done right.
    43. 43. Main Menu gravity switch Nice people. Award-winning process. Websites done right.
    44. 44. Main Menu gravity switch Nice people. Award-winning process. Websites done right.
    45. 45. Main Menu gravity switch Nice people. Award-winning process. Websites done right.
    46. 46. Main Menu gravity switch Nice people. Award-winning process. Websites done right.
    47. 47. Main Menu gravity switch Nice people. Award-winning process. Websites done right.
    48. 48. Colored Nav gravity switch Nice people. Award-winning process. Websites done right.
    49. 49. Colored Nav gravity switch Nice people. Award-winning process. Websites done right.
    50. 50. Main Menu gravity switch Nice people. Award-winning process. Websites done right.
    51. 51. Fonts gravity switch Nice people. Award-winning process. Websites done right.
    52. 52. Serif vs. Sans-Serif? gravity switch Nice people. Award-winning process. Websites done right.
    53. 53. Serif vs. Sans-Serif? Serif = conservative gravity switch Nice people. Award-winning process. Websites done right.
    54. 54. Serif vs. Sans-Serif? Serif = conservative Sans-Serif = Modern gravity switch Nice people. Award-winning process. Websites done right.
    55. 55. Serif vs. Sans-Serif? When in doubt, use Sans-Serif. ‣ Easy to read small ‣ More common gravity switch Nice people. Award-winning process. Websites done right.
    56. 56. Strange Fonts are Hard to Use gravity switch Nice people. Award-winning process. Websites done right.
    57. 57. Strange Fonts are Hard to Use tre nd s pa ss gravity switch Nice people. Award-winning process. Websites done right.
    58. 58. What else to know ‣ Buy your fonts ‣ 3 fonts MAXIMUM ‣ Spacing m a t t e r s ‣ Arial and Verdana are good choices gravity switch Nice people. Award-winning process. Websites done right.
    59. 59. Colors gravity switch Nice people. Award-winning process. Websites done right.
    60. 60. Colors Matter gravity switch Nice people. Award-winning process. Websites done right.
    61. 61. Colors Matter gravity switch Nice people. Award-winning process. Websites done right.
    62. 62. Colors Matter gravity switch Nice people. Award-winning process. Websites done right.
    63. 63. Colors are HARD2 years of focused practice gravity switch Nice people. Award-winning process. Websites done right.
    64. 64. A Good Color Palette Has... 5-7 Colors 2 that stand out 3-5 that are related gravity switch Nice people. Award-winning process. Websites done right.
    65. 65. colorblender.comShortcut 1: Online gravity switch Nice people. Award-winning process. Websites done right.
    66. 66. Shortcut 2: From a Picture gravity switch Nice people. Award-winning process. Websites done right.
    67. 67. Shortcut 2: From a Picture gravity switch Nice people. Award-winning process. Websites done right.
    68. 68. What else to know gravity switch Nice people. Award-winning process. Websites done right.
    69. 69. What else to know ‣ Match your saturation level gravity switch Nice people. Award-winning process. Websites done right.
    70. 70. What else to know ‣ Match your saturation level ‣ More saturation isn’t better gravity switch Nice people. Award-winning process. Websites done right.
    71. 71. What else to know ‣ Match your saturation level ‣ More saturation isn’t better ‣ Contrast is eye-catching gravity switch Nice people. Award-winning process. Websites done right.
    72. 72. What else to know ‣ Match your saturation level ‣ More saturation isn’t better ‣ Contrast is eye-catching ‣ Too much contrast = a Kmart flier gravity switch Nice people. Award-winning process. Websites done right.
    73. 73. How to Start gravity switch Nice people. Award-winning process. Websites done right.
    74. 74. Prototypes vs. Wireframes gravity switch Nice people. Award-winning process. Websites done right.
    75. 75. Prototypes vs. Wireframes I’d suggest a prototype because it’s so new. gravity switch Nice people. Award-winning process. Websites done right.
    76. 76. Rules of Thumb gravity switch Nice people. Award-winning process. Websites done right.
    77. 77. Rules of Thumb Cartoons don’t work (usually) gravity switch Nice people. Award-winning process. Websites done right.
    78. 78. Rules of Thumb Cartoons don’t work (usually) Don’t use clip art, other than icons gravity switch Nice people. Award-winning process. Websites done right.
    79. 79. Rules of Thumb Cartoons don’t work (usually) Don’t use clip art, other than icons Don’t use more than 3 font families (2 is better) gravity switch Nice people. Award-winning process. Websites done right.
    80. 80. Rules of Thumb Cartoons don’t work (usually) Don’t use clip art, other than icons Don’t use more than 3 font families (2 is better) Know if you want to stand out, or catch up gravity switch Nice people. Award-winning process. Websites done right.
    81. 81. A Golden Rule of Design If you lean back in your chair and can’t easily tell what you changed in the past 10 minutes, it’s time to stop working. - Christine Mark gravity switch Nice people. Award-winning process. Websites done right.
    82. 82. Critiques gravity switch Nice people. Award-winning process. Websites done right.
    83. 83. Critiques are about being critical. If you’re notbrave enough to try something that doesn’t work, you’re a bad designer. Be Brave and send something to my Dropbox and we’ll help you find what works and what doesn’t work. You’ll be a better designer for it. gravity switch Nice people. Award-winning process. Websites done right.
    84. 84. Icons gravity switch Nice people. Award-winning process. Websites done right.
    85. 85. IconsWhat Can We Learn From Logos? gravity switch Nice people. Award-winning process. Websites done right.
    86. 86. Batch 1 gravity switch Nice people. Award-winning process. Websites done right.
    87. 87. gravity switchNice people. Award-winning process. Websites done right.
    88. 88. gravity switchNice people. Award-winning process. Websites done right.
    89. 89. gravity switchNice people. Award-winning process. Websites done right.
    90. 90. Batch 2 gravity switch Nice people. Award-winning process. Websites done right.
    91. 91. gravity switchNice people. Award-winning process. Websites done right.
    92. 92. gravity switchNice people. Award-winning process. Websites done right.
    93. 93. What’s the difference? gravity switch Nice people. Award-winning process. Websites done right.
    94. 94. There’s Also These Guys gravity switch Nice people. Award-winning process. Websites done right.
    95. 95. Icons Should Be Iconic Don’t tell a story Give one feeling Keep shapes simple Don’t overdo it gravity switch Nice people. Award-winning process. Websites done right.
    96. 96. Other Icon Tips Don’t hack the highlight away Don’t put chrome around the edge gravity switch Nice people. Award-winning process. Websites done right.
    97. 97. Improve Someone’s Icon Share With Us jason@gravityswitch.com #jasonNmark gravity switch Nice people. Award-winning process. Websites done right.
    98. 98. Ask Me Questions!jason@gravityswitch.com #jasonNmark gravity switch Nice people. Award-winning process. Websites done right.
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×