My presentation of a suggested mobile app design process delivered to Cocoaheads (iOS developers) meetup group. Location: Screen Interaction office, Kista, Sweden. Date: October 2012

1. JAMES MOLE MCCONNELL
Wednesday, October 3, 12

2. my brother
Me
my granny
Wednesday, October 3, 12

3. PROCESS
(or the path to a magical user experience)
Wednesday, October 3, 12

4. Wednesday, October 3, 12

5. USER EXPERIENCE
the quality of experience
someone has when interacting
with a design. It’s about how
they feel.
Wednesday, October 3, 12

6. Wednesday, October 3, 12

7. HOW DO WE GET TO THE
MAGICAL PLACE?
CONCENTRATE ON THE USER.
Wednesday, October 3, 12

8. WE NEED A SERVICE
technical
perspective
business
perspective
let’s make it from a ...
MAKE IT
RELEASE IT
Wednesday, October 3, 12

9. the user centered model
Wednesday, October 3, 12

10. OUCH!
Wednesday, October 3, 12

11. who?
why?
what?
when?
where?
how?
Wednesday, October 3, 12

12. I’m the user. When you see me, involve me.
Wednesday, October 3, 12

13. BUSINESS NEED OR OPPORTUNITY
Adding value for customers,
or a gap in the market?
Wednesday, October 3, 12

14. CONCEPT / IDEA
‣ Core function
‣ Differentiator
‣ Scalability
‣ Concept development
Wednesday, October 3, 12

15. EXISTING SOLUTIONS
‣ Moodboards
‣ Mapping competitors
‣ Break it down -
features, usability,
ratings etc.
Wednesday, October 3, 12

16. PEOPLE & PERSONAS
‣ Who will use it?
‣ Why will they use it?
Wednesday, October 3, 12

17. CONTEXT OF USE
‣ Where will they use it?
‣ What factors will
affect how they use it?
‣ Scenario storyboards
Wednesday, October 3, 12

18. REQUIREMENTS
‣ Functions
‣ Characteristics
‣ Goals
Wednesday, October 3, 12

19. USER FLOWS
‣ Structure the content
‣ Map the app
Wednesday, October 3, 12

20. KNOWLEDGE
‣ UI guidelines
‣ Design patterns
‣ iPhone SDK
Wednesday, October 3, 12

21. PROTOTYPING
‣ Sketching
‣ Paper prototypes
Wednesday, October 3, 12

22. WIREFRAMING
‣ Lo-fi / Hi-fi
‣ Interactive
Big button
Alert!
Continue with presentation?
Cancel OK
Wednesday, October 3, 12

23. VISUAL DESIGN
‣ The final layer of
beauty
Wednesday, October 3, 12

24. DEVELOPMENT?
Wednesday, October 3, 12

25. BENEFITS
‣ Risk Management: Avoids costly errors
‣ Improve Value: Better products lead to greater
market share
‣ Reduced support, training and maintenance costs.
‣ UX design contributes to longer product shelf life
‣ Meeting user goals helps differentiate product
‣ UX design reduces testing and quality assurance cost
Wednesday, October 3, 12

26. REQUIREMENTS
CONTEXT OF USE
BUSINESS NEED OR OPPORTUNITY
CONCEPT / IDEA
EXISTING SOLUTIONS
USER FLOWS
PEOPLE & PERSONAS
PROTOTYPING
KNOWLEDGE
WIREFRAMING
VISUAL DESIGN
Wednesday, October 3, 12

27. - LAUNCH
- LISTEN & LEARN
- REITERATE
Wednesday, October 3, 12

28. - GET THEM IN
- KEEP THEM
- CHANGE THEM
Wednesday, October 3, 12

29. REQUIREMENTS
CONTEXT OF USE
BUSINESS NEED OR OPPORTUNITY
CONCEPT / IDEA
EXISTING SOLUTIONS
USER FLOWS
PEOPLE & PERSONAS
PROTOTYPING
KNOWLEDGE
WIREFRAMING
VISUAL DESIGN
- GET THEM IN
- KEEP THEM
- CHANGE THEM
James McConnell
UX & Interaction Designer
+46 7 3333 7216 (mobile)
+46 8 21 21 66 (office)
www.screeninteraction.com
Wednesday, October 3, 12