Interfaz Gráfica del Usuario - scrap por: Harold Isaac Martínez Rangel
acciones
1, 1.1, 2 acciones Pantalla de Inicio
No.
Selección área 1.1
1
Presentación área 2 (opción 1) más opciones
regresar
Logotipo se desplaza
fotografía del área
1.1
2
escoge un área c.p. ó Estado
X
área nombre
nombre del área
2.1
servicios
1.1
Municipio
scroll o click Población
Ir a... scroll o click
Notas: 1.- La acción “1.1” sucederá cuando se tenga apagada la opción de autolocalización. De lo contrario pasará directamente a la acción “2”. 2.- En el paso “1.1” si el usuario conoce el c.p. no habrá necesidad de llenar las demás opciones. 3.- La acción “1.1” esta pensada para su utilización cuando se tenga una gran cantidad de áreas para buscar. Actualmente solo se cuenta con 3 posibles poblaciones para escoger, por lo que su utilización sería poco práctica y funcional, pero será de una gran ayuda en el futuro. 2
acciones
2.1, 2.2, 3 acciones Descripción área 2.1
No.
Presentación área 2.2 (opción 2)
Servicios 3
scroll y click
2.2 scroll
X
3
área nombre
servicios
2
icono servicio
icono servicio
icono servicio
icono servicio
icono servicio
icono servicio
icono servicio
icono servicio
icono servicio
icono servicio
icono servicio
icono servicio
scroll y click
3.1
2 ó 2.2 BANNER promociones
click
click expandir info
Notas: 4.- La diferencia entre las opciones 1 y 2 (de las acciones 2 y 2.2); es el funcionamiento del scroll, además que en la acción “2.2” se toma en cuenta que ahí hay la opción de escoger de entre las 3 áreas posibles. Tales como: Chapala, Ajijic y jocotepec. Caso contrario de las opción 1 de la acción “2”. Que por default te asigna un área en particular sin poder cambiar a otra con el uso del scroll
3
acciones
3.1, 4, 5 acciones
No.
Descripción banner 3.1
Listado negocios
Descripción negocio 5
4 calificación del negocio
volver a Servicios
3 TOP 5
icono servicio
icono servicio
icono servicio
click minimizar
BANNER promociones
3
INFO
Logo foto
foto ó logo
Nombre Negocio
4
5
scroll y click
3
4ó3 Listado Negocios
Banner se Expande
scroll y click
ubicación en el mapa
6
Información Básica
compartir en Redes Sociales
click más opciones: recorrido virtual, promociones, menús, carteleras, etc.
Notas: 5.- En la acción “3”, en la parte inferior de la pantalla se puede añadir publicidad de los negocios o promociones de LokiGuía. Promocionando ofertas, menús, descuentos o direcciones de páginas web, así como redes sociales. El banner puede estar cambiando cada cierto tiempo o dar la opción a ver otras promociones con el scroll. 6.- Con respecto a los iconos con los servicios, si se pudiera dar la opción de colorear los iconos según la frecuencia de uso en alguno en particular. Dando una experiencia más interactiva con el usuario y dejar ver al usuario cuales son los que más usa y cuales no. 4
acciones
6 acciones Mapa
Diagrama de funcionamiento y movilidad
6
No.
1 Ir al listado de negocios
2.2
Mapa
1.1
2
2.1 5ó4
3
3.1
zoom atrás
4 5
6
Notas: 7.- En la acción “4” se podría dividir el listado de los negocios en 2, dejando la primera lista para aquellos que pagaran un poco más y dandole más prioridad como publicidad a esos primeros, y después los de un precio normal y estandarizado.
5
acciones
Más opciones Más opciones 3.1
Más opciones - web 4
Ajustes
Ajustes
Web
Web
Más opciones - ajustes 3
Ajustes Auto-Localización
Promociones
pag. web
Mensajes
Contactanos
on
Avisar mensajes, ofertas, etc.
on
Teamwork
Promociones
App Info
Mensajes
off
Auto-Actualización
on
6
off
off
junio.2014