LokiGuía - interfaz gráfica scrap

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

facebook

Contactanos

twitter

on

Avisar mensajes, ofertas, etc.

on

Teamwork

Promociones

App Info

Mensajes

off

Auto-Actualización

on

6

off

off

junio.2014