User Centered Designed in Mobile App Development

Presented on 16th January 2014 at NUS:ISS Seminar on Enabling Mobile Enterprise

Transcript

1. User Centred Design !
   in Mobile App
   Development
   Presented on 16th Jan 2014
   NUS:ISS Seminar: Enabling Mobile Enterprise
   !
   Michael Ong @michaelon9
   

   View Slide

2. @michaelon9
   • 1999 - Freelance Web Design /
   Development leading to web hosting for
   SMEs
   • 2002 - Research & Development - A Robust
   Rule-based Event Management System for
   Call Data Records 

   - Société Générale
   • 2003 - Network Engineer 

   - NEC Solutions
   • 2004 - Full-Stack development 

   - Palm & Windows Mobile 

   - K.C. Dat, Nippon Express, Air Asia ,
   Singapore Zoo, Jurong Birdpark, Changi
   Airport Terminal 1 & 2, M1, Mapletree ...
   • 2005-2007 - Business Process Consulting 

   - VISA International

   - Robert Bosch SEA
   • 2008 - Took a break in EVE Online

   - Internet Spaceships is serious business
   • 2009 - Portal Development 

   - ST701, SPH, Online Classifieds
   • 2010 - Scrum Master 

   - iProperty Singapore
   • 2012 - Mobile & UX Lead 

   - iProperty Group
   • 2013 - Senior Product Manager

   - bellabox Australia & Singapore
   

   View Slide

3. some apps i’ve
   worked on
   

   View Slide

4. setting up a Mobile Roadmap
   • Understand your environment
   • Talk to your stakeholders, your users
   • Understand pain points
   • Is there a way mobile services can improve current
   processes?
   • Look at your data (analytics) - what is being used in
   your organisation / users
   • Communicating the roadmap
   

   View Slide

5. understand your
   environment
   

   View Slide

6. surveys to understand users
   

   View Slide

7. View Slide

8. communicate"
   your ideas
   

   View Slide

9. setting up the roadmap
   & focus on delivery
   

   View Slide

10. Case Study
    Developing property search apps
    (Blackberry, Android & iPhone)
    for Indonesia
    

    View Slide

11. the process
    • mobile roadmap
    • design strategy
    • personas & scenarios
    • information architecture
    • task flows
    • prototyping & testing
    • development
    • marketing launch & measuring
    

    View Slide

12. design strategy
    

    View Slide

13. product requirements
    & analysis
    Product Survey in Dec 2012"
    51 Respondents on Mobile Site v1
    53% of respondents used the mobile site every day
    Reasons for not using Mobile"
    • Search results often not found and takes longer time to
    load
    • Less information in listing detail on mobile site
    • Photos are not presented well on mobile site
    Top 5 Features on Mobile users wanted to see"
    • User Login to access favorites (shortlists) and
    property search across mobile and web
    • Mortgage Calculator
    • Compare Properties by budget and timeline
    • Shortlist Properties
    • Instant updates to homes and searches saved
    

    View Slide

14. user scenarios
    Usability Test Scenario - 1"
    You are planning to buy a property in Indonesia.
    Your work location is in Jakarta and you intend to buy a House in
    Jakarta Pusat area that would be convenient for you to commute to
    office and back home.
    Your budget ranges from 500,000,000 - 1,000,000,000 IDR . You want
    to check out on the right property that meets your needs and then
    contact the Agent for further process
    !
    Usability Test Scenario - 2"
    You have browsed through few properties when you were in a
    restaurant for Lunch and even shortlisted a few.
    You close the site and then reopen rumah123 in the night after you get
    back home in the evening.
    You wanted to continue your property search.
    !
    Usability Test Scenario - 3"
    You browsed through few properties using the English version of the
    site.
    You wanted to show some of the properties you likes with your spouse
    or friend who prefers to view it in Bahasa.
    

    View Slide

15. information architecture
    

    View Slide

16. task flow analysis
    

    View Slide

17. user interface flow
    

    View Slide

18. prototyping for iPhone
    

    View Slide

19. prototyping for Blackberry
    

    View Slide

20. beta testing
    

    View Slide

21. testing for Blackberry
    

    View Slide

22. test early & often
    

    View Slide

23. summary of pain &
    pleasure points - old design
    

    View Slide

24. summary of pain &
    pleasure points - new design
    

    View Slide

25. usability evaluation -
    new design
    

    View Slide

26. usability evaluation -
    new design
    

    View Slide

27. marketing
    

    View Slide

28. marketing
    

    View Slide

29. measuring
    • App Annie
    • Distimo
    • Testflight
    • Netizen Testing
    

    View Slide

30. think - make - check
    

    View Slide

31. View Slide

32. great books to read
    

    View Slide

33. thank you
    @michaelon9
    

    View Slide