Autora: Mònica Zapata

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

2. Sumari
• Disseny centrat en l’usuari i ROI
• Els elements de la experiència
d’usuari
• Metodologia de disseny centrat
en l’usuari
|2|

3. Disseny centrat en l’usuari i ROI
|3|

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
|4|

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.
|5|

6. Disseny centrat en l’usuari i ROI
Tenir en compte a l’usuari en cada pas del projecte
Llibertat de disseny
probabilitat
Coneixement de
l’usuari
Avanç del projecte
|6|

7. Disseny centrat en l’usuari i ROI
Formació, aprenentatge, Formació, aprenentatge,
canvis, suport canvis, suport
projecte
projecte
Anàlisi de les Anàlisi de les
necessitats d’usuari necessitats d’usuari
|7|

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
|8|

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
Núm. visitants compren
Núm. visitants del lloc web
• 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 %
• ...
|9|

10. Disseny centrat en l’usuari i ROI
Com calcularíeu el ROI i en quins punts...
| 10 |

11. Els elements de l’experiència
d’usuari | 11 |

12. Els elements de la experiència d’usuari
Jesse James Garrett. The Elements of User Experience: User-Centered Design for the Web
| 12 |

13. Els elements de la experiència d’usuari
| 13 |

14. Els elements de la experiència d’usuari
| 14 |

15. Els elements de la experiència d’usuari
No “construir la casa per la teulada”
| 15 |

16. Metodologia de disseny centrat en
l’usuari | 16 |

17. Metodologia de disseny centrat en l’usuari
Entrevistes Entrevistes Mapes conceptuals Disseny i producció Desenvolupament i
Enquestes Enquestes Card sorting gràfica implementació
Focus groups Focus groups Arquitectura de la e-Branding Parametrització
Workshops Workshops informació Guies d'estil Integració
Auditories de contingut Anàlisi de mètriques Wireframes i mock-ups Desenvolupament XHTML Test
Anàlisi heurístic Card sorting Prototips + CSS Llançament
Benchmark de referents Tests d'usuaris Disseny de fluxos de Visualització d'informació
Anàlisi del model de Eye tracking procés
negoci online Persones i escenaris Funcionals d'interacció
Anàlisi de context i de Storytelling Tests d'usuaris
mercat Mental models Guies d'estil
Anàlisi de tendències Anàlisi heurístic
Mapes mentals Tests d'usuaris
Escenaris Eye tracking
Storytelling
| 17 |

18. Metodologia de disseny centrat en l’usuari
El punt de partida modifica els plans…
| 18 |

19. Metodologia de disseny centrat en l’usuari
El punt de partida modifica els plans…
| 19 |

20. Metodologia de disseny centrat en l’usuari
El punt de partida modifica els plans…
| 20 |

21. Metodologia de disseny centrat en l’usuari
El punt de partida modifica els plans…
| 21 |

22. Metodologia de disseny centrat en l’usuari
El punt de partida modifica els plans…
| 22 |

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, ...
| 23 |

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, ...
| 24 |

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, ...
| 25 |

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, ...
| 26 |

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, ...
| 27 |

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, ...
| 28 |

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
| 29 |

30. Optimyzet
We think it, we design it...
web strategy + user experience
www.optimyzet.com | +34 936 476 403 | info@optimyzet.com
Viladecans Business Park (Ed. Canadà) | Carrer Tecnologia, 17 - Planta baixa | 08840 Viladecans | Barcelona
| 30 |