Upgrade to Pro — share decks privately, control downloads, hide ads and more …

User Centered Designed in Mobile App Development

Michael Ong
January 16, 2014

User Centered Designed in Mobile App Development

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

Michael Ong

January 16, 2014
Tweet

More Decks by Michael Ong

Other Decks in Design

Transcript

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

    View full-size 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 full-size slide

  3. some apps i’ve
    worked on

    View full-size 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 full-size slide

  5. understand your
    environment

    View full-size slide

  6. surveys to understand users

    View full-size slide

  7. communicate"
    your ideas

    View full-size slide

  8. setting up the roadmap
    & focus on delivery

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  11. design strategy

    View full-size slide

  12. 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 full-size slide

  13. 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 full-size slide

  14. information architecture

    View full-size slide

  15. task flow analysis

    View full-size slide

  16. user interface flow

    View full-size slide

  17. prototyping for iPhone

    View full-size slide

  18. prototyping for Blackberry

    View full-size slide

  19. beta testing

    View full-size slide

  20. testing for Blackberry

    View full-size slide

  21. test early & often

    View full-size slide

  22. summary of pain &
    pleasure points - old design

    View full-size slide

  23. summary of pain &
    pleasure points - new design

    View full-size slide

  24. usability evaluation -
    new design

    View full-size slide

  25. usability evaluation -
    new design

    View full-size slide

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

    View full-size slide

  27. think - make - check

    View full-size slide

  28. great books to read

    View full-size slide

  29. thank you
    @michaelon9

    View full-size slide