Curs deDisseny Centrat en l'Usuari (2)

30
| 1 | Centre Tecnològic i Universitari de Granollers v.1.0 | juny 2012 Disseny de llocs web i projectes digitals pensant en l'usuari. Coneix el disseny centrat en l'usuari (UCD)

description

Autora: Mònica Zapata

Transcript of Curs deDisseny Centrat en l'Usuari (2)

Page 1: Curs deDisseny Centrat en l'Usuari (2)

| 1 |

Centre Tecnològic i Universitari de Granollers v.1.0 | juny 2012

Disseny de llocs web i projectes digitals pensant en l'usuari. Coneix el disseny centrat en l'usuari (UCD)

Page 2: Curs deDisseny Centrat en l'Usuari (2)

| 2 |

• Disseny centrat en l’usuari i ROI

• Els elements de la experiència d’usuari

• Metodologia de disseny centrat en l’usuari

Sumari

Page 3: Curs deDisseny Centrat en l'Usuari (2)

| 3 |

Disseny centrat en l’usuari i ROI

Page 4: Curs deDisseny Centrat en l'Usuari (2)

| 4 |

Disseny centrat en l’usuari i ROI

El model tradicional

• Identificar les necessitats de negoci

• Estudiar la viabilitat tècnica

• Definir l’arquitectura de sistemes

• Implementar el sistema

• Testeig

• Llançament

• Mantenimient

Page 5: Curs deDisseny Centrat en l'Usuari (2)

| 5 |

Disseny centrat en l’usuari i ROI

Anàlisi centrat en l’usuari

• Captació dels requeriments des de la prespectiva d’usuari

– Qui són els usuaris

– Com utilitzaran el lloc web o aplicació

• Com més contacte hi hagi amb l’usuari final, menys costos i més qualitat tindrà el projecte.

Page 6: Curs deDisseny Centrat en l'Usuari (2)

| 6 |

Disseny centrat en l’usuari i ROI

Tenir en compte a l’usuari en cada pas del projecte

Avanç del projecte

prob

abilit

at

Coneixement de l’usuari

Llibertat de disseny

Page 7: Curs deDisseny Centrat en l'Usuari (2)

| 7 |

Disseny centrat en l’usuari i ROI

Anàlisi de les necessitats d’usuari

Anàlisi de les necessitats d’usuari

Formació, aprenentatge,

canvis, suport

Formació, aprenentatge,

canvis, suport

proj

ecte

proj

ecte

Page 8: Curs deDisseny Centrat en l'Usuari (2)

| 8 |

Disseny centrat en l’usuari i ROI

ROI (Return On Investment)

• Benefici obtingut per cada unitat monetaria invertida en tecnologia durant un periode de temps

• Objectiu:

• Analitzar la viabilitat d’un projecte

• Mesurar el seu èxit

Page 9: Curs deDisseny Centrat en l'Usuari (2)

| 9 |

Disseny centrat en l’usuari i ROI

ROI + disseny centrat en l’usuari

• Cal decidir quines mètriques tenen més sentit pel projecte i per la organització: • Ràtio de conversió: núm. de visitants que compren o % increment

• Increment en pàgines vistes: núm. o % increment • Disminució d’abandonaments: núm. persones o % disminució • Disminució de trucades al help desk o call center: núm. o % • ...

Núm. visitants compren

Núm. visitants del lloc web

Page 10: Curs deDisseny Centrat en l'Usuari (2)

| 10 |

Disseny centrat en l’usuari i ROI

Com calcularíeu el ROI i en quins punts...

Page 11: Curs deDisseny Centrat en l'Usuari (2)

| 11 |

Els elements de l’experiència d’usuari

Page 12: Curs deDisseny Centrat en l'Usuari (2)

| 12 |

Els elements de la experiència d’usuari

Jesse James Garrett. The Elements of User Experience: User-Centered Design for the Web

Page 13: Curs deDisseny Centrat en l'Usuari (2)

| 13 |

Els elements de la experiència d’usuari

Page 14: Curs deDisseny Centrat en l'Usuari (2)

| 14 |

Els elements de la experiència d’usuari

Page 15: Curs deDisseny Centrat en l'Usuari (2)

| 15 |

Els elements de la experiència d’usuari

No “construir la casa per la teulada”

Page 16: Curs deDisseny Centrat en l'Usuari (2)

| 16 |

Metodologia de disseny centrat en l’usuari

Page 17: Curs deDisseny Centrat en l'Usuari (2)

| 17 |

Metodologia de disseny centrat en l’usuari

Entrevistes Enquestes Focus groups Workshops Auditories de contingut Anàlisi heurístic Benchmark de referents Anàlisi del model de negoci online Anàlisi de context i de mercat Anàlisi de tendències Mapes mentals Escenaris Storytelling

Entrevistes Enquestes Focus groups Workshops Anàlisi de mètriques Card sorting Tests d'usuaris Eye tracking Persones i escenaris Storytelling Mental models

Mapes conceptuals Card sorting Arquitectura de la informació Wireframes i mock-ups Prototips Disseny de fluxos de procés Funcionals d'interacció Tests d'usuaris Guies d'estil Anàlisi heurístic Tests d'usuaris Eye tracking

Disseny i producció gràfica e-Branding Guies d'estil Desenvolupament XHTML + CSS Visualització d'informació

Desenvolupament i implementació Parametrització Integració Test Llançament

Page 18: Curs deDisseny Centrat en l'Usuari (2)

| 18 |

Metodologia de disseny centrat en l’usuari

El punt de partida modifica els plans…

Page 19: Curs deDisseny Centrat en l'Usuari (2)

| 19 |

Metodologia de disseny centrat en l’usuari

El punt de partida modifica els plans…

Page 20: Curs deDisseny Centrat en l'Usuari (2)

| 20 |

Metodologia de disseny centrat en l’usuari

El punt de partida modifica els plans…

Page 21: Curs deDisseny Centrat en l'Usuari (2)

| 21 |

Metodologia de disseny centrat en l’usuari

El punt de partida modifica els plans…

Page 22: Curs deDisseny Centrat en l'Usuari (2)

| 22 |

Metodologia de disseny centrat en l’usuari

El punt de partida modifica els plans…

Page 23: Curs deDisseny Centrat en l'Usuari (2)

| 23 |

Metodologia de disseny centrat en l’usuari

El client moltes vegades condiciona l'enfocament definitiu: imposant un timming, per falta de pressupost, per desconeixement, per restriccions internes, per la seva metodologia, ...

Page 24: Curs deDisseny Centrat en l'Usuari (2)

| 24 |

Metodologia de disseny centrat en l’usuari

El client moltes vegades condiciona l'enfocament definitiu: imposant un timming, per falta de pressupost, per desconeixement, per restriccions internes, per la seva metodologia, ...

Page 25: Curs deDisseny Centrat en l'Usuari (2)

| 25 |

Metodologia de disseny centrat en l’usuari

El client moltes vegades condiciona l'enfocament definitiu: imposant un timming, per falta de pressupost, per desconeixement, per restriccions internes, per la seva metodologia, ...

Page 26: Curs deDisseny Centrat en l'Usuari (2)

| 26 |

Metodologia de disseny centrat en l’usuari

El client moltes vegades condiciona l'enfocament definitiu: imposant un timming, per falta de pressupost, per desconeixement, per restriccions internes, per la seva metodologia, ...

Page 27: Curs deDisseny Centrat en l'Usuari (2)

| 27 |

Metodologia de disseny centrat en l’usuari

El client moltes vegades condiciona l'enfocament definitiu: imposant un timming, per falta de pressupost, per desconeixement, per restriccions internes, per la seva metodologia, ...

Page 28: Curs deDisseny Centrat en l'Usuari (2)

| 28 |

Metodologia de disseny centrat en l’usuari

El client moltes vegades condiciona l'enfocament definitiu: imposant un timming, per falta de pressupost, per desconeixement, per restriccions internes, per la seva metodologia, ...

Page 29: Curs deDisseny Centrat en l'Usuari (2)

| 29 |

Metodologia de disseny centrat en l’usuari

9 pecats que hauríem d’evitar…

1. No captar el problema de client i adaptar-lo als propis gustos i necessitats.

2. Comprometre a assolir objectius inabastables o superiors a les pròpies necessitats.

3. No tenir els objectius del projecte clars abans de començar

4. No haver identificat amb claredat el veritable client

5. Acceptar tractar problemes rellevants amb un interlocutor inadequat

6. No formalitzar els objectius i acords a què s'ha arribat amb el client

7. Acceptar sobre la marxa canvis, sense un procés formal de modificació de l'abast

8. No planificar adequadament

9. No dominar els temps de dedicació i consum de recursos

Page 30: Curs deDisseny Centrat en l'Usuari (2)

| 30 |

Optimyzet We think it, we design it... web strategy + user experience

www.optimyzet.com | +34 936 476 403 | [email protected]

Viladecans Business Park (Ed. Canadà) | Carrer Tecnologia, 17 - Planta baixa | 08840 Viladecans | Barcelona