Diseño y Desarrollo de Software - cs.uns.edu.armc/disenio/downloads/Talleres/Taller UX... ·...

1

UNS – DCIC – Diseño y Desarrollo de Software – Año 2018 Autora: Dra. Ma Paula González

Taller Diseño y desarrollo de software desde la óptica de la IPO: UX, CX y BX Nuevos desafíos

Diseño y Desarrollo deSoftware

Dra. Ma. Paula GonzálezLicenciatura en Ciencias de la Computación - UNS

Licencia

Copyright © 2018 María Paula González

Se asegura la libertad para copiar, distribuir y modificar este documento de acuerdo a los términos de la GNU Free Documentation License, Version 1.2 o cualquiera posterior publicada por la Free Software Foundation, sin secciones invariantes ni textos de cubierta delantera o trasera.

Una copia de esta licencia está siempre disponible en la página http://www.gnu.org/copyleft/fdl.html

2


Objetivos

Conceptos Interfaces de Usuario, User Experience (UX) Diseño Centrado en el Usuario Ingeniería de la Usabilidad Métodos de Evaluación de la IU Customer Experience (CX) y Brand

Experience (BX) “Bridging the GAP” (Tendiendo puentes)

3

Interfaces de Usuario y UX

4

Interface de Usuario es la parte de un sistema interactivocon la que el usuario entra en contacto

3



5

Interface de Usuario es la parte de un sistema interactivocon la que el usuario entra en contacto


Las personas no utilizan sistemas interactivos…

… utilizan sus interfaces

Codigo asociado a la interfaz = 50% del totalConstruir una buena IU es parte fundamental de

la clave de éxito para cualquier software

4



Experiencia del Usuario o User Experience (UX):



5




Contenido Interfaz del Usuario User Experience

Interfaces de Usuario y UXExperiencia del Usuario o User Experience (UX):

No diseñamos la UX Diseñamos para una UX

6



11

Experiencia del Usuario: evolución vertiginosa en losúltimos 10 años

Escenario hace 10 años:

• No Android masivamente (2003: lanzam., 2008: HTC Dream)

• No GPS en smartphones: antes del 2007 (IPhone) muy bajaconectividad

• Tablets: caras, poco funcionales

• APP Store: en 2007 cuando debuto IPhone no existían las ¨apps¨. Hoyhay mas de 10 billones

Interfaces de Usuario y UXExperiencia del Usuario o User Experience (UX): hoy- a 10 años

7



Experiencia del Usuario o User Experience (UX): hoy- a 10 años



14

8





Problemas asociados al diseño de UX y desarrollo de IUs:

Complejidad del proceso interactivo

ACM SIGCHI curricula, 1992, p 6

9




Tipos de Interfaces: escritorio, táctiles, dispositivos móbiles(PDAs,celulares, Ipods, etc.), emocionales, etc.

Tipos de Interacción: ratón, realidad virtual, interfacestáctiles, video, voz, pens, iTV, etc.

De usuarios individuales a comunidades de usuariosconectados (WWW, CSCW, Com. de Práctica, Blogs, etc.)



Usuarios nativos digitales (nacidos después de 2000)

10


Interfaces de Usuario


Escenarios de desarrollo multi-culturales: comunicaciónasincrónica, “bias” (sesgo) culturales, subjetividad, códigos ymetáforas culturales, etc.



Escenarios de desarrollo multi-culturales: comunicaciónasincrónica, “bias” (sesgo) culturales, subjetividad, códigos ymetáforas culturales, etc.

11



Problemas asociados al diseño y desarrollo de IUs:

Escenarios de Aplicación multi-culturales: perfiles deusuario, elicitación de requisitos, “skins” culturales.


Problemas asociados al diseño y desarrollo de IUs: ejemplos

12




Principios de Diseño de IUs, patrones de diseño de IUs:

No son ni obvios ni intuitivos

No siempre se se aplican correctamente

No están integrados en los Modelos de Proceso de la IS

Estimación de Costos

Modelos para medir Retorno de la Inversión (ROI) pococonsolidados

Existen muchos estándares incomparables



Principios de Diseño de IUs, patrones de diseño de IUs:ejemplo

Patrón MVC

13



Problemas asociados al diseño de UX y desarrollo de IUs:¿soluciones?

CAMBIO DE OPTICA en la última década:

Acercamiento Tecnócrata vs Foco en el Usuario

Modelo cascada vs modelos incrementales e iterativos

“Codificar y Probar” vs. Metodologías y Planificación

Equipos técnicos vs equipos profesionales

(capacitación + experiencia) vs (calificación + competencias)


Problemas asociados al diseño de UX y desarrollo de IUs:¿soluciones?

UX development lifecycle

14



UX development lifecycle

15



UX development team +


Un paso más allá… Diseño Centrado en el Usuario

16


Objetivos

Conceptos Interfaces de Usuario y User Experience (UX) Diseño Centrado en el Usuario Ingeniería de la Usabilidad Métodos de Evaluación de la IU Hacia la Customer Experience (CX) y Brand

Experience (BX) “Bridging the GAP” (Tendiendo puentes)

31

Diseño Centrado en el Usuario

Intenta optimizar la interfaz del usuario alrededor de cómo lagente puede, desea o necesita trabajar, más que forzando alos usuarios a cambiar cómo trabajan para acomodarse a lafunción del sistema

17



Usuarios: difícil entenderlos MAS DIFICIL diseñar una buenaUX para ellos


Modelo de Proceso DCU:

18



Modelo de Proceso DCU:


Modelo de Proceso DCU: proceso iterativo según ISO-13407 (1999)

19



Modelo de Proceso DCU: ISO-13407 (1999) fué actualizada porISO 9241-210


Dos Principios Fundamentales del DCU:

Modelo Mental del Usuario:

Modelo conceptual del sistema que tiene el usuario.Modo en el que usuario intuye que funciona elsistema. Incluye la representación de su estructura ysu funcionamiento

[Norman, 1983]

20








21




Modelo Mental del Usuario: concepto de cultura


Dos Principios Fundamentales del DCU: concepto de cultura (ejemplo)

22




Affordance: el diseño de los elementos debe daruna idea de su funcionalidad



Affordance: ejemplos de mal afordance

23



Actividades DCU:

UX Stencil © T. Zazelenchuk & El. Boling. www.userfocus.co.uk/uxstencil/


UCD en la industria: empresas HP y SAP

24



UCD en la industria:

Interfaces de Usuario

Problemas asociados al diseño y desarrollo de IUs:¿soluciones?

CAMBIO DE OPTICA en la última década:

Acercamiento Tecnócrata vs DCU + Usabilidad

Modelo cascada vs modelos incrementales e iterativos

“Codificar y Probar” vs. Metodologías y Planificación

Equipos técnicos vs equipos profesionales

(capacitación + experiencia) vs (calificación + competencias)

25


Objetivos

Conceptos

Interfaces de Usuario y User Experience (UX)


Ingeniería de la Usabilidad

Métodos de Evaluación de la IU

Hacia la Customer Experience (CX) y Brand Experience(BX)

“Bridging the GAP” (Tendiendo puentes)

49


Usabilidad: que es?

26



Característica primordial de sistemas fáciles de usar y de aprender (J. Preece, 1994)

Aceptabilidad de un sistema o producto para una clase particular de usuarios que llevan a cabo tareas específicas en un entorno específico (Niegel Bevan, década del 90’)

Usabilidad: definiciones coloquiales


Usabilidad: estrategia de desarrollo de software centrada en la interfaz

Ej. Telefonía Móbil Inteligente (productos 2010):

Funcionalidad similares Valor agregado: diseño interacción

“Estrellas” invitadas:experiencia del usuario

usabilidadKIN (redes sociales). MICROSOFTWindows Mobile 7 Series: MICROSOFTMotorBlub: MOTOROLA

27



Problemas de Usabilidad: diseño de la interacción

53


Problemas de Usabilidad: affordance

54

28



Problemas de Usabilidad: ¿(des)información?

55


Problemas de Usabilidad

29



[ISO/IEC 9126-1:2001(E)]

Usabilidad:

57


Usabilidad [ISO 9241-11]: medida en la que un producto puede ser usado por determinados usuarios para conseguir objetivos específicos con eficacia (efectividad), eficiencia y satisfacción en un contexto de uso especificado

Usabilidad

(ISO 9241/11)

Eficacia

Eficiencia

Satisfacción

precisión

completitud

temporal

humana

financiera

confort

aceptación 58

30



Usabilidad: relación con UX



Diseño de la UX

31



No diseñamos la UX Diseñamos y creamossistemas usables para una buena UX


+


32



Modelos de Proceso: Proceso de la IU [Nielsen, 1993]


Modelos de Proceso: DUTCH Model [Gerrit van der Veer, 1996].

33



Modelos de Proceso: The Usability Engineering Lifecycle [Mayhew, 1999]


Modelos de Proceso: IU Basado en Escenarios [Rosson & Carroll, 2002]

34



Modelos de Proceso: Usabilidad Pervasiva [T. Brink et. al., 2002]


Modelos de Proceso: MPIu+a [Granollers T., 2004]Métrica:

Esfuerzo de Usabilidad

35



Evaluando Usabilidad: ¿Qué evaluamos?

Principiosde

Usabilidad

Preguntas Generales (estándares ISO,

IEEE)

Principios Especiíicos

Preguntas Especificas(Guidelines, ppios.

heurísticos)

Métodos Evaluación Usabilidad

Resultados69



36






37





Evaluando Usabilidad: ¿Cómo evaluamos?

• Por Inspeccion: especialistas en IU, desarrolladores y usuarios examinan aspectos relacionados con la usabilidad.

• Por Indagacion: evaluadores obtienen informacion observandocomo usuarios reales utilizan el sistema en el contexto real de uso.

• Por Testeo: usuarios representativos realizan tareastipicas del sistema. Los resultados son analizados por expertos en usabilidad paraver como el sistema responde

• Metricas: funciones matematicas, estadistica, datamining

Cualita-tivos

Cuantita-tivos

38



Evaluando Usabilidad: ¿Donde evaluamos? Lab de Usabilidad


Evaluando Usabilidad: ¿Donde evaluamos? Lab de Usabilidad

39



Evaluando Usabilidad: ¿Donde evaluamos? Contextos de Uso

Objetivos

Conceptos Interfaces de Usuario y User Experience (UX) Diseño Centrado en el Usuario Ingeniería de la Usabilidad Métodos de Evaluación de la IU Customer Experience y Brand Experience “Bridging the GAP” (Tendiendo puentes)

78

40


¿ Y despues de la UX ?

Conceptos Interfaces de Usuario y User Experience (UX) Diseño Centrado en el Usuario Ingeniería de la Usabilidad Métodos de Evaluación de la IU Hacia la Customer Experience (CX) “Bridging the GAP” (Tendiendo puentes)

79

Customer Experience

80

41


Customer Experience

81

Customer experience: es la suma de todas lasexperiencias que tiene un cliente con un proveedor debienes y/o servicios, a lo largo de la duración de larelación con ese proveedor.

Ejemplo: compra de viaje en agencia de viaje virtual• Cia de turismo• Cia aérea• Web del aeropuesto• Cia de seguros de viajero• etc

Customer Experience

82

Customer experience: La “X” hace referencia a lanecesidad de enlazar con el cliente en cualquier canal/esde su preferencia, sean estos físicos (tienda, sede),telefónicos (telemarketing, call center), en internet(marketing digital, chat) o a través de las redes sociales oel móvil.

• Foco en el cliente y no en el producto.• Muchas opciones para satisfacer las necesidades de

cada tipo de cliente.• Esfuerzos de marketing personalizados.• Canales de contacto y comunicación bidireccionales y

multidireccionales.

42


Customer Experience

83

Customer Experience

84

43


Brand Experience

85

Brand Experience

86

Brand experience, o experiencia de marca: conjunto de vivencias que tienen las personas al consumir un determinado producto de una determinada marca o firma y/o al presentar cierto interés a dicha firma

Objetivo de la BX: generar lazos estables con los clientes y mantenerlos (fidelización de clientes)

44


Brand Experience

87

Brand experience: pasos

1. Identificar puntos de encuentro con audiencia: entender en donde comienza la experiencia de marca y todos los lugares en los cuales la audiencia se encuentra en contacto con el producto

2. Conocer a la audiencia: ¿ídem usabilidad y UX?

3. Humanizar la experiencia: calidad, UX, CX, marketing

Brand Experience

88

Brand experience: pasos

4. Establecer un final de la experiencia relevante (interacción): Los estudios han demostrado que la gente solo recuerda el momento clave de una experiencia y como termina

5. Lograr consistencia: cada vez que tu audiencia entra en contacto contigo el branding debe ser similar y consistente. Si la experiencia no es completa y consistente, no será tan efectiva en crear lealtad y emoción de parte del cliente

45


Brand Experience

89

Objetivos

Conceptos Interfaces de Usuario y User Experience (UX) Diseño Centrado en el Usuario Ingeniería de la Usabilidad Métodos de Evaluación de la IU Customer Experience y Brand Experience “Bridging the GAP” (Tendiendo puentes)

90

46


“Bridging the GAP”

DCU Ingeniería de Software

Metodologías

ÁgilesIngeniería de la

Usabilidad

GAP

Objetivo: MEJORAR BX


Agile Manifiesto

47


Discount Usability

Optimizar evaluación de la usabilidad: poco costo

Evaluación frecuente de la usabilidad

Pruebas chicas (rápidas, pocos usuarios, pocos casos, etc.)

Da un “pantallazo” sobre la usabilidad, pero no resultados completos


Discount Usability

“Bridging the GAP

48



Usage Center Design:

Subgrupo de metodologías UCD

Aplica iterativamente:

Fase iterativa de diseño y desarrollo

Fase de validación

Enfasis en métodos de la Ingenería de Software:

Uso de patrones de diseño

Especificaciones en lenguaje de tipo UML

Generación de interfaces basada en modelos


User Interface

Engineering

Development

Phase

Software

Engineering

User & task analysis Requirements analysis Application design

Human vs. Machine Requirements allocation Hardware vs. Software

Dialogue design Preliminary design Architectural design

Screen design Detailed design Logical design

Coding Implementation Coding

Usability lab Implementation testing Unit & Integration testing

Contextual observation System testing System testing

Human performance Optimization Machine performance

49



www.luminanze.com


DCU Ingeniería de Software

Metodologías

ÁgilesIngeniería de la

Usabilidad

GAP

Modelos de Proceso no lineales

Acercamientos “User-Centered”

Objetivo primordial: provocar buena UX para lograr una CX que provoque una buena BX

RF + RNF + valor agregado de calidad = ROI

50



+

Algunas Webs Utiles

UPA (Usability’s Professionals’ Association): www.upassoc.org/

AIPO (Asociacion Interaccion Persona-Ordenador): www.aipo.es

ACM/SIGCHI: www.sigchi.org/

IFIP Technical Committe T13: http://csmobile.upe.ac.za/ifip/

Blog Useit.com de Jacob Nielsen: http://www.useit.com/

Usability.gov: http://www.usability.gov

Usability.net: http://www.usabilitynet.org/home.htm

Date post:	18-Oct-2018
Category:	Documents
Upload:	vuongtu
View:	215 times
Download:	0 times

Diseño y Desarrollo de Software - cs.uns.edu.armc/disenio/downloads/Talleres/Taller UX... ·...

Documents