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.

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. 
11. WHO’S INVOLVED IN ALL OF THIS?
12. 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!)
13. ONCE UPON A TIME, WE WERE ALL WEB DESIGNERS 2
14. This is what it used to look like. Then came the iPhone.
15. and then... BOOM!
16. THE AGENCY MODEL HAS NOW BEEN DISRUPTED.
17. ❓ WELL THEN, WHAT’S THE SOLUTION?
18. SAY HELLO TO THE MOBILE PRODUCT DESIGNER 3
19. WHAT IS A DESIGNER? GRAPHIC
20. TO GET INTO THE DETAILS, A MOBILE PRODUCT DESIGNER IS...
21. ...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.
22. REMEMBER: YOU & YOUR CLIENTS ARE NOT THE USER, THE WORLD IS.
23. PLATFORMS YOU’LL NEED TO KNOW
24. FUCK IT. SHIP IT.
25. EVERYBODY WANTS THE MOBILES 4
26. Page Title GIMME GIMME MORE, GIMME MORE, GIMME GIMME MORE MOBILE.
27. Page Title IT’S LIKE THE WILD WILD WEST OUT THERE NOW’S THE TIME TO PERFECT YOUR GUNSLINGIN’.
28. FNSZ IS AWSM 5
29. WHO ARE WE?
30.  WHAT DO WE DO?
31. WHAT TYPES OF CLIENTS DO WE WORK WITH?
32. WHAT WE DON’T DO
33.  OUR PROCESS
34. SPEED DATING 1
35. FUNSIZE / WORK PROJECT NAME THE PROPOSAL 2
36. FUNSIZE / WORK PROJECT NAME THE ENGAGEMENT 3
37. 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?
38. DISCOVERY: USER PERSONAS AND SCENARIOS
39. DISCOVERY: COMPETITIVE ANALYSIS
40. DISCOVERY: MENTAL MODELS
41. DISCOVERY: FEATURES AND ROADMAP
42. DISCOVERY: PRODUCT ROAD MAP
43. DISCOVERY: CONCEPTUAL PROBLEM SOLVING
44. 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?
45. INTERACTION DESIGN: USER FLOWS
46. INTERACTION DESIGN: WIREFRAMES
47. 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.
48. VISUAL DESIGN: CONCEPTS
49. VISUAL DESIGN: APPLIED DESIGN
50. VISUAL DESIGN: PRODUCTION GUIDES
51. VISUAL DESIGN: PRODUCTION ASSETS
52. TOOLS WE USE
53. QUESTIONS/ANSWERS?
54. 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