Interfacez Semiótica

Sobre una Maquina Expendedora de Productos

Sandra Ezquer Zuñiga

Rodolfo Alvarez Rivera
Leonides Delgado Moya
Alumnos

Maestria en Diseño Digital

Semiotica de las Interfaces

Mtro. Ernesto Peña Alonso

Asesor

Septiembre de 2009

UAT - FADU - Posgrado - Maestria en Diseño Digital - Semiótica de las Interfaces - interfaz a Nivel Semiótico + Septiembre de 2009
 Interfaz a Nivel Semiotico
Creación de la Persona Sobre una Maquina Expendedora de Productos
Martha García
Vive y deja vivir

Familiarizada con redes socia-

les (Facebook, Youtube, flickr,
21 anos
Msn). Usa paquetería de Ado-
Hermana mayor, soltera, estudiante
be.
Diseño Grafico

Alto

Batallar lo menos posible en obtener sus

productos.
Después de hacer una compra, tener
Se levanta a las 6 am, se alista para tomar el camión que la lle-
dinero suficiente para pagar el pasaje.
Variedad de productos a elegir entre vara al trabajo. Trabaja en una imprenta de 9 am a 6 pm. Tiene
botanas y bebidas. una hora para comer de 2 pm a 3 pm y por ende como alguna
Tomar el refresco inmediatamente
golosina. Llega al diplomado a las 6:10 y si tiene tiempo com-
pra un refresco o una golosina antes de la clase. Sale a las 9 pm
Que la maquina no regrese el cambio.
Que los productos salgan dañados.
del Diplomado y toma un camión a su casa. Llega a las 9:20 pm
Precios accesibles. a su casa que comparte con tres amigas, lee revistas en línea,
No tener billetes de la denominación de la ve un poco de TV, revisa su facebook y algunas paginas de su
maquina.
interés antes de dormir.

Compra antes de entrar a clase

Receso de clase.

UAT - FADU - Posgrado - Maestria en Diseño Digital - Semiótica de las Interfaces - interfaz a Nivel Semiótico + Septiembre de 2009 1 de 10

Bits de Información / Patrones
1. El sujeto se llama Martha
2. Tiene 21 años
3. Estudia diseño grafico
4. Trabaja
5. Tiene computadora en casa y
trabajo
6. Trabaja por proyectos
7. El usuario es experto
8. Lee revistas en linea
9. Lee blogs
10. Familiarizado con interfaces
similares (paquete adobe)
11. Conteo de consumo
12. Preferencias de Usuario
13. e-mail
14. Nombre con apellidos
15. nombre de usuario
16. Sexo
17. Pregunta secreta
18. Familiarizado con interfaces
sociales
19. Llega hambriento después del
trabajo
20. Diario consume bebidas y bo-
tanas
21. Preferencia por el delaware
punch
22. Preferencia por las papas
23. El usuario podrá visualizar indi-
cadores de los productos mas
vendidos
24. Exhibir los productos de la
máquina
25. El usuario frecuente tiene la
opcion de mantener un crédito
UAT - FADU - Posgrado - Maestria en Diseño Digital - Semiótica de las Interfaces - interfaz a Nivel Semiótico + Septiembre de 2009
26. Reproducción de sonidos de las
acciones de compra, al introdu-
cir las monedas y/o billetes, asi
como sonidos de la maquina.
27. El credito aparecera en mone-
das aleatorias
28. El usuario elige y arrastra de su
credito las monedas y billetes
con los que hara la compra
29. El cambio se entregara con
monedas aleatorias
30. En caso de no arrastrar las
monedas la maquina simulara
la accion
31. Los usuarios tienen la opcion
de registrarse
32. El usuario registrado seleccio-
na sus preferencias
33. Las cuentas de ususario llevan
un conteo de consumo
34. Por cada 50 consumos se boni-
ficara al usuario con un produc-
to de manera sorpresiva
35. El usuario podrá visualizar una
lista de su compra, modificarla,
añadir, eliminar
36. El usuario podrá visualizar su
crédito por todo el proceso
37. d e compra
38. Para registro se requiere nom-
bre, nombre de usuario, contra-
seña, pregunta secreta, correo
electrònico*, edad, sexo, ocupa-
ción* (*información opcional)
Interfaz a Nivel Semiotico
Sobre una Maquina Expendedora de Productos
39. Para acceder a la cuenta en 52. El usuario puede elegir si su
necesario introducir nombre de nombre de usuario y contrase-
usuario y clave de usuario ña sean recordados
40. El usuario registrado podra 53. Mediante una pregunta secreta,
sugerir nuevos productos, en ingresada en el perfil, el usuario
todo momento. puede asociar su contraseña a
41. Beneficios de Estar registrado la pregunta
42. Describirle a los Usuarios no
registrados, pueden obtener
crédito mediante tickets, que se
obtienen al hacer compras en
las maquinas físicas. La clave
del ticket se introduce para
obtener un crédito Bits Relacionados
43. Una animación aleatoria para
A: 1-17
la entrega de cada grupo de
B: 18-23
productos.
C: 24-30; 34-36; 42-46
44. Descripción de los personajes
D: 31-33, 37-40
al verlos por primera ver. (con
E: 41, 47, 48
opción a saltarla)
45. La interfaz cambia de acuerdo a
F: 49-52
la hora del día.
G: 41, 42
46. Al estar el sistema inactivo, la
interfaz tornara a estar frio o
borroso
47. Regalos para el facebook entre-
gados aleatoriamente una vez
por semana
48. Tips para uso de la interfaz
49. Beneficio de estar registrad
50. El usuario ingrea mediante un
botón de entrar
51. Para acceder a su cuenta los
usuarios deben ingresar nom-
bre de usuario y contraseña
2 de 10
 Interfaz a Nivel Semiotico
Patrones Priorizados Sobre una Maquina Expendedora de Productos

G El usuario puede elegir si su nom-

bre de usuario y contraseña sean
los que hara la compra
El cambio se entregara con mone-
nombre de usuario
Sexo
Los Usuarios no registrados,
recordados das aleatorias Pregunta secreta
pueden obtener crédito mediante
Mediante una pregunta secreta, Por cada 50 consumos se bonifica- Trabaja por proyectos
tickets, que se obtienen al hacer
ingresada en el perfil, el usuario ra al usuario con un producto de Lee revistas en linea
compras en las maquinas físicas.
puede asociar su contraseña a la manera sorpresiva Lee blogs
La clave del ticket se introduce
pregunta El usuario podrá visualizar una lista Familiarizado con interfaces simila-
para obtener un crédito
de su compra, modificarla, añadir, res (paquete adobe)

D B eliminar

Los usuarios tienen la opcion de

Familiarizado con interfaces socia- El usuario podrá visualizar su crédi- E
les to por todo el proceso Describirle al Usuarios no regis-
registrarse.
Preferencia por el delaware punch d e compra trados, pueden obtener crédito
Para registro se requiere nombre,
Preferencia por las papas Descripción de los personajes al mediante tickets, que se obtienen al
nombre de usuario, contraseña,
El usuario podrá visualizar indicado- verlos por primera ver. (con opción hacer compras en las maquinas físi-
pregunta secreta, correo elec-
res de los productos mas vendidos a saltarla) cas. La clave del ticket se introduce
trònico*, edad, sexo, ocupación*
Diario consume bebidas y botanas La interfaz cambia de acuerdo a la para obtener un crédito
(*información opcional)
Llega hambriento después del hora del día. Tips para uso de la interfaz
Para acceder a la cuenta en nece-
trabajo Al estar el sistema inactivo, la inter- Beneficio de estar registrad
sario introducir nombre de usuario
faz tornara a estar frio o borroso
y clave de usuario
El usuario registrado selecciona
C Regalos para el facebook entre-
Exhibir los productos de la máquina gados aleatoriamente una vez por *************************************
sus preferencias
En caso de no arrastrar las monedas semana Los Patrones se ordenaron de
Las cuentas de ususario llevan un
la maquina simulara la acción acuerdo al nivel de importancia del
conteo de consumo
El usuario registrado podra sugerir
Una animación aleatoria para la en- A conjunto dentro de la interfaz. Así
trega de cada grupo de productos. El sujeto se llama Martha mismo los bits en cada patron estar
nuevos productos, en todo mo-
El usuario frecuente tiene la opcion Tiene 21 años ordenados por:
mento.
de mantener un crédito Trabaja Indispensables
Beneficios de Estar registrado
Reproducción de sonidos de las Tiene computadora en casa y tra- Importantes

F acciones de compra, al introducir

las monedas y/o billetes, asi como
bajo
El usuario es experto
Agradables
Descartables
El usuario ingrea mediante un
sonidos de la maquina. Estudia diseño grafico *************************************
botón de entrar
El credito aparecera en monedas Conteo de consumo
Para acceder a su cuenta los
aleatorias Preferencias de Usuario
usuarios deben ingresar nombre
El usuario elige y arrastra de su e-mail
de usuario y contraseña
credito las monedas y billetes con Nombre con apellidos

UAT - FADU - Posgrado - Maestria en Diseño Digital - Semiótica de las Interfaces - interfaz a Nivel Semiótico + Septiembre de 2009 3 de 10
 Interfaz a Nivel Semiotico
Patrones Boceto Sobre una Maquina Expendedora de Productos

G F

D
B
1. Produictos Ca-
tegorizados de
acuerdo al usua-
rio (Persona)
2. Debajo de
menor tamaño
una nube de los
productos más
comprados y/o
relacionados con
los productos
actualmente
visibles

UAT - FADU - Posgrado - Maestria en Diseño Digital - Semiótica de las Interfaces - interfaz a Nivel Semiótico + Septiembre de 2009 4 de 10
 Interfaz a Nivel Semiotico
Patrones Boceto Sobre una Maquina Expendedora de Productos

B C 1. El usuario
1. El usuario podrá visualizar
podrá visua-
su crédito durante todo el
lizar una lista
proceso de compra
de compra,
2. El crédito aparecerá con
modificarla, eli-
monedas aleatorias
minar, añadir y
3. El usuario frecuente tiene
pagar.
un registro de su crédito
2. Exhibir los
4. El usuario elige y arrastra
productos de
de su crédito las monedas
la máquina que
y billetes para hacer la
ha elegido.
compra.
5. La cantidad de monedas y
billetes serán de acuer-
1. El Usuario registrado, al posicionar el cursor so- do al ticket o crédito del
bre un grupo de productos aparecerá una ventana usuario.
flotante mostrando las preferencias de consumo 6. El cambio se entregará
de los usuarios basándose en el conteo y prefe- con monedas aleatorias.
rencias de consumo.

A E

1. Una animación alea-

toria para la entrega
de cada grupo de
productos.

UAT - FADU - Posgrado - Maestria en Diseño Digital - Semiótica de las Interfaces - interfaz a Nivel Semiótico + Septiembre de 2009 5 de 10
 Interfaz a Nivel Semiotico
Wireframes Sobre una Maquina Expendedora de Productos

UAT - FADU - Posgrado - Maestria en Diseño Digital - Semiótica de las Interfaces - interfaz a Nivel Semiótico + Septiembre de 2009 6 de 10
 Interfaz a Nivel Semiotico
Interfaz a Nivel Semiótico 1 - 3 Sobre una Maquina Expendedora de Productos

1. Reproducción de sonidos de las
acciones de compra, al introducir
las monedas y/o billetes, así como
sonidos de la máquina análoga.
2. Por cada 50 consumos se bonifi-
cará al usuario con un producto
de manera sorpresiva regalos para 4. Al estar el sistema inactivo, la
usuarios registrados de modo interfaz tornará a estar frío o
aleatorio una vez por semana para borroso.
su facebook.
3. La interfaz cambia de acuerdo a la
hora del día.

UAT - FADU - Posgrado - Maestria en Diseño Digital - Semiótica de las Interfaces - interfaz a Nivel Semiótico + Septiembre de 2009 7 de 10

Interfaz a Nivel Semiótico 2 - 3
1. El usuario que visite el sistema
podrá registrarse, con los datos
proporcionados se generaran listas
de productos personalizadas así
como su perfil.
UAT - FADU - Posgrado - Maestria en Diseño Digital - Semiótica de las Interfaces - interfaz a Nivel Semiótico + Septiembre de 2009
Interfaz a Nivel Semiotico
Sobre una Maquina Expendedora de Productos
2. AL mostrarse las casillas de regis-
tro, el restro de la pantalla tornara
a transparente, dando la sensacion
de inactividad. el click en está área
así como en la flecha indicando
arriba, ocultarán las opciones de
registro
8 de 10
 Interfaz a Nivel Semiotico
Interfaz a Nivel Semiótico 3 - 3 Sobre una Maquina Expendedora de Productos

1. Al Ingresar un usuario registrado automaticamnete

aparecerá el perfil y la caacteristicas del mismo, y en
el area de productos, estos apareceran de acuerdo a la
preferencia del usuario.

UAT - FADU - Posgrado - Maestria en Diseño Digital - Semiótica de las Interfaces - interfaz a Nivel Semiótico + Septiembre de 2009 9 de 10
 Interfaz a Nivel Semiotico
Árbol de Navegación Sobre una Maquina Expendedora de Productos

UAT - FADU - Posgrado - Maestria en Diseño Digital - Semiótica de las Interfaces - interfaz a Nivel Semiótico + Septiembre de 2009 10 de 10
UAT - FADU - Posgrado - Maestria en Diseño Digital - Semiótica de las Interfaces - interfaz a Nivel Semiótico + Septiembre de 2009