Transcript
Page 1: UXDi Case Study - Marvelapp web app
Page 2: UXDi Case Study - Marvelapp web app

Free prototyping for everyone.

Page 3: UXDi Case Study - Marvelapp web app
Page 4: UXDi Case Study - Marvelapp web app

The Brief

Page 5: UXDi Case Study - Marvelapp web app

Our Solution

Page 6: UXDi Case Study - Marvelapp web app
Page 7: UXDi Case Study - Marvelapp web app
Page 8: UXDi Case Study - Marvelapp web app

marvel inception

Page 9: UXDi Case Study - Marvelapp web app
Page 10: UXDi Case Study - Marvelapp web app
Page 11: UXDi Case Study - Marvelapp web app
Page 12: UXDi Case Study - Marvelapp web app

Marvel Inception

Page 13: UXDi Case Study - Marvelapp web app

Agenda

Survey Affinity diagram User Flow Features RoadmapPersonas

Brainstorming Usability testingPrototypeWireframesSketches

Page 14: UXDi Case Study - Marvelapp web app

The research

Page 15: UXDi Case Study - Marvelapp web app

Survey

Page 16: UXDi Case Study - Marvelapp web app

Survey

Page 17: UXDi Case Study - Marvelapp web app

Survey

Page 18: UXDi Case Study - Marvelapp web app

User Interviews

Page 19: UXDi Case Study - Marvelapp web app
Page 20: UXDi Case Study - Marvelapp web app

Colin Julia

“Stakeholders don’t understand the implication of changes at late stages of

the design and development process”

Michael

“How we communicate depends on size of project,

size of team, number of stakeholders and available

time”

“I need to be kept updated on every bit of feedback

left”

Designer Developer Creative director

Meet Marvel Users

Page 21: UXDi Case Study - Marvelapp web app

User Flows

Page 22: UXDi Case Study - Marvelapp web app

USER CREATES PROTOTYPE

SHARES PROTOTYPE

WAITS FOR FEEDBACK

DID YOU RECEIVE

FEEDBACK?

IS THE FEEDBACK

CLEAR?

ASK FOR FURTHER

EXPLANATION

ARE CHANGES

REQUIRED?

UPDATES PROTOTYPE

YES

YES

YES

NO

ENDNO

Designer user flow

Page 23: UXDi Case Study - Marvelapp web app

RECIEVES PROTOTYPE

FROM DESIGNER

REVIEWS PROTOTYPE

DO I WANT TO LEAVE

FEEDBACK?

LEAVE FEEDBACK WHERE NECESSARY

WAS FEEDBACK ACTIONED PROPERLY?

YES

END YES

END

NO

SEND FEEDBACK TO DESIGNER

NO

RECIEVE RESPONSE

Developer/Stakeholder user flow

Page 24: UXDi Case Study - Marvelapp web app

The competitive landscape.

Page 25: UXDi Case Study - Marvelapp web app

Feature analysis

1 Leave comments on prototype

2 Notifications by email and on app

3 Leave comments as a guest

4 Ability to show and hide comments

5 Activity feed

Page 26: UXDi Case Study - Marvelapp web app

Design strategy

Page 27: UXDi Case Study - Marvelapp web app

Our process

Ideation Validation

Iteration

Page 28: UXDi Case Study - Marvelapp web app

Coming soon!

Page 29: UXDi Case Study - Marvelapp web app

photo of testing

Page 30: UXDi Case Study - Marvelapp web app

Our biggest challenges

Page 31: UXDi Case Study - Marvelapp web app

Getting details from unregistered users

Page 32: UXDi Case Study - Marvelapp web app

Getting details from unregistered users

Page 33: UXDi Case Study - Marvelapp web app
Page 34: UXDi Case Study - Marvelapp web app

Invited via email Anonymous GuestRegistered users

Page 35: UXDi Case Study - Marvelapp web app

The bubble expectation

Page 36: UXDi Case Study - Marvelapp web app
Page 37: UXDi Case Study - Marvelapp web app
Page 38: UXDi Case Study - Marvelapp web app

Activity feed

Page 39: UXDi Case Study - Marvelapp web app
Page 40: UXDi Case Study - Marvelapp web app
Page 41: UXDi Case Study - Marvelapp web app

The prototype

Page 42: UXDi Case Study - Marvelapp web app

Michael - Stakeholder

Page 43: UXDi Case Study - Marvelapp web app

michael email

Page 44: UXDi Case Study - Marvelapp web app
Page 45: UXDi Case Study - Marvelapp web app
Page 46: UXDi Case Study - Marvelapp web app
Page 47: UXDi Case Study - Marvelapp web app
Page 48: UXDi Case Study - Marvelapp web app
Page 49: UXDi Case Study - Marvelapp web app
Page 50: UXDi Case Study - Marvelapp web app
Page 51: UXDi Case Study - Marvelapp web app
Page 52: UXDi Case Study - Marvelapp web app
Page 53: UXDi Case Study - Marvelapp web app
Page 54: UXDi Case Study - Marvelapp web app
Page 55: UXDi Case Study - Marvelapp web app

Colin - Designer

Page 56: UXDi Case Study - Marvelapp web app
Page 57: UXDi Case Study - Marvelapp web app
Page 58: UXDi Case Study - Marvelapp web app
Page 59: UXDi Case Study - Marvelapp web app
Page 60: UXDi Case Study - Marvelapp web app
Page 61: UXDi Case Study - Marvelapp web app
Page 62: UXDi Case Study - Marvelapp web app
Page 63: UXDi Case Study - Marvelapp web app

Next steps

Page 64: UXDi Case Study - Marvelapp web app

Version control Integration with teams

Next steps

Page 65: UXDi Case Study - Marvelapp web app
Page 66: UXDi Case Study - Marvelapp web app

Final Thoughts

Page 67: UXDi Case Study - Marvelapp web app

Top Related