LAST Conference Melbourne . 27 July 2012.




      Problem solving with agile UX




Ed Wong @littlehelper                             Pete Grierson @UsabilityNinja
Today

Introducing ‘the problem’
UX practices – a run down
Exercise
Wrap up and Questions
What’s the problem?

         For the team?
         For the ‘user’?




Diagram: Peter Morville,
semanticstudios.com

http://semanticstudios.com/publications/semantics/000029.php
What’s the problem?

         For the team?
         For the ‘user’?




Diagram: Peter Morville,
semanticstudios.com

http://semanticstudios.com/publications/semantics/000029.php
From MVP to MBU



       MVP
From MVP to MBU



       MVP
AGILE PROCESS
AGILE and UX

Continuous research track                                  User evaluation(s)




                   Kick off/inception
                          Estimation
              Visual design direction
                       UI framework
                             ‘Cycle 0’

                                                    Prototype
                                         Visual design assets
Tools at inception
SWOT analysis
Context mapping
Users
Modelling
   6-up, 1-up
   ‘Body storming’   Credits: www.readability.com/articles/z9ct8yjb
                       www.gogamestorm.com
Dot voting




                     Credit: www.ugleah.com/ux-team-of-one/
                             Brandon Shauer – Adaptive Path
Discovery tool - personas
A user experience design process starts
before a ‘design’ is created
Personas aggregate segments of data and
user research, into people
Personas typically contain:
     Name
     Background
     Job
     Motivations
     Goals
They provide a common reference point
for designers and other project team
Guerilla Personas
Prototype, sketching and visual
 Prototype
            design
    Low fidelity – cheap and testable
    High fidelity- detailed and still testable
Establish a visual design asset set
Cards contain testable criteria
Rapid user evaluations
Recruit participants
to profile(s)

Project team
observes & logs
issues

Results Retro

Fixes/new cards

   Silverback Gorilla/Guerilla
Meet our personas




Motivations                                                       Ideal experience

 Enjoy the art of cinema                                          Discover movies in genres he likes
 Discover new films                                               Invite friends to see films
 Break from real life                                             Share his impression of what he has seen with friends

Computer exposure

 Uses a computer at work all the time. Spreadsheets, code, data bases, e-mail, internet, agile tools
 Always on home internet – bills, shopping, Facebook, online gaming, media watching and downloading
 Uses a laptop or tablet everywhere
Meet our personas




Motivations                                                      Ideal experience

 Enjoy a night out at a good film                                Know when movies he likes are on
 Does not want to miss out on latest 3D blockbusters             Get tickets wherever he is
 Wants to relax doing something he loves                         Not have to learn complicated steps to get to his film

Computer exposure

 Uses a computer at the nursery for basic book keeping, paying bills,
  managing his spreadsheet of customers
 Time poor at home - bills, Facebook, news, sports scores
 Uses a laptop on the sofa when the child is in bed
15
Exercise 1
Get into groups of 5-6 people
Find a scribe
Choose a persona and their matching scenario
Look at the cinema site pages
Log potentials issues and goals on a sparate sheet of butchers paper
that your chosen persona could have with the movie experience
Exercise 2
Examine your scenario
Generate some user stories
If you are stuck choose one step of the scenario you would like to try
findina a solution for

                        Exercise 3

Select a user story
Individually sketch up to 6 different ways that interaction could play
out
Be mindful of the issues and goals you established earlier
Feel free to choose web tablet mobile device but do all 6 in that mode
Exercise 4
Take one of the versions you like the most
Draw it in more detail on the 1 panel page
Put your 6-up and 1-up on the wall


In your groups
Explain the section of the story you chose to your group
Give your group an explanation of your page concept
Time permitting group give constructive critique
Thank you



              Photo credit: Peter Grierson            Photo credit: Peter Grierson                Photo credit: Peter Grierson
          Text credit: Jared Spool uie.com        Text credit: Jared Spool uie.com            Text credit: Jared Spool uie.com



Twitter                           Reading                                            Jeff Patton
                                                                                      agileproductdesign.com
#leanux
#uxaustralia                                                                         Jason Furnell
#webstock                                                                             jasonfurnell.wordpress.com
#ux
#uxmelbourne                                                                         Ben Melbourne
                                                                                     www.asinthecity.com
                                                                                     www.agile-ux.com
                                                                                     www.cooper.com
                            http://www.ideo.com/work/method-cards/                   www.gogamestorm.com

Problem solving with agile UX

  • 1.
    LAST Conference Melbourne. 27 July 2012. Problem solving with agile UX Ed Wong @littlehelper Pete Grierson @UsabilityNinja
  • 2.
    Today Introducing ‘the problem’ UXpractices – a run down Exercise Wrap up and Questions
  • 3.
    What’s the problem? For the team? For the ‘user’? Diagram: Peter Morville, semanticstudios.com http://semanticstudios.com/publications/semantics/000029.php
  • 4.
    What’s the problem? For the team? For the ‘user’? Diagram: Peter Morville, semanticstudios.com http://semanticstudios.com/publications/semantics/000029.php
  • 5.
    From MVP toMBU MVP
  • 6.
    From MVP toMBU MVP
  • 7.
  • 8.
    AGILE and UX Continuousresearch track User evaluation(s) Kick off/inception Estimation Visual design direction UI framework ‘Cycle 0’ Prototype Visual design assets
  • 9.
    Tools at inception SWOTanalysis Context mapping Users Modelling 6-up, 1-up ‘Body storming’ Credits: www.readability.com/articles/z9ct8yjb www.gogamestorm.com Dot voting Credit: www.ugleah.com/ux-team-of-one/ Brandon Shauer – Adaptive Path
  • 10.
    Discovery tool -personas A user experience design process starts before a ‘design’ is created Personas aggregate segments of data and user research, into people Personas typically contain: Name Background Job Motivations Goals They provide a common reference point for designers and other project team
  • 11.
  • 12.
    Prototype, sketching andvisual Prototype design Low fidelity – cheap and testable High fidelity- detailed and still testable Establish a visual design asset set Cards contain testable criteria
  • 13.
    Rapid user evaluations Recruitparticipants to profile(s) Project team observes & logs issues Results Retro Fixes/new cards Silverback Gorilla/Guerilla
  • 14.
    Meet our personas Motivations Ideal experience  Enjoy the art of cinema  Discover movies in genres he likes  Discover new films  Invite friends to see films  Break from real life  Share his impression of what he has seen with friends Computer exposure  Uses a computer at work all the time. Spreadsheets, code, data bases, e-mail, internet, agile tools  Always on home internet – bills, shopping, Facebook, online gaming, media watching and downloading  Uses a laptop or tablet everywhere
  • 15.
    Meet our personas Motivations Ideal experience  Enjoy a night out at a good film  Know when movies he likes are on  Does not want to miss out on latest 3D blockbusters  Get tickets wherever he is  Wants to relax doing something he loves  Not have to learn complicated steps to get to his film Computer exposure  Uses a computer at the nursery for basic book keeping, paying bills, managing his spreadsheet of customers  Time poor at home - bills, Facebook, news, sports scores  Uses a laptop on the sofa when the child is in bed
  • 17.
  • 18.
    Exercise 1 Get intogroups of 5-6 people Find a scribe Choose a persona and their matching scenario Look at the cinema site pages Log potentials issues and goals on a sparate sheet of butchers paper that your chosen persona could have with the movie experience
  • 19.
    Exercise 2 Examine yourscenario Generate some user stories If you are stuck choose one step of the scenario you would like to try findina a solution for Exercise 3 Select a user story Individually sketch up to 6 different ways that interaction could play out Be mindful of the issues and goals you established earlier Feel free to choose web tablet mobile device but do all 6 in that mode
  • 20.
    Exercise 4 Take oneof the versions you like the most Draw it in more detail on the 1 panel page Put your 6-up and 1-up on the wall In your groups Explain the section of the story you chose to your group Give your group an explanation of your page concept Time permitting group give constructive critique
  • 21.
    Thank you Photo credit: Peter Grierson Photo credit: Peter Grierson Photo credit: Peter Grierson Text credit: Jared Spool uie.com Text credit: Jared Spool uie.com Text credit: Jared Spool uie.com Twitter Reading Jeff Patton agileproductdesign.com #leanux #uxaustralia Jason Furnell #webstock jasonfurnell.wordpress.com #ux #uxmelbourne Ben Melbourne www.asinthecity.com www.agile-ux.com www.cooper.com http://www.ideo.com/work/method-cards/ www.gogamestorm.com

Editor's Notes

  • #2 \n
  • #3 \n
  • #4 All of these facets areuser-specific. \nYou need to understand the user, to know what is useful to them… valuable to them… credible to them\n
  • #5 All of these facets areuser-specific. \nYou need to understand the user, to know what is useful to them… valuable to them… credible to them\n
  • #6 All of these facets areuser-specific. \nYou need to understand the user, to know what is useful to them… valuable to them… credible to them\n
  • #7 \n
  • #8 \n
  • #9 \n
  • #10 \n
  • #11 \n
  • #12 \n
  • #13 \n
  • #14 \n
  • #15 \n
  • #16 \n
  • #17 \n
  • #18 \n
  • #19 \n
  • #20 \n
  • #21 \n
  • #22 \n
  • #23 \n