SlideShare a Scribd company logo
Pretty Mobile
How to look good and why it matters
Thursday, May 23, 13
You’ll Learn
‣ How visuals support brand
‣ Applying this to mobile
‣ Making your apps better
‣ The importance of icons
Please consider sharing!
Thursday, May 23, 13
Pay Attention
What do you think of these apps?
Thursday, May 23, 13
Thursday, May 23, 13
Thursday, May 23, 13
which...
stood out as good? bad?
Thursday, May 23, 13
worth $1b?
Thursday, May 23, 13
homemade?
Thursday, May 23, 13
for geeks?
Thursday, May 23, 13
why?
Thursday, May 23, 13
sorry... i lied
24 judgement calls in 7 second
‣ money
‣ education
‣ interesting
‣ etc.
Thursday, May 23, 13
what’s your brand?
professional
large
exciting
useful
grass roots
fun
easy
personal
corporate
full featured
relaxing
Thursday, May 23, 13
your samples?
send:
‣ screenshot or wireframe
‣ 3 phrases to describe your brand
‣ brand inspiration (optional)
to: jess@gravityswitch.com
Thursday, May 23, 13
A Little About You
Thursday, May 23, 13
why’d ya come?
Existing App
New App
Thursday, May 23, 13
$0.00
$.99 - $2.99
$3.99 - $9.99
$9.99+
other (internal app)
pricing
$
$
$
?
Free!
$
$$
Thursday, May 23, 13
company size
lone gunslinger
2-10 employees/partners
11-100 employees
100+ employees
Thursday, May 23, 13
Thursday, May 23, 13
your superpower?
programming
design
usability
other
Thursday, May 23, 13
crayons
use Photoshop well
design 5 color pallets from this:
win awards for graphic design
design experience
Thursday, May 23, 13
A Little About Me
For perspective...
Thursday, May 23, 13
I’m a Hard-Ass
Thursday, May 23, 13
Thursday, May 23, 13
Thursday, May 23, 13
We make cool stuff with
cool people.
Thursday, May 23, 13
Web. Mobile. Marketing.
Strategy. Teaching.
Thursday, May 23, 13
You should also know
Thursday, May 23, 13
Artists Critique Art
Thursday, May 23, 13
It’s more fun to do
great things
Thursday, May 23, 13
What is Visual Brand?
Hint: not a style guide
Thursday, May 23, 13
gravityswith.com/andevcon
Thursday, May 23, 13
Articulating Brand
Thursday, May 23, 13
(Most) Style Guides are Dumb
55 pages!
Thursday, May 23, 13
Please Don’t Ever do This
Thursday, May 23, 13
Mood Board / Style Tile
Thursday, May 23, 13
Mood Board / Style Tile
Thursday, May 23, 13
Thursday, May 23, 13
Thursday, May 23, 13
Try One
Find:
Posters
Pictures
Fonts
Colors
Thursday, May 23, 13
Remember
It doesn’t matter if you like it
It doesn’t matter if your boss likes it
It matters if it works!
Thursday, May 23, 13
Design Elements
Fonts, colors, menus & navigation
Thursday, May 23, 13
Fonts
How to choose
Thursday, May 23, 13
serif = conservative
Thursday, May 23, 13
serif = conservative sans-serif = modern
Thursday, May 23, 13
when in doubt...
easy to read small
more common (digitally)
... use sans-serif.
Thursday, May 23, 13
Strange Fonts are Hard
Thursday, May 23, 13
What else to know
‣ Buy your fonts
‣ 3 fonts MAXIMUM
‣ S p a c i n g matters
‣ Android still limited... but
Thursday, May 23, 13
you can’t go wrong with helvetica roboto
source: theunderstatement.com
Thursday, May 23, 13
Got Style?
Menus & navigation
Thursday, May 23, 13
main menu
Thursday, May 23, 13
main menu
Thursday, May 23, 13
main menu
Thursday, May 23, 13
iPhone Vs. Android
Thursday, May 23, 13
main menu
Thursday, May 23, 13
colored navigation
Thursday, May 23, 13
Color Matters
Thursday, May 23, 13
Colors are HARD
2 years of Focused Practice
Thursday, May 23, 13
A Good Color Palette Has...
5-7 Colors
2 that stand out
3-5 that are related
Thursday, May 23, 13
Shortcut 1: Online
colorblender.com
Thursday, May 23, 13
Shortcut 2: From a Picture
Thursday, May 23, 13
Shortcut 2: From a Picture
Thursday, May 23, 13
What Else to Know
Thursday, May 23, 13
What Else to Know
‣ Match your saturation level
Thursday, May 23, 13
What Else to Know
‣ Match your saturation level
‣ More saturation isn’t better
Thursday, May 23, 13
What Else to Know
‣ Match your saturation level
‣ More saturation isn’t better
‣ Contrast is eye-catching
Thursday, May 23, 13
What Else to Know
‣ Match your saturation level
‣ More saturation isn’t better
‣ Contrast is eye-catching
‣ Too much contrast = a Kmart flier
Thursday, May 23, 13
Tips
From the masters
Thursday, May 23, 13
If you haven’t gone too far...
... You haven’t done your job.
Thursday, May 23, 13
Consider wireframes
Less to think about
Good/Bad
Thursday, May 23, 13
Thursday, May 23, 13
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 shipping
Thursday, May 23, 13
Hiring a designer
2 hours
5-10 people
Pay them for their time
Mood Boards and Designs
You’ll know who to work with
Thursday, May 23, 13
Good/Bad Designer
Thursday, May 23, 13
Good/Bad Designer
What do you like?
Thursday, May 23, 13
Good/Bad Designer
What do you like?
What do you want people to feel?
Thursday, May 23, 13
Good/Bad Designer
What do you like?
What do you want people to feel?
Do I have to use your logo?
Thursday, May 23, 13
Good/Bad Designer
What 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
Good/Bad Designer
What 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
Good/Bad Designer
What 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
Good/Bad Designer
What 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 boards
Thursday, May 23, 13
The Golden Rule
If you can’t tell what you changed in the
past 10 minutes, it’s time to stop
working.
Christine Mark
Thursday, May 23, 13
Critiques
critiques are about being critical
jason@gravityswitch.com
Thursday, May 23, 13
Icons
what can we learn from logos
Thursday, May 23, 13
Hiring a designer
2 hours
5-10 people
Pay them for their time
Mood Boards and Designs
You’ll know who to work with
Thursday, May 23, 13
What’s the Difference?
Thursday, May 23, 13
There’s Also These
Thursday, May 23, 13
gravityswith.com/andevcon
Thursday, May 23, 13
Icons Should Be Iconic
don’t tell a story
one idea only
simple shapes
don’t overdo it
Thursday, May 23, 13
Icon Critiques
jason@gravityswitch.com
Thursday, May 23, 13
What is Brand?
other than a word designers use to charge
more money...
Thursday, May 23, 13
brand = emotions
not a logo
Thursday, May 23, 13
what does your app
in 140 characters
Thursday, May 23, 13
who uses it?
in 140 characters
Thursday, May 23, 13
what should users feel?
national brands
what emotions?
what expectations do they have?
Thursday, May 23, 13
What did
Jessica do?
look at some samples
Thursday, May 23, 13
Ask Me Questions
http://gravityswitch.com/andevcon
jason@gravityswitch.com
@jasonNmark
eBooks (Thursday 8:30)
Thursday, May 23, 13

More Related Content

Similar to Android DevCon 2013 Design

SEO Is Dead. Long Live SEO - SEO Camp Montreal 2013
SEO Is Dead. Long Live SEO - SEO Camp Montreal 2013SEO Is Dead. Long Live SEO - SEO Camp Montreal 2013
SEO Is Dead. Long Live SEO - SEO Camp Montreal 2013
Brendan Sera-Shriar
 
Things Every Designer Should Know About Marketing
Things Every Designer Should Know About MarketingThings Every Designer Should Know About Marketing
Things Every Designer Should Know About Marketing
Corey Brinkmann
 

Similar to Android DevCon 2013 Design (8)

Hitchikers guide to Ux'ing without a Ux'er
Hitchikers guide to Ux'ing without a Ux'erHitchikers guide to Ux'ing without a Ux'er
Hitchikers guide to Ux'ing without a Ux'er
 
Gamestorming Meets Quiet
Gamestorming Meets QuietGamestorming Meets Quiet
Gamestorming Meets Quiet
 
It's not your fault
It's not your faultIt's not your fault
It's not your fault
 
Design with IDEO: Designing Sustainable Human Centered Business Models
Design with IDEO: Designing Sustainable Human Centered Business ModelsDesign with IDEO: Designing Sustainable Human Centered Business Models
Design with IDEO: Designing Sustainable Human Centered Business Models
 
DIY Marketing Tips
DIY Marketing TipsDIY Marketing Tips
DIY Marketing Tips
 
SEO Is Dead. Long Live SEO - SEO Camp Montreal 2013
SEO Is Dead. Long Live SEO - SEO Camp Montreal 2013SEO Is Dead. Long Live SEO - SEO Camp Montreal 2013
SEO Is Dead. Long Live SEO - SEO Camp Montreal 2013
 
Discussing Design Without Losing Your Mind - SoCal UX Camp
Discussing Design Without Losing Your Mind - SoCal UX CampDiscussing Design Without Losing Your Mind - SoCal UX Camp
Discussing Design Without Losing Your Mind - SoCal UX Camp
 
Things Every Designer Should Know About Marketing
Things Every Designer Should Know About MarketingThings Every Designer Should Know About Marketing
Things Every Designer Should Know About Marketing
 

More from gravityswitch (8)

Web Design - Lightning Critiques By Jason Mark
Web Design - Lightning Critiques By Jason MarkWeb Design - Lightning Critiques By Jason Mark
Web Design - Lightning Critiques By Jason Mark
 
21 tips for Higher Ed Website Design Projects
21 tips for Higher Ed Website Design Projects21 tips for Higher Ed Website Design Projects
21 tips for Higher Ed Website Design Projects
 
Stockbridge for 5 rules.03.cm
Stockbridge for 5 rules.03.cmStockbridge for 5 rules.03.cm
Stockbridge for 5 rules.03.cm
 
Android virtual conference
Android virtual conferenceAndroid virtual conference
Android virtual conference
 
Easy Mobile
Easy MobileEasy Mobile
Easy Mobile
 
Easy Mobile - Making Your Application Easier To Use - Gravity Switch
Easy Mobile - Making Your Application Easier To Use - Gravity SwitchEasy Mobile - Making Your Application Easier To Use - Gravity Switch
Easy Mobile - Making Your Application Easier To Use - Gravity Switch
 
Social Media Introduction - Gravity Switch
Social Media Introduction - Gravity SwitchSocial Media Introduction - Gravity Switch
Social Media Introduction - Gravity Switch
 
Making The Most Of Your Website - Gravity Switch
Making The Most Of Your Website - Gravity SwitchMaking The Most Of Your Website - Gravity Switch
Making The Most Of Your Website - Gravity Switch
 

Recently uploaded

Recently uploaded (20)

HR and Employment law update: May 2024.
HR and Employment law update:  May 2024.HR and Employment law update:  May 2024.
HR and Employment law update: May 2024.
 
Revolutionizing Industries: The Power of Carbon Components
Revolutionizing Industries: The Power of Carbon ComponentsRevolutionizing Industries: The Power of Carbon Components
Revolutionizing Industries: The Power of Carbon Components
 
Matt Conway - Attorney - A Knowledgeable Professional - Kentucky.pdf
Matt Conway - Attorney - A Knowledgeable Professional - Kentucky.pdfMatt Conway - Attorney - A Knowledgeable Professional - Kentucky.pdf
Matt Conway - Attorney - A Knowledgeable Professional - Kentucky.pdf
 
Vendors of country report usefull datass
Vendors of country report usefull datassVendors of country report usefull datass
Vendors of country report usefull datass
 
The Ultimate Guide to IPTV App Development Process_ Step-By-Step Instructions
The Ultimate Guide to IPTV App Development Process_ Step-By-Step InstructionsThe Ultimate Guide to IPTV App Development Process_ Step-By-Step Instructions
The Ultimate Guide to IPTV App Development Process_ Step-By-Step Instructions
 
How Do Venture Capitalists Make Decisions?
How Do Venture Capitalists Make Decisions?How Do Venture Capitalists Make Decisions?
How Do Venture Capitalists Make Decisions?
 
Raising Seed Capital by Steve Schlafman at RRE Ventures
Raising Seed Capital by Steve Schlafman at RRE VenturesRaising Seed Capital by Steve Schlafman at RRE Ventures
Raising Seed Capital by Steve Schlafman at RRE Ventures
 
Salesforce in Life Sciences - Best Ways to Leverage The CRM for Clinical Trials
Salesforce in Life Sciences - Best Ways to Leverage The CRM for Clinical TrialsSalesforce in Life Sciences - Best Ways to Leverage The CRM for Clinical Trials
Salesforce in Life Sciences - Best Ways to Leverage The CRM for Clinical Trials
 
Using Generative AI for Content Marketing
Using Generative AI for Content MarketingUsing Generative AI for Content Marketing
Using Generative AI for Content Marketing
 
Unleash Data Power with EnFuse Solutions' Comprehensive Data Management Servi...
Unleash Data Power with EnFuse Solutions' Comprehensive Data Management Servi...Unleash Data Power with EnFuse Solutions' Comprehensive Data Management Servi...
Unleash Data Power with EnFuse Solutions' Comprehensive Data Management Servi...
 
Pitch Deck Teardown: Terra One's $7.5m Seed deck
Pitch Deck Teardown: Terra One's $7.5m Seed deckPitch Deck Teardown: Terra One's $7.5m Seed deck
Pitch Deck Teardown: Terra One's $7.5m Seed deck
 
Copyright: What Creators and Users of Art Need to Know
Copyright: What Creators and Users of Art Need to KnowCopyright: What Creators and Users of Art Need to Know
Copyright: What Creators and Users of Art Need to Know
 
Global Interconnection Group Joint Venture[960] (1).pdf
Global Interconnection Group Joint Venture[960] (1).pdfGlobal Interconnection Group Joint Venture[960] (1).pdf
Global Interconnection Group Joint Venture[960] (1).pdf
 
Unveiling the Dynamic Gemini_ Personality Traits and Sign Dates.pptx
Unveiling the Dynamic Gemini_ Personality Traits and Sign Dates.pptxUnveiling the Dynamic Gemini_ Personality Traits and Sign Dates.pptx
Unveiling the Dynamic Gemini_ Personality Traits and Sign Dates.pptx
 
Meaningful Technology for Humans: How Strategy Helps to Deliver Real Value fo...
Meaningful Technology for Humans: How Strategy Helps to Deliver Real Value fo...Meaningful Technology for Humans: How Strategy Helps to Deliver Real Value fo...
Meaningful Technology for Humans: How Strategy Helps to Deliver Real Value fo...
 
12 Conversion Rate Optimization Strategies for Ecommerce Websites.pdf
12 Conversion Rate Optimization Strategies for Ecommerce Websites.pdf12 Conversion Rate Optimization Strategies for Ecommerce Websites.pdf
12 Conversion Rate Optimization Strategies for Ecommerce Websites.pdf
 
PitchBook’s Guide to VC Funding for Startups
PitchBook’s Guide to VC Funding for StartupsPitchBook’s Guide to VC Funding for Startups
PitchBook’s Guide to VC Funding for Startups
 
Inside the Black Box of Venture Capital (VC)
Inside the Black Box of Venture Capital (VC)Inside the Black Box of Venture Capital (VC)
Inside the Black Box of Venture Capital (VC)
 
Evolution and Growth of Supply chain.pdf
Evolution and Growth of Supply chain.pdfEvolution and Growth of Supply chain.pdf
Evolution and Growth of Supply chain.pdf
 
Potato Flakes Manufacturing Plant Project Report.pdf
Potato Flakes Manufacturing Plant Project Report.pdfPotato Flakes Manufacturing Plant Project Report.pdf
Potato Flakes Manufacturing Plant Project Report.pdf
 

Android DevCon 2013 Design