You wouldn't build a house without contractors, materials, or blueprints, so why would you build an app without ideation sessions, wireframes, and user testing? Jordan and Alison, head of UX/UI design at Myriad Mobile, will explain how mobile UX/UI is similar to building a house. Whether you're prototyping, doing ideation through user personas and stories, or conducting user testing, this session will show you why following a defined UX/UI process, that works for you and your team, is crucial. Without the appropriate steps, you could just end up with a toilet in your living room or a <gasp> navigation within a navigation, aka, nav-ception.

1. USER EXPERIENCE
Keeping Toilets Out of
Living Rooms

2. ALISON VETTER
UX Designer
Myriad Mobile
JORDAN NELSON
UX Designer
Myriad Mobile
@jordynelly

3. MYRIAD MOBILE
Our Vision.
To help businesses solve problems
through inventive technologies.

4. MYRIAD MOBILE
A lot of Apps.
iOS Android Windows Web

5. PROCESS
DISCOVERY
/STRATEGY
DESIGN DEVELOPMENT DEPLOYMENT
& SUPPORT

6. USER EXPERIENCE
DISCOVERY DESIGN DEVELOPMENT DEPLOYMENT

7. THE GOAL
To build the perfect castle for the king.

8. BRAINSTORM
Determine Personas

9. USER STORIES
Determine Requirements and User Stories

10. UX Designer at Myriad Mobile
USER STORIES
The more detailed the better

11. Markers, marker boards, sticky notes
Client Ideation Sessions
Documentation
Sheets
FAVORITE TOOLS
Ideation & Documentation

12. APP FLOW

13. UML
Not Really...

14. APP FLOW

15. FAVORITE TOOLS
Draw.io

16. The Blueprints of the castle
WIREFRAMES

17. SKETCHES
Quick & dirty

18. LO FI
Starting to take form

19. HI FI
Locked In

20. Multiple iterations so we get it right
ITERATIONS

21. ITERATIONS
Feedback is key

22. FAVORITE TOOLS
Photoshop, Invision

23. PRODUCT COMPANY
Spending months, even years of
testing, results, and feedback to
improve the product.
SERVICE COMPANY
Hey you, does this make sense?
USER TESTING
Product vs. Service

24. USER TESTING
The more eyes, the better

25. The “drapes” and everything
DESIGN

26. DESIGN
The finished product

27. DESIGN
Start to Finish

28. Illustrator is still the vector king.
Photoshop is still the rastor king.
After Effects is the motion wizard.
FAVORITE TOOLS
Photoshop, Illustrator, & After Effects

29. METHODOLOGIES
Content and feature first

30. METHODOLOGIES
Motion

31. METHODOLOGIES
Be Clear. Be Bold.

32. NAVIGATION
Menus

33. NAVIGATION
Tabs

34. NAVIGATION
Sub Navigation

35. The plans are delivered to the builders
BUILD

36. DEVELOPERS, DEVELOPERS,
DEVELOPERS...

37. DEVELOPMENT
DISCOVERY DESIGN DEVELOPMENT DEPLOYMENT

38. QUALITY ASSURANCE
Guaranteeing what we promised

39. Then the king gets his castle
THE GOAL

40. Then the king gets his castle
queen her
THE GOAL

41. PLAN AHEAD
Pretty much sums it up

42. THANK YOU!
Now let’s talk, what
questions do you have?

43. Let’s connect!
@MyriadMobile
701.645.3880
contact@myriadmobile.com