mobile ux - goto conferencegotocon.com/dl/goto-chicago-2013/slides/ray... · prototyping for a...

19
Prototyping for a mobile experience Mobile UX Wednesday, April 24, 13

Upload: others

Post on 10-Jun-2020

5 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Mobile UX - GOTO Conferencegotocon.com/dl/goto-chicago-2013/slides/Ray... · Prototyping for a mobile experience Mobile UX Wednesday, April 24, 13. Mobile Prototypes Touchable Wireframes

Prototyping for a mobile experience

Mobile UX

Wednesday, April 24, 13

Page 2: Mobile UX - GOTO Conferencegotocon.com/dl/goto-chicago-2013/slides/Ray... · Prototyping for a mobile experience Mobile UX Wednesday, April 24, 13. Mobile Prototypes Touchable Wireframes

Mobile Prototypes

WireframesTouchable

Wednesday, April 24, 13

Page 3: Mobile UX - GOTO Conferencegotocon.com/dl/goto-chicago-2013/slides/Ray... · Prototyping for a mobile experience Mobile UX Wednesday, April 24, 13. Mobile Prototypes Touchable Wireframes

Starts with an IDEA?

Wednesday, April 24, 13

Page 4: Mobile UX - GOTO Conferencegotocon.com/dl/goto-chicago-2013/slides/Ray... · Prototyping for a mobile experience Mobile UX Wednesday, April 24, 13. Mobile Prototypes Touchable Wireframes

Wednesday, April 24, 13

Page 5: Mobile UX - GOTO Conferencegotocon.com/dl/goto-chicago-2013/slides/Ray... · Prototyping for a mobile experience Mobile UX Wednesday, April 24, 13. Mobile Prototypes Touchable Wireframes

User StoriesAgile Process

Wednesday, April 24, 13

Page 6: Mobile UX - GOTO Conferencegotocon.com/dl/goto-chicago-2013/slides/Ray... · Prototyping for a mobile experience Mobile UX Wednesday, April 24, 13. Mobile Prototypes Touchable Wireframes

Wednesday, April 24, 13

Page 7: Mobile UX - GOTO Conferencegotocon.com/dl/goto-chicago-2013/slides/Ray... · Prototyping for a mobile experience Mobile UX Wednesday, April 24, 13. Mobile Prototypes Touchable Wireframes

Wednesday, April 24, 13

Page 8: Mobile UX - GOTO Conferencegotocon.com/dl/goto-chicago-2013/slides/Ray... · Prototyping for a mobile experience Mobile UX Wednesday, April 24, 13. Mobile Prototypes Touchable Wireframes

Wednesday, April 24, 13

Page 9: Mobile UX - GOTO Conferencegotocon.com/dl/goto-chicago-2013/slides/Ray... · Prototyping for a mobile experience Mobile UX Wednesday, April 24, 13. Mobile Prototypes Touchable Wireframes

DistributionTestflight

Ad Hoc

Business Store

iOS Developer Enterprise Program

Public App Store

Wednesday, April 24, 13

Page 10: Mobile UX - GOTO Conferencegotocon.com/dl/goto-chicago-2013/slides/Ray... · Prototyping for a mobile experience Mobile UX Wednesday, April 24, 13. Mobile Prototypes Touchable Wireframes

Axure RP

Justinmind

Wednesday, April 24, 13

Page 11: Mobile UX - GOTO Conferencegotocon.com/dl/goto-chicago-2013/slides/Ray... · Prototyping for a mobile experience Mobile UX Wednesday, April 24, 13. Mobile Prototypes Touchable Wireframes

Prototype Distribution

Quick Turn AroundUnlimited Devices

Wednesday, April 24, 13

Page 12: Mobile UX - GOTO Conferencegotocon.com/dl/goto-chicago-2013/slides/Ray... · Prototyping for a mobile experience Mobile UX Wednesday, April 24, 13. Mobile Prototypes Touchable Wireframes

Why PrototypeTesting of the UX/UI

Navigation and overall content structure.

To test the user interface (UI) and content and context.

Wednesday, April 24, 13

Page 13: Mobile UX - GOTO Conferencegotocon.com/dl/goto-chicago-2013/slides/Ray... · Prototyping for a mobile experience Mobile UX Wednesday, April 24, 13. Mobile Prototypes Touchable Wireframes

Why PrototypePerform user trials which will improve usability and user experienceDiscover possible pitfalls before design or coding beginsGet stakeholder buy in or to show concepts for $$$$$$$

Wednesday, April 24, 13

Page 14: Mobile UX - GOTO Conferencegotocon.com/dl/goto-chicago-2013/slides/Ray... · Prototyping for a mobile experience Mobile UX Wednesday, April 24, 13. Mobile Prototypes Touchable Wireframes

Target Audience

Stakeholders

Developers

Wednesday, April 24, 13

Page 15: Mobile UX - GOTO Conferencegotocon.com/dl/goto-chicago-2013/slides/Ray... · Prototyping for a mobile experience Mobile UX Wednesday, April 24, 13. Mobile Prototypes Touchable Wireframes

Mobile UX BasicsResearch Other Apps

Know The Users

Understand Mobile Guidelines

Failure Is An Option

Wednesday, April 24, 13

Page 16: Mobile UX - GOTO Conferencegotocon.com/dl/goto-chicago-2013/slides/Ray... · Prototyping for a mobile experience Mobile UX Wednesday, April 24, 13. Mobile Prototypes Touchable Wireframes

UX Begins

Wednesday, April 24, 13

Page 17: Mobile UX - GOTO Conferencegotocon.com/dl/goto-chicago-2013/slides/Ray... · Prototyping for a mobile experience Mobile UX Wednesday, April 24, 13. Mobile Prototypes Touchable Wireframes

Axure RP ProWednesday, April 24, 13

Page 19: Mobile UX - GOTO Conferencegotocon.com/dl/goto-chicago-2013/slides/Ray... · Prototyping for a mobile experience Mobile UX Wednesday, April 24, 13. Mobile Prototypes Touchable Wireframes

Thank you

Linked In - Ray Mayfield

Email - [email protected]

Twitter - @raymayfield

Web - www.butterui.com/gotocon

Wednesday, April 24, 13