super happy mobile product design time
Post on 20-Sep-2014
525 views
DESCRIPTION
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
![Page 1: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/1.jpg)
SUPERHAPPY
MOBILEPRODUCT
DESIGNTIME
Thursday, April 24, 2013
![Page 2: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/2.jpg)
Anthony@mantwan
Natalie@natalievi
& = Funsize@funsizecorp
![Page 3: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/3.jpg)
RESPONSIVE DESIGN
MOBILE PRODUCT DESIGN
WEB DESIGN
![Page 4: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/4.jpg)
THE ECOSYSTEM
1
![Page 5: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/5.jpg)
THE PRODUCT/SERVICE
💡
INDUSTRIAL DESIGN
BRANDING
CUSTOMER SERVICE
👥ANALOG DESIGN
📖
MARKETING & ADVERTISING
📢
💻DIGITAL PRODUCTS
📱
![Page 6: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/6.jpg)
🚀NEW TECHNOLOGY
RESPONSIVE WEB
NATIVE MOBILE APP
TELEVISION APP
📺DIGITAL MARKETING
NATIVE DESKTOP APP
💻 📱MOBILE WEB APP
WEB APP
(This is what we do.)
DIGITAL PRODUCTS
💻📱
![Page 7: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/7.jpg)
WHAT ARE SOME GREAT PRODUCTS & SERVICES?
![Page 8: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/8.jpg)
💻 📱
![Page 9: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/9.jpg)
(Obviously...)
👥 📢 💻 📱
![Page 10: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/10.jpg)
👥 📢 📱
![Page 11: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/11.jpg)
WHO’S INVOLVED IN ALL OF THIS?
![Page 12: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/12.jpg)
Product Managers
Strategists & Researchers
Industrial Designers
Product Designers
Content Writers
Marketing Team
Software Engineers
Front-End Devs
Customer Service Peeps
Quality Assurance Folks
(That’s us!)
![Page 13: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/13.jpg)
ONCE UPON A TIME, WE WERE ALL WEB DESIGNERS
2
![Page 14: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/14.jpg)
This is what it used to look like.
![Page 15: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/15.jpg)
Then came the iPhone.
![Page 16: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/16.jpg)
and then...
BOOM!
![Page 17: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/17.jpg)
THE AGENCY MODEL HAS NOW BEEN DISRUPTED.
![Page 18: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/18.jpg)
❓WELL THEN, WHAT’S THE SOLUTION?
![Page 19: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/19.jpg)
SAY HELLO TO THE MOBILE PRODUCT DESIGNER
3
![Page 20: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/20.jpg)
WHAT IS A DESIGNER?GRAPHIC
WEB
PRODUCT
INTERACTIVE
UX
![Page 21: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/21.jpg)
TO GET INTO THE DETAILS, A MOBILE PRODUCT DESIGNER IS...
![Page 22: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/22.jpg)
...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.
![Page 23: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/23.jpg)
REMEMBER: YOU & YOUR CLIENTS ARE NOT THE USER,
THE WORLD IS.
![Page 24: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/24.jpg)
PLATFORMS YOU’LL NEED TO KNOW
![Page 25: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/25.jpg)
FUCK IT.SHIP IT.
![Page 26: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/26.jpg)
EVERYBODY WANTS THE MOBILES
4
![Page 27: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/27.jpg)
Page TitleGIMME GIMME MORE,
GIMME MORE,GIMME GIMME MORE
MOBILE.
![Page 28: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/28.jpg)
Page TitleIT’S LIKE THE WILD WILD WEST OUT THERENOW’S THE TIME TO PERFECT YOUR GUNSLINGIN’.
![Page 29: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/29.jpg)
FNSZ IS AWSM
5
![Page 30: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/30.jpg)
👫WHO ARE WE?
![Page 31: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/31.jpg)
WHAT DO WE DO?
![Page 32: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/32.jpg)
👥WHAT TYPES OF CLIENTS DO WE WORK WITH?
![Page 33: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/33.jpg)
💀WHAT WE DON’T DO
![Page 34: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/34.jpg)
OUR PROCESS
![Page 35: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/35.jpg)
SPEED DATING
1
![Page 36: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/36.jpg)
FUNSIZE / WORK PROJECT NAME
THE PROPOSAL
2
![Page 37: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/37.jpg)
FUNSIZE / WORK PROJECT NAME
THE ENGAGEMENT
3
![Page 38: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/38.jpg)
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?
![Page 39: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/39.jpg)
DISCOVERY: USER PERSONAS AND SCENARIOS
![Page 40: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/40.jpg)
DISCOVERY: COMPETITIVE ANALYSIS
![Page 41: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/41.jpg)
DISCOVERY: MENTAL MODELS
![Page 42: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/42.jpg)
DISCOVERY: FEATURES AND ROADMAP
![Page 43: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/43.jpg)
DISCOVERY: PRODUCT ROAD MAP
![Page 44: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/44.jpg)
DISCOVERY: CONCEPTUAL PROBLEM SOLVING
![Page 45: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/45.jpg)
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?
![Page 46: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/46.jpg)
INTERACTION DESIGN: USER FLOWS
![Page 47: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/47.jpg)
INTERACTION DESIGN: WIREFRAMES
![Page 48: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/48.jpg)
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.
![Page 49: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/49.jpg)
TOOLS WE USE
![Page 50: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/50.jpg)
💬QUESTIONS/ANSWERS?
![Page 51: Super Happy Mobile Product Design Time](https://reader033.vdocuments.mx/reader033/viewer/2022051512/541cba767bef0a16088b712e/html5/thumbnails/51.jpg)
Please don’t hesitate to reach out to us with any questions!
Connect with uswww.funsize.co@funsizecorp
THANK YOU