UX e sviluppo agile, un'introduzione

29
UX e sviluppo agile Un’introduzi one Renato Mancuso @renatius Italian Agile Day – Roma 19/11/1969

description

 

Transcript of UX e sviluppo agile, un'introduzione

Page 1: UX e sviluppo agile, un'introduzione

UX e sviluppo agileUn’introduzione

Renato Mancuso @renatius

Italian Agile Day – Roma 19/11/1969

Page 2: UX e sviluppo agile, un'introduzione

LE OPINIONI QUI ESPRESSE SONO ESCLUSIVA

RESPONSABILITA’ DELL’AUTORE

E NON IMPEGNANO IN ALCUN MODO

L’ISTITUZIONE DI APPARTENENZA

Page 3: UX e sviluppo agile, un'introduzione

PARTE 1 – COS’È LA UX

Page 4: UX e sviluppo agile, un'introduzione

http://www.comune.roma.it

Page 5: UX e sviluppo agile, un'introduzione
Page 6: UX e sviluppo agile, un'introduzione
Page 7: UX e sviluppo agile, un'introduzione
Page 8: UX e sviluppo agile, un'introduzione
Page 9: UX e sviluppo agile, un'introduzione
Page 10: UX e sviluppo agile, un'introduzione

 As practitioners, we can't be content to paint within

the lines drawn by managers. We must have

the courage and creativity to ask whether our products

and systems are useful, and to apply our deep knowledge

of craft and medium to define innovative solutions

that are more useful.

Peter Morville

Modello ad alveare della UX

http://semanticstudios.com/publications/semantics/000029.php

Page 11: UX e sviluppo agile, un'introduzione

Gli Elementi della UX

  Web design is more than just creating clean code and sharp

graphics. A site that really works fulfills your

strategic objectives while meeting the needs of your

users.

Jesse James Garrett

http://www.jjg.net/elements/

Page 12: UX e sviluppo agile, un'introduzione

Modello T di Boersma della UX

The horizontal overlap is the place where User

Experience (UX) practitioners operate. They are likely to have a background in one of the

fields (their private vertical line) but in their work they

focus on the horizontal line, orchestrating specialists

who operate in their vertical.

Peter Boersma

http://beep.peterboersma.com/2004/11/t-model-big-ia-is-now-ux.html

Page 13: UX e sviluppo agile, un'introduzione

Soddisfazionedell’utente

qualitàexciting

qualità diperformance

qualitàmust have

bassa

Effort del produttore

alta

0% 100%

media

50%

Modello di Kano

Page 14: UX e sviluppo agile, un'introduzione

Qualità must have

Soddisfazione

bassa

Effort

alta

0% 100%

media

50%

Page 15: UX e sviluppo agile, un'introduzione

Qualità di performance

bassa

Effort

alta

0% 100%

media

50%

Soddisfazione

Page 16: UX e sviluppo agile, un'introduzione

Qualità exciting (wow factor)

Soddisfazione

bassa

Effort

alta

0% 100%

media

50%

Page 17: UX e sviluppo agile, un'introduzione

PARTE 2 – TECNICHE

Page 18: UX e sviluppo agile, un'introduzione

Interviste situate

non c’è un momento migliore per descrivere

quello che si sta facendo - e perché - di quando lo si

sta facendo

Hugh Beyer e Karen Holtzblatt)

Page 19: UX e sviluppo agile, un'introduzione

• Quali sono le attività cui l’utente dedica più tempo?

• Ci sono attività che l’utente esegue ripetutamente?

• Ci sono attività che l’utente è costretto ad eseguire per aggirare difetti o problemi dell’attuale sistema?

• Ci sono attività che sembrano causare noia o fastidio?

• Per eseguire un’attività l’utente deve prima recuperare dati da un altro sistema o avere a portata di mano qualche forma di documentazione esterna al sistema?

Shadowing

Page 20: UX e sviluppo agile, un'introduzione

Modello “brown cow”

Now

Now

Future

Future

How How

What What

• Workflow models• Current situation models• Current system architecture

• Business policies• Business data models• Business rules

• Enhanced business models• Innovation

• Design models• New workflows• New roles

http://www.volere.co.uk/pdf%20files/howNowBrownCow.pdf

Page 21: UX e sviluppo agile, un'introduzione

Personas

Page 22: UX e sviluppo agile, un'introduzione

Personas

http://www.francocarcillo.it/dive/day_1.html

Page 23: UX e sviluppo agile, un'introduzione

Mockups/Paper prototypes

Page 24: UX e sviluppo agile, un'introduzione

Card sorting

http://www.boxesandarrows.com/view/card_sorting_a_definitive_guide

  Card sorting is a great, reliable, inexpensive method

for finding patterns in how users would expect to find

content or functionality. Those patterns are often referred to as the users’ mental model.

By understanding the users’ mental model, we can increase findability, which in turn makes the

product easier to use.

Donna Spencer

Page 25: UX e sviluppo agile, un'introduzione

Test di usabilità

  Sitting someone down and having them use what you’re building while you watch is the best way to ensure that it will actually be usable.

Steven Krug

Page 26: UX e sviluppo agile, un'introduzione

PARTE 3 – INTEGRARE UX E AGILE

Page 27: UX e sviluppo agile, un'introduzione

Ricerca sul campo

Sviluppo collaborativo della vision di prodotto

Definizione delle caratteristiche architteturali

Implementazione iterativa del

prodotto

Fase 0 XP/Scrum + UX

Page 28: UX e sviluppo agile, un'introduzione

Sprint planning

Definizione UI per user stories scelte per questo sprint

Test usabilità storie

implementate nello sprint precedente

Ricerca sul campo per storie da implementare nelle prossime iterazioni

Page 29: UX e sviluppo agile, un'introduzione

Bibliografia

• Lukas Mathis – Designed for Use

• Hugh Beyer – User Centered Agile Methods

• Karen Holtzblatt – Rapid Contextual Design

• Donna Spencer – Card Sorting

• Steven Krug – Rocket Surgery Made Easy

• Alan Cooper – The Inmates Are Running the Asylum

• Robert Hoekman – Designing the Obvious

• Jesse James Garrett – The Elements of User Experience

• Morville & Rosenfeld – Information Architecture for the

World Wide Web