Super Happy Mobile Product Design Time

51
SUPER HAPPY MOBILE PRODUCT DESIGN TIME Thursday, April 24, 2013
  • date post

    20-Sep-2014
  • Category

    Design

  • view

    522
  • download

    9

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 of Super Happy Mobile Product Design Time

Page 1: Super Happy Mobile Product Design Time

SUPERHAPPY

MOBILEPRODUCT

DESIGNTIME

Thursday, April 24, 2013

Page 2: Super Happy Mobile Product Design Time

Anthony@mantwan

Natalie@natalievi

& = Funsize@funsizecorp

Page 3: Super Happy Mobile Product Design Time

RESPONSIVE DESIGN

MOBILE PRODUCT DESIGN

WEB DESIGN

Page 4: Super Happy Mobile Product Design Time

THE ECOSYSTEM

1

Page 5: Super Happy Mobile Product Design Time

THE PRODUCT/SERVICE

💡

INDUSTRIAL DESIGN

BRANDING

CUSTOMER SERVICE

👥ANALOG DESIGN

📖

MARKETING & ADVERTISING

📢

💻DIGITAL PRODUCTS

📱

Page 6: Super Happy Mobile Product Design Time

🚀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

WHAT ARE SOME GREAT PRODUCTS & SERVICES?

Page 8: Super Happy Mobile Product Design Time

💻 📱

Page 9: Super Happy Mobile Product Design Time

(Obviously...)

👥 📢 💻 📱

Page 10: Super Happy Mobile Product Design Time

👥 📢 📱

Page 11: Super Happy Mobile Product Design Time

WHO’S INVOLVED IN ALL OF THIS?

Page 12: Super Happy Mobile Product Design Time

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

ONCE UPON A TIME, WE WERE ALL WEB DESIGNERS

2

Page 14: Super Happy Mobile Product Design Time

This is what it used to look like.

Page 15: Super Happy Mobile Product Design Time

Then came the iPhone.

Page 16: Super Happy Mobile Product Design Time

and then...

BOOM!

Page 17: Super Happy Mobile Product Design Time

THE AGENCY MODEL HAS NOW BEEN DISRUPTED.

Page 18: Super Happy Mobile Product Design Time

❓WELL THEN, WHAT’S THE SOLUTION?

Page 19: Super Happy Mobile Product Design Time

SAY HELLO TO THE MOBILE PRODUCT DESIGNER

3

Page 20: Super Happy Mobile Product Design Time

WHAT IS A DESIGNER?GRAPHIC

WEB

PRODUCT

INTERACTIVE

UX

Page 21: Super Happy Mobile Product Design Time

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

Page 22: Super Happy Mobile Product Design Time

...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

REMEMBER: YOU & YOUR CLIENTS ARE NOT THE USER,

THE WORLD IS.

Page 24: Super Happy Mobile Product Design Time

PLATFORMS YOU’LL NEED TO KNOW

Page 25: Super Happy Mobile Product Design Time

FUCK IT.SHIP IT.

Page 26: Super Happy Mobile Product Design Time

EVERYBODY WANTS THE MOBILES

4

Page 27: Super Happy Mobile Product Design Time

Page TitleGIMME GIMME MORE,

GIMME MORE,GIMME GIMME MORE

MOBILE.

Page 28: Super Happy Mobile Product Design Time

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

FNSZ IS AWSM

5

Page 30: Super Happy Mobile Product Design Time

👫WHO ARE WE?

Page 31: Super Happy Mobile Product Design Time

WHAT DO WE DO?

Page 32: Super Happy Mobile Product Design Time

👥WHAT TYPES OF CLIENTS DO WE WORK WITH?

Page 33: Super Happy Mobile Product Design Time

💀WHAT WE DON’T DO

Page 34: Super Happy Mobile Product Design Time

OUR PROCESS

Page 35: Super Happy Mobile Product Design Time

SPEED DATING

1

Page 36: Super Happy Mobile Product Design Time

FUNSIZE / WORK PROJECT NAME

THE PROPOSAL

2

Page 37: Super Happy Mobile Product Design Time

FUNSIZE / WORK PROJECT NAME

THE ENGAGEMENT

3

Page 38: Super Happy Mobile Product Design Time

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

DISCOVERY: USER PERSONAS AND SCENARIOS

Page 40: Super Happy Mobile Product Design Time

DISCOVERY: COMPETITIVE ANALYSIS

Page 41: Super Happy Mobile Product Design Time

DISCOVERY: MENTAL MODELS

Page 42: Super Happy Mobile Product Design Time

DISCOVERY: FEATURES AND ROADMAP

Page 43: Super Happy Mobile Product Design Time

DISCOVERY: PRODUCT ROAD MAP

Page 44: Super Happy Mobile Product Design Time

DISCOVERY: CONCEPTUAL PROBLEM SOLVING

Page 45: Super Happy Mobile Product Design Time

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

INTERACTION DESIGN: USER FLOWS

Page 47: Super Happy Mobile Product Design Time

INTERACTION DESIGN: WIREFRAMES

Page 48: Super Happy Mobile Product Design Time

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

TOOLS WE USE

Page 50: Super Happy Mobile Product Design Time

💬QUESTIONS/ANSWERS?