Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Super Happy Mobile Product Design Time

68727839888d52b4f04f5bcf737e1aaa?s=47 Funsize
August 16, 2013

Super Happy Mobile Product Design Time

The partners at FNSZ went to talk to a class of students at the School of Arts & Design at Texas State University about native mobile product design.

We covered the basics of native mobile application design, what the playing field looks like currently, and ran through some of our internal process. We even threw in a little David Hasselhoff.

68727839888d52b4f04f5bcf737e1aaa?s=128

Funsize

August 16, 2013
Tweet

Transcript

  1. SUPER HAPPY MOBILE PRODUCT DESIGN TIME Thursday, April 24, 2013

  2. Anthony @mantwan Natalie @natalievi & = Funsize @funsizecorp

  3. RESPONSIVE DESIGN MOBILE PRODUCT DESIGN WEB DESIGN

  4. THE ECOSYSTEM 1

  5. THE PRODUCT/SERVICE INDUSTRIAL DESIGN  BRANDING  CUSTOMER SERVICE ANALOG

    DESIGN MARKETING & ADVERTISING DIGITAL PRODUCTS
  6. THE PRODUCT/SERVICE INDUSTRIAL DESIGN  BRANDING  CUSTOMER SERVICE ANALOG

    DESIGN MARKETING & ADVERTISING DIGITAL PRODUCTS NEW TECHNOLOGY RESPONSIVE WEB  NATIVE MOBILE APP  TELEVISION APP DIGITAL MARKETING  NATIVE DESKTOP APP MOBILE WEB APP  WEB APP (This is what we do.)
  7. WHAT ARE SOME GREAT PRODUCTS & SERVICES?

  8.  

  9. (Obviously...)   

  10. WHO’S INVOLVED IN ALL OF THIS?

  11. Product Managers Strategists & Researchers Industrial Designers Product Designers Content

    Writers Marketing Team Software Engineers Front-End Devs Customer Service Peeps Quality Assurance Folks (Hey, that’s us!)
  12. ONCE UPON A TIME, WE WERE ALL WEB DESIGNERS 2

  13. This is what it used to look like. Then came

    the iPhone.
  14. and then... BOOM!

  15. THE AGENCY MODEL HAS NOW BEEN DISRUPTED.

  16. ❓ WELL THEN, WHAT’S THE SOLUTION?

  17. SAY HELLO TO THE MOBILE PRODUCT DESIGNER 3

  18. WHAT IS A DESIGNER? GRAPHIC

  19. TO GET INTO THE DETAILS, A MOBILE PRODUCT DESIGNER IS...

  20. ...a combination of a strategist, interaction designer, and visual designer.

    ...works closely in a small team with project stakeholders within an agile process. ...translates complex business & user goals into real world products. ...cares deeply about the user & their ability to easily use the product. ...takes responsibility for how their product effects human beings. ...understands that design is never, ever, ever finished. ...strives for pixel perfection.
  21. REMEMBER: YOU & YOUR CLIENTS ARE NOT THE USER, THE

    WORLD IS.
  22. PLATFORMS YOU’LL NEED TO KNOW

  23. FUCK IT. SHIP IT.

  24. EVERYBODY WANTS THE MOBILES 4

  25. Page Title GIMME GIMME MORE, GIMME MORE, GIMME GIMME MORE

    MOBILE.
  26. Page Title IT’S LIKE THE WILD WILD WEST OUT THERE

    NOW’S THE TIME TO PERFECT YOUR GUNSLINGIN’.
  27. FNSZ IS AWSM 5

  28. WHO ARE WE?

  29.  WHAT DO WE DO?

  30. WHAT TYPES OF CLIENTS DO WE WORK WITH?

  31. WHAT WE DON’T DO

  32.  OUR PROCESS

  33. SPEED DATING 1

  34. FUNSIZE / WORK PROJECT NAME THE PROPOSAL 2

  35. FUNSIZE / WORK PROJECT NAME THE ENGAGEMENT 3

  36. DISCOVERY WHAT’S THE PROBLEM OR IDEA? WHO ARE THE USERS

    AND THEIR NEEDS? WHY ARE WE CREATING THIS? WHAT’S THE COMPETITION LOOK LIKE? HOW WILL WE BE SUCCESSFUL? HOW WILL WE PULL IT OFF?
  37. DISCOVERY: USER PERSONAS AND SCENARIOS

  38. DISCOVERY: COMPETITIVE ANALYSIS

  39. DISCOVERY: MENTAL MODELS

  40. DISCOVERY: FEATURES AND ROADMAP

  41. DISCOVERY: PRODUCT ROAD MAP

  42. DISCOVERY: CONCEPTUAL PROBLEM SOLVING

  43. INTERACTION DESIGN WHAT ARE THE FUNCTIONAL REQUIREMENTS? WHAT ARE THE

    PRIMARY USER FLOWS? WHAT’S THE PRODUCT METAPHOR? HOW SUCCESSFUL IS THE USER’S EXPERIENCE? WHAT’S THE SCOPE OF THE PRODUCT?
  44. INTERACTION DESIGN: USER FLOWS

  45. INTERACTION DESIGN: WIREFRAMES

  46. VISUAL DESIGN WHAT WILL THE PRODUCT LOOK AND FEEL LIKE?

    HOW UNIQUE IS IT? WILL THE USERS LIKE IT? DESIGN THE DAMN THING ALREADY. ITERATE OVER AND OVER AND OVER AGAIN. TEST IT, ITERATE AGAIN, AND SHIP IT.
  47. VISUAL DESIGN: CONCEPTS

  48. VISUAL DESIGN: APPLIED DESIGN

  49. VISUAL DESIGN: PRODUCTION GUIDES

  50. VISUAL DESIGN: PRODUCTION ASSETS

  51. TOOLS WE USE

  52. QUESTIONS/ANSWERS?

  53. Please don’t hesitate to reach out to us with any

    questions! Anthony Armendariz anthony@funsize.co Natalie Armendariz natalie@funsize.co Connect with us www.funsize.co @funsizecorp THANK YOU