Grado en Ingeniería Informática

Doble Grado en Ingeniería Informática y Administración

de Empresas

Diseño del concepto de producto

Interacción Persona - Ordenador

DLSIIS – ETSI Informáticos

Universidad Politécnica de Madrid
 Proceso de Diseño Centrado en el Usuario

Planificar el proceso de diseño

centrado en el usuario
Comprender y especificar el
contexto de uso

Iterar cuando sea conveniente

Evaluar el diseño Especificar los requisitos

Respecto a los requisitos de usuario

La solución diseñada
satisface los Producir soluciones
requisitos de usuario de diseño para satisfacer los
requisitos de usuario

IPO – Diseño del concepto de producto – Universidad Politécnica de Madrid 2

 El espacio del problema

IPO – Diseño del concepto de producto – Universidad Politécnica de Madrid 3

 Comprender el espacio del problema

¿Qué problemas o necesidades no cubiertas existen?

¿Existen problemas de usabilidad o de experiencia de usuario

con productos existentes?

¿Cuáles de estos problemas o necesidades ofrecen

oportunidades de diseño?

¿Qué enfoque o qué características generales sería interesante que

tuviera la solución?

IPO – Diseño del concepto de producto – Universidad Politécnica de Madrid 4

 Punto de vista

 Expresión de una oportunidad de diseño.

 Parte de la observación de un problema o de una necesidad.
• Se nutre del resultado del análisis de contexto de uso
(usuarios, tareas y entorno).
 Incluye características relevantes que tendrá la solución.
 Par problema/solución.

IPO – Diseño del concepto de producto – Universidad Politécnica de Madrid 5

 Ejemplo de punto de vista (I): smartphones

 ¿Cuáles creéis que fueron las principales oportunidades que identificaron los
creadores de los primeros smartphones?

 La gente querrá navegar, jugar y acceder a contenidos multimedia desde sus

teléfonos móviles si tienen terminales con una capacidad de interacción adecuada
y conectados a Internet.
 ¡Y estarán dispuestos a pagar extra por estos servicios!

IPO – Diseño del concepto de producto – Universidad Politécnica de Madrid 6

 Ejemplo de punto de vista (II): Autoescaneo Alcampo

 A los clientes de un hipermercado les da pereza la

espera en la caja y gran parte de dichos clientes
tienen un Smartphone con cámara suficiente para
códigos de barras.
 Una aplicación gratuita podría ofrecer el servicio de
escanear cada producto utilizando la cámara y
además informar de ofertas que interesen al
hipermercado.
 El hipermercado se posicionaría así a la vanguardia de
la tecnología.

IPO – Diseño del concepto de producto – Universidad Politécnica de Madrid 7

 Técnicas

IPO – Diseño del concepto de producto – Universidad Politécnica de Madrid 8

 Técnicas para el desarrollo del Concepto del Producto

Brainstorming Diseño
Escenarios Storyboards
(Lluvia de Ideas) paralelo

IPO – Diseño del concepto de producto – Universidad Politécnica de Madrid 9

 Brainstorming / Lluvia de ideas

 Método para generar ideas.

• Posibilidad de exponer ideas libremente.
 Apropiado para resolver problemas complejos que requieren
creatividad.
 Requiere una predisposición específica.
• No juzgar las ideas de los demás.
• Apertura de miras.
• No importa quién es el autor/a de las ideas.
 Cuantas más ideas se generen, mejor.
 Puede ser verbal o visual.
1

IPO – Diseño del concepto de producto – Universidad Politécnica de Madrid 10

 Escenarios
 Historia de ficción, personalizada con personajes, eventos, productos y
entorno; en la que se describe el uso del producto que se va a desarrollar.
 Es una descripción encapsulada de:
 Un usuario individual,
 Utilizando un dispositivo informático específico,
 Para conseguir un resultado específico,
 Bajo circunstancias concretas,
 En un periodo de tiempo definido
 Los escenarios ayudan al equipo de desarrollo a explorar ideas y posibles
diseños en situaciones particulares.

IPO – Diseño del concepto de producto – Universidad Politécnica de Madrid 11

 Ejemplo de Escenario
Una mujer de negocios viaja de San Francisco a París en un viaje de negocios:

Cuando llega al aeropuerto su smartphone con localizador de posición notifica a la aerolínea que ella va a
realizar la facturación en breve, y un empleado de la aerolínea inmediatamente la encuentra y toma su equipaje.
La pantalla de su móvil le muestra que su vuelo tiene la salida prevista en hora y le proporciona un mapa hasta
la puerta de embarque. En el camino a la puerta de embarque descarga la información turística de su destino
como mapas y eventos que ocurrirán en París durante su estancia.

Una vez encuentra su asiento en el avión, empieza a revisar la información que ha descargado. Se entera de que
está en cartel una ópera que ella siempre ha deseado ver, y reserva las entradas en el momento. Su móvil puede
hacer la reserva utilizando su tarjeta de crédito, que tiene almacenada en la memoria. Esto significa que no tiene
que introducir los datos de la tarjeta de crédito cada vez que utiliza wCommerce (comercio inalámbrico). La
seguridad que incluye el software de su smartphone la protege contra el fraude.

El smartphone almacena la reserva de la ópera junto con varios mensajes de correo electrónico que ella escribe
durante el vuelo. En cuanto ella desciende del avión el teléfono automáticamente envía los mensajes de correo
electrónico. Cuando deja el aeropuerto, aparece un mapa en la pantalla de su teléfono móvil guiándola al hotel.

IPO – Diseño del concepto de producto – Universidad Politécnica de Madrid 12

 Storyboards

IPO – Diseño del concepto de producto – Universidad Politécnica de Madrid 13

 Storyboards

 Un storyboard captura de manera

pictórica el proceso de llevar a
cabo una tarea.
 Cada viñeta del storyboard
representa una única escena.
• Una interacción entre dos
personas, o una persona y el
sistema, o una persona y un
dispositivo, o un paso del
sistema.

IPO – Diseño del concepto de producto – Universidad Politécnica de Madrid 14

 Storyboards: Qué debe aparecer
 Situación
• ¿Qué personajes participan?
• ¿Cuál es el contexto?
• ¿Cuál es el objetivo del usuario?
 Secuencia
• ¿Qué pasos se llevan a cabo?
• ¿Qué lleva a alguien a usar el sistema?
• ¿Qué tarea se está ilustrando?
 Satisfacción
• ¿Qué motivación tiene el usuario?
• ¿Cuál es el resultado final?
• ¿Qué necesidades quedan satisfechas?

IPO – Diseño del concepto de producto – Universidad Politécnica de Madrid 15

 Cómo hacer un storyboard (I)

IPO – Diseño del concepto de producto – Universidad Politécnica de Madrid 16

 Cómo hacer un storyboard (II)

IPO – Diseño del concepto de producto – Universidad Politécnica de Madrid 17

 Diseño paralelo

 Elaborar varios diseños en paralelo para probarlos

• Rápidamente.
 Para no reducir innecesariamente el espacio de la solución.
 Favorece la comparación para extraer lo que puede aportar
cada diseño.
 Diseño paralelo en equipo
• No confundir el ego con el diseño propuesto (mejor los diseños
propuestos).
• Consenso al discutir diseños alternativos.
4

IPO – Diseño del concepto de producto – Universidad Politécnica de Madrid 18

 Haced un storyboard

 Por equipos de proyecto

 Tiempo: 15 minutos
 Escenario:
Laura y María van a un festival de conciertos este viernes 28 de febrero
desde Getafe a Boadilla del Monte. Se han descargado la aplicación del
festival, y una de las opciones es para compartir coche. Quieren buscar
un coche libre para compartir. En la aplicación encuentran un coche:
Carlos sale de Leganés, tiene 2 plazas libres, y pide compartir los gastos
de gasolina. Laura y María escriben a Carlos, y ¡perfecto! sigue libre, así
que quedan el viernes a las 18 horas. 4

IPO – Diseño del concepto de producto – Universidad Politécnica de Madrid 19

 Grado en Ingeniería Informática
Doble Grado en Ingeniería Informática y Administración
de Empresas

Diseño del concepto de producto (fin)

Interacción Persona - Ordenador

DLSIIS – ETSI Informáticos

Universidad Politécnica de Madrid