En este apartado te explicaré todo el proceso analítico y conceptual del proyecto. Como toda idea empezó como una imagen latente en mi mente, los detonantes fueron Pokemon go y la siempre presente Google Maps.

Cuando tengo alguna idea y me parece interesante no paro de imaginar cómo será su aplicación final, lo primero que realizo para no olvidarla es anotar la idea en una libreta, escribo los pre-conceptos principales y con el paso de los días o horas realizo los primeros sketching rápidos.

Si el conjunto de anotaciones, análisis, sketching me convencen y motivan sigo adelante.

 

 

 

 

 

 

Benchmark, todo ya está inventado.

 

 

En la primera fase del proceso de análisis me dedico a buscar y analizar aplicaciones o productos digitales los cuales compartan concepto y funcionalidades con mi idea. Estos conceptos y funcionalidades son:

 

  • Geolocalización.
  • Gamificación.
  • Comunidad.
  • Chat.
  • E-commerce.
  • Marketing de proximidad.
  • Realidad aumentada.
  • Turismo.
  • Rutas.
  • Lugares de interés.
  • Juegos o mini juegos.

 

Una vez identificados busco las aplicaciones que posean alguna de estas características, finalmente el benchmark se hace con las aplicaciones y productos siguientes:

 

  • Google maps. Por ser el referente en mapas, rutas, geolocalización
  • Swarm. Por su componente social y de comunidad, gamificación y logros
  • Foursquare. Por la localización de lugares de interés para usuarios urbanos, gamificación y logros
  • Pokemon go. Por la realidad aumentada, gamificación y logros.

 

En el benchmark analizo todos estas apps por separado y luego encuentro los datos que tienen en común.

 

  • El site map y el user flow.
  • Los motivos para utilizar la app o tipo de uso.
  • Los posibles pain points y design challenger.
  • El diseño visual y branding.
  • Sondeo de las opiniones y valoraciones de los usuarios en las tiendas digitales.
  • Sondeo de usuarios que suelen utilizar estas apps.

 

 

 

Muy resumido algunos datos del estudio.

 

El site map y el user flow.

Empiezan en una pantalla inicial de búsqueda, suele ser una de las secciones principales y puede incluir mapa en el caso de Maps y Pokemon Go

 

 

Los motivos para utilizar la app o tipo de uso.

 

  • Consulta por curiosidad.
  • Planificación para una ruta o encontrar un lugar.
  • Durante seguir los pasos de las indicaciones del mapa
  • Después valorar y compartir con amigos el lugar a donde has ido, restaurante, comercio, etc.

 

 

Los posibles pain points y design challenger.

 

  • Pain points. Un usuario está en el centro de su ciudad y quiere encontrar un restaurante de comida japonesa cerca de su situación.
  • Design challenger. La app le indica algunos restaurantes.
  • Pain points. Hay muchos restaurantes, quiere saber cual tiene mejor puntuación
  • Design challenger. Puede ver una lista de los restaurantes en tarjetas con la valoración y comentarios de los usuarios. Finalmente escoge el que tiene mejor valoración

 

 

El UI.

Presentación de los resultados en tarjetas, la mayoría utiliza el diseño visual de Google Maps para presentar los mapas menos Pokemon Go. La conclusión es que tanto Foursquere com Swarm son un buen ejemplo en combinar comunidad, gamificación y lugares de interés, el UI tiene mucha personalidad y es claro, pero tienen algunos problemas en el UX y usabilidad que puede frustrar a los usuarios acostumbrados a Google Maps.

De Google Maps sin duda la experiencia de usuario, realizar búsquedas es muy sencillo y intuitivo y los resultados se presentan con mucha claridad.

De pokemon Go la inmediatez, la estructura de logros, en el UI encontramos el mapa que muestra resultados de google pero con un diseño visual propio.

 

 

 

 

 

Objetivos específicos del proyecto y objetivos smart.

 

 

Normalmente en esta parte del proceso se trabaja con el cliente o stakeholders para definir los objetivos específicos y los objetivos smart del proyecto, pero en este caso soy yo quien define cuatro objetivos específicos a partir de los resultados del benchmark.

 

Objetivos específicos.

 

1. Los usuarios descubran su entorno “in situ”, nuevos lugares de ocio como comercios, cafeterías, lugares turísticos a través de un mapa de geolocalización.

2. Que los usuarios aporten y compartan  información sobre lugares, colocando balizas, llamadas Ukiyo en cualquier lugar, para que sean encontrados por otros usuarios a través de la aplicación. Los Ukiyo pueden ser de cuatro tipos, comercio, juego, lugar de encuentro y lugar de interés.

3.Que los usuarios puedan realizar diferentes acciones en esta red y comunidad, como comprar, publicar publicaciones, comentarios, fotos.

4.Que los usuarios dispongan de una comunidad, para interactuar entre ellos, amigos o seguidores, mensajes privados.

 

Los objetivos smart.

 

Objetivo 1. Quiero usuarios registrados en la app poco después de su lanzamiento.

S: Usuarios registrados

M: Entre 2.000 y 5.000 usuarios registrados

A: Es realista, podemos conseguirlo.

R: Queremos conseguir una buena base inicial de usuarios registrados, para que se genere el suficiente contenido, para que sea atractivo para futuros usuarios

T: En 6 meses

Vamos a conseguir, que después del lanzamiento de la app, se registren entre 2.000 y 5.000 usuarios en 6 meses y así asegurarnos que se genere el suficiente contenido para que en el futuro se registren mas usuarios.

 

Objetivo 2. Quiero que la app funcione correctamente en las principales ciudades de España.

S: Capitales de provincia

M: entre 40-50 capitales de provincias

A: Es realista, podemos conseguirlo.

R: Queremos conseguir que la app este presente en las localizaciones con mas población y que este presente en todo el territorio estatal

T: En 8 meses

Queremos que la app este presente en 40-50 capitales de provincia del estado en 8 meses.

 

Objetivo 3. Quiero que la app funcione correctamente en las principales ciudades de España.

S: Capitales de provincia

M: entre 40-50 capitales de provincias

A: Es realista, podemos conseguirlo.

R: Queremos conseguir que la app este presente en las localizaciones con mas población y que este presente en todo el territorio estatal

T: En 8 meses

Queremos que la app este presente en 40-50 capitales de provincia del estado en 8 meses.

 

Objetivo 4. Quiero que la app funcione en cinco grandes capitales Europeas

S: Grandes capitales Europeas

M: 5 capitales Europeas

A: Es realista, podemos conseguirlo.

R: Queremos conseguir que la app este presente en las grandes capitales Europeas para expandir fronteras y prestigio internacional.

T: En 12 meses

Queremos que la app este presente en cinco grandes capitales Europeas, para expandir nuestra cuota de mercado y obtener prestigio internacional.

 

Objetivo 5. Quiero estabilizar los ingresos de la app.

S: suscripción premium, micropagos.

M: conseguir que un 30-40% de los usuarios utilicen la suscripción premium y micropagos.

A: Es realista, podemos conseguirlo.

R: Queremos conseguir ese porcentaje para conseguir los ingresos suficientes para estabilizar los gastos de la empresa y poder empezar a crecer

T: En 12 meses

En un máximo de 12 meses queremos conseguir que el 30-40% de los usuarios facturen en las suscripción premium y micropagos para estabilizar los gastos de la empresa y hacer crecer la empresa

 

Objetivo 6. Quiero obtener grandes ingresos con clientes vip(grandes comercios, empresas).

S: Grandes empresas, comercios.

M: Conseguir que 20 grandes empresas y comercios se hagan clientes VIP.

A: Es realista, podemos conseguirlo.

R: Queremos conseguir ese porcentaje para conseguir los ingresos suficientes y obtener prestigio.

T: En 12 meses

En un máximo de 12 meses queremos conseguir que 20 grandes empresas y comercios se hagan clientes VIP, para conseguir los ingresos suficientes y obtener prestigio.

 

 

 

 

 

Entrevistas a los stakeholders

 

 

 

Igualmente aunque este es un proyecto personal, he preparado las entrevistas que realizaría si el proyecto fuera un encargo de terceros.
Normalmente cuando he trabajado y he colaborado en startup suelo realizar estas entrevistas a los emprendedores o socios del proyecto, primero identificó a los stakeholders y luego preparo las entrevistas.

 

 

Perfiles profesionales serían susceptibles de ser entrevistados para obtener información acerca del sector de contenidos en el que se inscribe el proyecto.

Se les envía un cuestionario o se realiza entrevista a los stakeholders para obtener los primeros datos, después se realiza una segunda con preguntas concretas para cada uno de ellos.

 

 

Todas las preguntas.

Los stakeholders no están obligados a responder a todas las preguntas, si hay alguna que no saben responder por falta de conocimiento técnicos se les recomienda que indiquen que personas del equipo o profesional podría aportar información o responder.

 

 

Datos básicos

1. Nombre de la empresa
2. Sitio web de la empresa (si ya existe)
3. Quién será el contacto del proyecto (nombre, email y teléfono)
4. Otras personas implicadas en el proyecto (nombre, email y teléfono)
5. Presupuesto estimado

 

 

La empresa y su entorno

6. Cuál es el negocio de la empresa
7. Cuáles son sus productos y servicios
8. Quiénes son sus competidores (directos e indirectos)
9. Cuáles son los productos y servicios de la competencia
10. Posicionamiento de la empresa en el mercado
11. Qué ofrece esta empresa con respecto de la competencia (diferenciación)
12. Otras acciones de marketing de la empresa aparte del sitio web

 

 

Los usuarios y clientes

13. Quiénes son los clientes del producto (target)
14. Descripción de los clientes objetivo (edad, sexo, educación, nivel económico, etc.)
15. Quiénes son los usuarios del sitio (primarios y secundarios)
16. Descripción de los usuarios del sitio (edad, sexo, educación, nivel económico, etc.)
17. Capacidad técnica de los usuarios del sitio
18. Cómo, cuándo y desde dónde usará el usuario el sitio web (contexto del usuario, características del ordenador, resolución, etc.).

 

 

Misión y objetivos del sitio

19. ¿Cuál es el propósito general del sitio?
20. ¿Cuáles son los objetivos concretos del sitio?
21. ¿Hay una fecha de lanzamiento fijada?

 

 

Para la empresa

22. Qué se consideraría como un éxito
23. Qué se consideraría como un resultado aceptable
24. Cómo describiría el sitio

 

 

Para los usuarios

25. Qué se consideraría como un éxito
26. Qué se consideraría como un resultado aceptable
27. Cómo describiría el sitio

 

 

 

La lista completa por el blog itákora:

 

Cómo saber lo que quiere tu cliente

 

 

 

 

 

 

Stakeholders y preguntas específicas.

 

 

 

 

 

¿Cuáles son sus productos y servicios?

¿Quiénes son sus competidores (directos e indirectos)?

¿Cuáles son los productos y servicios de la competencia?

¿Posicionamiento de la empresa en el mercado?

¿Qué ofrece esta empresa con respecto de la competencia (diferenciación)?

¿Otras acciones de marketing de la empresa aparte del landing page?

¿En que tiendas digitales se va a publicar la app?

¿Quiénes son los clientes del producto (target)?

¿Descripción de los clientes objetivo (edad, sexo, educación, nivel económico, etc.)?

¿Quiénes son los usuarios del sitio (primarios y secundarios)?
¿Descripción de los usuarios del sitio (edad, sexo, educación, nivel económico, etc.)?

 

 

 

 

 

 

 

 

 

 

¿Quiénes son los clientes del producto (target)?

¿Descripción de los clientes objetivo (edad, sexo, educación, nivel económico, etc.)?

¿Quiénes son los usuarios de la app (primarios y secundarios)?

¿Descripción de los usuarios de la app (edad, sexo, educación, nivel económico, etc.)?

¿Capacidad técnica de los usuarios del sitio?

¿Cómo, cuándo y desde dónde usará el usuario la app (contexto del usuario, características del dispositivo, resolución, etc.)?

¿Requisitos de accesibilidad?

¿Qué nivel de accesibilidad se requiere?

¿Qué tipos de herramientas se están utilizando?

 

 

 

 

 

 

 

 

 

 

1. ¿Cuantos programadores participan en el proyecto?
2. ¿Quién será responsable de programar y de mantener el sitio?
3. ¿En que tiendas se va publicar la app?
4. ¿Será una app nativa, híbrida o otro tipo?
5. ¿Existirá una versión webapp?
6. Hay micropagos en la app, ¿tiene algún medio de pago contratado? (pasarela electrónica, paypal, sms…)
7. ¿Qué APIS se utilizaran ?
8. ¿Qué lenguaje de programación se utilizara para la creación de la app?
9. ¿Requisitos de accesibilidad?
10. ¿Qué nivel de accesibilidad se requiere?
11. ¿Qué tipo de pruebas de la accesibilidad se han hecho?
12. ¿Qué tipos de herramientas se están utilizando?
13. ¿Qué nivel de recursos dispone para el mantenimiento de la app?
14. ¿Hay personal experto en escribir para la app?
15. ¿Hay diseñadores gráficos?
16. ¿Quién está a cargo de comercialización y de promoción del sitio?
17. ¿Quién está a cargo del SEO?
18. En caso de que la accesibilidad sea obligatoria, ¿qué formación de accesibilidad tiene el equipo de diseñadores, programadores y editores?
19. Disponibilidad de otros materiales publicitarios/corporativos (folletos, logos…)
20. ¿Cuándo podríamos tener acceso al material ya creado?
21. ¿Necesita ayuda para producir el material? (redactar los textos, retocar imágenes…)
22. ¿Qué secciones serán actualizadas? ¿Cada cuando tiempo?
23. ¿Es posible que vayan a añadirse o retirarse secciones en breve?
24.¿Qué va a poder hacer el usuario, listado de tareas
25. ¿Qué tareas son críticas para el éxito del usuario en la app
26. ¿Qué tareas son las más utilizadas por los usuarios
27. ¿Qué tareas son las más delicadas (más necesaria una atención especial de usabilidad)
28. ¿Qué tareas son críticas para el éxito de la organización en la app?
29. ¿Con qué frecuencia entrarán los usuarios a la app?
30. ¿Qué obligará al usuario volver a la app?
31. ¿Qué tarea deben los usuarios lograr con pocos errores (prima la eficacia)?
32. ¿Qué tarea deben los usuarios lograr rápidamente (prima la eficiencia)?
33. ¿Capacidad técnica de los usuarios del sitio?
34. ¿Cómo, cuándo y desde dónde usará el usuario la app (contexto del usuario, características de los dispositivos, resolución, etc.?
35. ¿Quiénes son los usuarios del sitio (primarios y secundarios)?
36. ¿Descripción de los usuarios del sitio (edad, sexo, educación, nivel económico, etc.)?
37. ¿Capacidad técnica de los usuarios del sitio?

38. ¿Cómo, cuándo y desde dónde usará el usuario la app (contexto del usuario, características de los dispositivos resolución, etc.)?

 

Después de obtener información de los stakeholders, suelo realizar:

Lean survey canva que sirve de guión para crear los cuestionarios y entrevistas para sondear a los usuarios.

Affinity diagram para estructurar la información obtenida de los datos cuantitativos y cualitativos de los cuestionarios y entrevistas a los usuarios.

Mindmap conectar y relacionar los diferentes datos o ideas que hemos obtenido en el affinity diagram para tener claro lo que quieren los usuarios, de esta forma podemos definir el Problem statement, en el cual escribimos lo que no necesita y lo que si necesita el usuario.

Y con esa información defino las «personas» ya la arquitectura de la información

 

 

 

 

 

 

 

«Personas»

 

 

Después de realizar cuestionarios y entrevistas a cinco usuarios los cuales se encontraban en la franja de edad de 25 a 40 años, que les gusta viajar, disfrutar del ocio que les ofrece su ciudad, salir de compras, compartir su actividad en redes sociales y disponen de un negocio o comercio propio, se obtiene los datos sobre lo que no quieren y lo que necesitan.

 

 

No quieren perder mucho tiempo de su ocio en:

Visitando tiendas que no disponen de ofertas de su agrado.

Visitando restaurante o cafeterías que no cumplan su expectativas y la de sus amigos.

Buscar o preguntar por lugares turísticos cercanos a su geolocalización.

No quieren perderse la visita de un lugar interesante por falta de información en las guías de ocio.

No quieren que sus comercios no sean percibidos en los grandes ejes comerciales.

 

 

Necesitan.

Saber más sobre lugares turísticos, históricos, culturales en el momento que los visita.

Antes de entrar en un comercio, conocer si disponen de ofertas que le interesen.

Que le informen que esta cerca de un lugar de interés cerca de su geolocalización y disfrutarlo con los amigos.

Comprar por internet en un comercio cerca de su trabajo y poder recoger la compra al finalizar la jornada.

Recibir gran flujo de compradores cercanos atraídos por su ofertas o productos.

 

 

Con la información obtenida de los stakeholder y de los usuarios defino las “personas”

 

Pulsa para ver más datos

 

 

 

 

 

 

Dando forma al concepto

 

 

Conociendo las necesidades del proyecto y de los usuarios empiezo el proceso de bocetar, estos primeros bocetos son rápidos y casi impulsivos se van eliminando ideas, funcionalidades, categorías y futuras interacciones que no interesan para el proyecto.

Durante el proceso intentó realizar los bocetos del todo el user flow, realizo fotografías de dichos bocetos y los subo al Marvelapp o Invison para realizar prototipos rapidos y comprobar si en esta fase temprana se está produciendo errores en el flujo de pantallas.

 

 

Después de realizar los bocetos, empiezo con la arquitectura de la información para crear una estructura clara y definida.

El primer paso es definir un árbol de contenidos que nos sirve de guía para crear el esquema de todas las secciones y el flujo de usuario.

 

 

 

El esquema con todas las categorías y subcategorías de la app

 

 

 

 

 

 

Con el esquema voy construyendo el user flow de las diferentes funciones/categorías de la app.

 

 

Tanto el esquema como el user fllow los exporto en un PDF para mostrar al cliente o para compartir con el equipo(en este proyecto solo era para mí).

PDF con algunas páginas del esquema y del user flow

 

 

Wireframes

 

Cuando ya está definida la arquitectura de la información el siguiente paso es realizar los wireframes, primero los realizo a mano y voy perfilando la base del diseño UI.

 

 

 

 

 

 

 

 

 

 

Después estos wireframes a mano los realizo en sketch y creo prototipos para comprobar si es necesario algún cambio.

 

 

 

 

 

Prototipo con wireframes

 

 

 

 

 

 

 

 

Creando identidad

 

 

 

Antes de empezar con el diseño UI/visual/interacción hay la necesidad de crear una identidad, en esta fase del proyecto la app recibe el naming de Balizaap, nombre formado por la suma de baliza+app, no suena mal pero tiene poca personalidad, quería un nombre que no hiciera referencia a las balizas, además baliza no es un nombre hermoso es un poco «brusco».

Pensé en varios concepto y nombres para la app, para cada concepto creaba un mural(Pinterest) con las referencias visuales a seguir, finalmente el elegido fue el mural inspirado en lo urbano, flotante, pop, sereno, oculto.

 

Moodboard basado en el que tenía en pinterest

 

Los conceptos urbano y flotante me recordaron al Ukiyo-e, hace poco había leído un libro sobre este estilo artístico de japón y se describe que las obras realizadas con este estilo recibían el nombre de «pinturas del mundo flotante», entonces encontré la conexión, las balizas en el mapa no tocan el suelo «flotan», es un mundo oculto que flota alrededor nuestro (3G, 4G, Wifi) y solo podemos acceder con la app y para rematar la definición de la palabra Ukiyo.

 

«El ukiyo (浮世 «mundo flotante») es el nombre con el que se describe un estilo de vida urbano, principalmente de tipo hedonista que se desarrolló durante el período Edo de la historia de Japón»

 

La app ya tenía nombre UKIYO.

 

 

 

Con una identidad ya clara empecé a realizar el diseño visual & UI.

 

 

 

 

Diseño visual & UI.

 

Los wireframes, la arquitectura y la identidad realizadas anteriormente me servio para realizar el diseño visual y el UI de la app, mi parte favorita del diseño de un producto, este proceso lo realice con el program vectorial Sketch, programa específico para realizar diseño UI/UX.

 

 

 

 

Incluso todas las ilustraciones que aparecen en el proyecto están realizadas con sketch, para que no haya pérdida de información de pasar la composición entre diferentes programas y formatos.

 

 

 

 

En la app encontramos el azul para las categorías principales y diferentes colores para definir el tipo de Ukiyo ya sea de comercio naranja, juego verde, social violeta, de interés teal.

Todo los colores que aparecen en la app con su código

 

 

 

Con cada proyecto creo en Sketch una página de estilos, luego se puede compartir en bibliotecas o en otro documento de Sketch, puede ser de utilidad en proyectos con más diseñadores y para los desarrolladores o maquetador front end.

Una pequeña muestra de la guía de estilos

 

 

 

Finalmente después de generar distintas versiones y de realizar test con alguno usuarios para encontrar patrones de error en la experiencia de usuario se llega al diseño de la primera versión o pre-lanzamiento, todavía se podrían realizar cambios pero como es un proyecto personal y ya no puedo invertir más tiempo, he pulido lo máximo posible todos los problemas que surgieron en los test con usuarios.


Algunas pantallas de la app

 

Para ver el diseño de todas las pantallas ir al álbum Flickr

 

 

 

 

 

 

Test con Usuarios

 

 

 

Durante la creación del diseño visual y UI se van realizando test con usuarios, se crearon tres versiones de la UI y en cada una se realizó un test, a continuación describo las tareas y la narrativa de algunos de los test

 

Diseño de tres tareas para que los usuarios puedan realizar un test.

 

Tarea uno.
Objetivo. Que los usuarios descubran y encuentren lugares de su interés «in situ»
Tarea del usuario. Encontrar lugares de interés en tu geolocalización
Interfaz. Pantalla inicio buscar Ukiyo>Botón mapa>Mapa con geolocalización usuario y Ukiyo de lugares cercanos

 

 

Tarea dos.
Objetivo. Que los usuarios aporten y compartan información sobre lugares.
Tarea del usuario. Colocar un Ukiyo de punto de interés en su geolocalización.
Interfaz. Pantalla colocar Ukiyo>Pulsar sobre Ukiyo lugar de interés>Pantalla configuración Ukiyo>Pulsar botón colocar Ukiyo

 

 

Tarea tres.
Objetivo. Que los usuarios puedan realizar diferentes acciones en esta red y comunidad, como comprar, publicar publicaciones, comentarios, fotos.
Tareas del usuario. Comprar en un comercio cercano y recoger compra
Interfaz. Pantalla inicio buscar Ukiyo>Botón lista>Tarjeta comercio, pulsar para acceder>Muro productos destacados>Pantalla producto, pulsar en comprar y recoger.

 

 

Tarea cuatro.
Objetivo. Que los usuarios dispongan de una comunidad para interactuar entre ellos.
Tarea del usuario. Aceptar la solicitud de otros usuarios para que formen parte de su red de amigos.
Interfaz. Cualquier pantalla>Icono notificaciones del menú superior>Pulsar sobre mensaje de aviso de
solicitud, se abre ventana de de la solicitud, pulsar aceptar.

 

 

Una vez diseñadas las tareas es hora de redactar las narrativas para que los usuarios del test puedan realizarla sin ayuda

 

 

Muy buenos días, estimada o estimado.
Como hemos hablado anteriormente en las charlas informativas, vas a realizar una tarea para comprobar la usabilidad y la experiencia de usuario del proyecto.

UKIYO es una app con la cual accedemos a partir de geolocalización a diferentes»balizas» llamadas Ukiyo colocadas por diferentes usuarios de la red. Los Ukiyo pueden ser de cuatro tipos, comercial, lugar de encuentro, de juego y lugar de interés, podemos realizar e interactuar en cada una de ellas ya sea comprando productos, comentando en el muro de la cafetería en las que estás tomando un café o dejar fotografías en el Ukiyo de algún monumento, en pocas palabras es una red social que funciona con la geolocalización y la actividad que realices en el exterior o a pie de calle.

Cuando llegues a la sala donde se realizan los test, encontrarás un terminal android cerca de este encontraras los pasos a seguir. Al encender el terminal el prototipo ya estará abierto y con una sesión iniciada, tan solo tienes que seguir los pasos que te indicamos, al acabar responderás un pequeño cuestionario tal como te comentamos en la charla inicial. En el transcurso del test uno de nuestros colaboradores estará cerca realizando el seguimiento del estudio

 

Muchas gracias por participar, el equipo de Ukiyo.

 

 

 

Tarea uno.
Acabas de llegar a Barcelona de vacaciones, has dejado la maleta en el hotel y has ido a plaza Cataluña. Una vez en la plaza te encuentras con un monumento en la placa informa que se trata de Francesc Macià, te gustaría saber algo más del monumento y del personaje, entonces decides entrar en la app y buscar en el mapa el Ukiyo del monumento.

 

Tarea dos.
Te encuentras en plaza Cataluña, quieres obtener más puntos de experiencia para tu perfil de Ukiyo, una buena forma de obtener puntos es colocar un Ukiyo. No solo por colocar obtienes puntos también por la visitas y la interacción de otros usuarios, por ese motivo decides colocar un Ukiyo de juego en tu geolocalización, abres la app y entras en la sección de colocar Ukiyo.

 

Tarea tres.
Has estado muy liada estos días y hoy tienes el cumpleaños de tu amiga y no has comprado el regalo. Al salir del trabajo no tienes mucho tiempo de entrar en la Fnac para buscar y hacer cola, decides abrir la app de Ukiyo, inicias la búsqueda, entras en el Ukiyo del Fnac para comprar la película Inside out.

 

Tarea cuatro.
Tienes nuevas notificaciones, la última de un usuario nuevo que te sigue no estaría mal seguirle a el también.

 

 

Prototipo con el cual se realizaron los test:

 

 

 

 

 

 

Preparando todo para el developer

 

 

 

Este sería el último paso preparar los assets para que el developer puede programar los diferentes elementos de la UI para cada uno de los sistemas operativos, en este caso de momento solo sería Android.

Se crearía una recopilación de todos los elementos de la UI a diferentes tamaños de exportación en este caso al ser Andorid serían a 1x, 1,5x, 2x, 3x, 4x.

Esta recopilación estará estructurada entre las diferentes categorías y pantallas de la app, para que el developer las encuentre fácilmente.

A parte se le entrega un documento en Sketch como PDF que es la guía de estilos con las especificaciones gráficas, estructurales y de interacción(con el esquema de pantallas, el user flow, el funcionamiento de cada pantalla y elementos del UI) también  se le comparte por Zeplin todas las pantallas de la app para que tenga otra guía de estilos y una fuente más para obtener los assets, además esta herramienta es ideal para la colaboración de equipos y ayuda en la comunicación entre diseñadores y developer.

En zeplin subo todas las pantallas y lo comparto con el developer, esté recibe todas las pantallas con todo los elementos del UI diseñados en Sketch, pulsando sobre los elementos, Zeplin le está informando de las especificaciones gráficas y estructurales tal como fueron diseñadas en origen, además puede descargar cada elemento/assets en los diferentes tamaños de exportación.

 

 

Finalmente junto con la recopilación de la guía de estilos se ajunta las animaciones de las interacciones de la app, suelo realizarlas con Principle o Flinto.

 

 

 

 

 

 

Espero que te haya parecido interesante mi explicación de cómo diseñe este proyecto personal, si quieres saber cómo funciona entra en Cómo funciona Ukiyo

😀👍🎉🎊Muchas gracias por tu interés y llegar hasta aquí, saludos cordiales 😀👍🎉🎊

 

 

 

 

 

 

 

*Este articulo está pendiente de revisión

Ukiyo app.

La app de UKIYO agrupa varios conceptos, como el marketing de proximidad, la gamificación, la geolocalización  y una red social. Una red virtual de proximidad con la que conectamos con diferentes Ukiyo, que encontremos al explorar nuestro entorno. Los Ukiyo funcionan como balizas, que han sido colocadas por diferentes usuarios de la red y solo podemos encontrarlas y acceder a ellas con UKIYO app. Los Ukiyo se clasifican en cuatro tipos, según su contenido:

Punto de interés. Estos Ukiyo están cerca de lugares emblemáticos y de interés, por ejemplo monumentos o lugares de interés histórico.

Ukiyo de juego. Colocamos un punto de juego en un lugar determinado, los demás usuarios podrán acceder para jugar y entrar en el ranking. Al colocar el Ukiyo, podemos escoger una lista de juegos disponibles, tales como un Quiz, Simon, juego de realidad aumentada, puzles, etc..

Ukiyo de comercio. Ukiyo que están situados cerca de negocios, comercios o empresas. La esencia de estos Ukiyo es el marketing de proximidad, un comercio puede colocar un Ukiyo para mostrar promociones y productos de los que dispone y generar un efecto llamada a los usuarios que se encuentren cerca.

Lugar de encuentro. Los encontraremos cerca de restaurantes, cafeterías, pubs, bar, plazas, todos aquellos lugares predispuestos a la reunión social.

Cuando accedes a un Ukiyo obtienes puntos XP que se suman a los XP que puedas obtener en los juegos o en la actividad que realices en ellos.

También recibes XP de las visitas y actividad de otros usuarios en los Ukiyo que hayas colocado.

Los XP a parte de subir de nivel a tu perfil, también se pueden canjear para ciertas promociones o descuentos en tiendas.

Los Ukiyo tienen límite de tiempo, cuando se acaba dejan de emitir y nadie puede acceder a ellos. Pasado un tiempo el creador lo puede volver activar. Hay una serie de add-ons, que se pueden aplicar cuando se está colocando el Ukiyo, para otorgarle una serie de beneficios, más tiempo de emisión, más rango de emisión, etc..

Pero hay Ukiyo que no tienen límite de emisión, pertenecen a perfiles de comercio, empresa o entidad pública.

Al final de esta página, hay un prototipo realizado con el diseño de las pantallas, si no tienes tiempo y quieres acceder a el, click en el enlace Prototipo

También puedes ver  el diseño UI en la galería de flickr Galería

En los siguientes párrafos te explico las funcionalidades de UKIYO app, de esta forma no será tan confuso cuando navegues por el prototipo

1. Empezar a explorar

Al iniciar la app, la pantalla de sign in y sing out, iniciamos sesión y aparece la pantalla de inicio o home. En el medio de dicha pantalla aparece un rombo, nuestro “Ukiyo buscador”, con el encontraremos los Ukiyo que están cerca de nuestra situación, tan solo debemos pulsar sobre este para que empiece la búsqueda.

¡Listo! nuestro Ukiyo ha detectado señales de Ukiyo cercanos, hay dos opciones para comprobar el resultado, ver la lista o acceder al mapa. En este caso pulsamos en la lista.

Encontramos una lista de tarjetas, cada una representa los Ukiyo encontrados en la búsqueda. Las tarjetas, contienen en la parte superior el nombre y el nivel del usuario que la ha colocado, en la parte inferior encontramos la descripción de lugar, tipo, valoración y ranking. Podemos ver que esta parte de contenido tiene un color, que puede ser naranja para comercio, verde para juego, cían para lugar de interés, purpura para social.

En la parte superior de la lista, en el encabezado, hay una pre visualización del mapa, si hacemos un swipe down (desplazar hacia abajo la pantalla) accedemos al mapa.

En él encontraremos la situación de todos los Ukiyo encontrados en el rango que hayamos escogido, en este caso 150 metros. Este rango de distancia se irá moviendo con el usuario, cuando abarque una nueva zona se mostraran los Ukiyo de dicha zona. Este rango lo podemos modificar pulsando sobre él y luego expandir hasta donde queramos, hay un límite de 500m. También podemos volver a la pantalla de inicio y empezar una nueva búsqueda, esto es recomendable cuando hemos cambiado de zona o localidad.

2. Ukiyo de comercio. Una nueva forma de hacer marketing de proximidad.

Ideal para aquellos comercios que quieran atraer clientes cercanos o darse a conocer en una zona o barrio en concreto.

Si eres dueño de un comercio puedes crear un Ukiyo de comercio y situarlo en el mapa. Este Ukiyo puede tener un rango de emisión de varios metros, los potenciales clientes que estén dentro del rango y tengan la app de UKIYO activada recibirán una notificación del Ukiyo y podrán echarle un ojo.


En los Ukiyo de comercio se puede exponer información sobre la tienda, ofertas, los productos que se venden, incluso ofrecer la opción de comprar y recoger en tienda.

Si no se recoge dentro del plazo se envía el producto por correo al domicilio del usuario, esta opción se activará si el comercio la ha activado, si no es el caso, un aviso antes de realizar la compra avisará al usuario que el comercio no tiene servicio de envío.

Un ejemplo de la función que pueden tener los Ukiyo de comercio. Un usuario, llamado Enrique que trabaja en una oficina en el centro de Barcelona, está en el descanso de la comida, quiere aprovechar esa hora para comprarse unos zapatos, no tiene mucho tiempo, los podría comprar por internet, pero los quiere probar antes de comprar. Enrique abre UKIYO app y explora los Ukiyo cercanos, encuentra dos Ukiyo de comercio que corresponden a una zapatería, entra en ambos y echa un vistazo a las ofertas y al producto. Al final se decide por una zapatería, ha visto buenas ofertas y además la tiene a 50 metros. Con Ukiyo ha ganado tiempo en buscar el comercio y encontró el producto que quería a buen precio

En las siguientes lineas, veréis un caso práctico( también lo podríamos llamar el guion para un storyboard) con una de las “personas” obtenidas del el estudio UX.

Julia Powers está cerca del Fnac del triangle, ha quedado con su amiga Carla. Cada una quiere comprar un regalo para un cumpleaños que se celebra ese mismo día, pero Carla llega tarde y Julia no quiere ir con las prisas buscando el regalo, además es hora punta y está lleno de gente y no lo soporta.

Carla le ha dicho que puede tardar entre siete y doce minutos, Julia no sabe si entrar y empezar la búsqueda del regalo sin su amiga. Pero le preocupa que Carla no la encuentre dentro del Fnac, es nueva en la ciudad y no se conoce el lugar y pueden perder más el tiempo en encontrarse.

Finalmente, Julia Powers decide abrir UKIYO app, pulsa sobre su Ukiyo buscador y encuentra el Ukiyo del Fnac y empieza a navegar por el apartado de destacados.

En el apartado destacados vemos las promociones, novedades y recomendaciones del comercio. Si pulsamos sobre el banner de descuento este se hace mayor para poder ser mostrado fácilmente en la caja.

Cuando pulsamos en cualquier producto nos lleva a la ficha de compra. En esta ficha se informa de las características, el precio y los puntos XP que obtenemos al comprar dicho producto. Podemos realizar la compra desde la app, para después recoger el producto en la tienda. Hay dos precios, el precio normal del producto y otro precio con descuento si entregamos una cifra de puntos XP.

Debajo de las características podemos encontrar un mapa de la situación del producto, si entramos en la planta se nos indicara nuestra situación y como llegar al producto. Esta opción solo podrá estar disponible por wifi o beacon instalado en el local.

Julia compra la película Bluray en el Ukiyo del Fnac del triangle. Su amiga Carla acaba de llegar y ambas entran en el comercio. Al cabo de un rato, Carla ya ha elegido el regalo y es hora de redirigirse a caja, pero Julia ya compró el regalo con UKIYO app, abre la aplicación y esta le indica donde debe recoger su compra

Las otras secciones que podemos encontrar dentro de este Ukiyo son el muro y productos. En el muro se puede dejar mensaje de texto y multimedia, como imágenes y videos, el muro se puede utilizar para dejar comentarios o dudas que tengan los potenciales clientes, los trabajadores del comercio también pueden comunicar novedades y promociones por este canal.

En la sección productos, podemos navegar en las diferentes secciones de productos o buscar lo que deseamos comprar.

3. Ukiyo de encuentro. Red social de proximidad.

Julia Powers y Carla ya disponen de los regalos y les sobra tiempo antes de ir a la fiesta de cumpleaños. Carla sugiere tomar un café o algo caliente debido al frío que hace, a Julia le parece buena idea y empiezan a subir por Rambla Cataluña donde hay un gran número de cafeterías. Powers pone el modo automático en UKYO app.

En el modo automático la aplicación se conecta al Ukiyo más cercano, el usuario recibe una notificación cuando la app se conecta con un Ukiyo.

Julia recibe la notificación de que la app se ha conectado con el Ukiyo de un Starbucks cercano, pulsa en la notificación y entra en el Ukiyo del Starbucks.

En los Ukiyo de encuentro podemos encontrar diferentes secciones. Estos Ukiyo pueden ser parecidos a los de comercio, pero más enfocados a lugares predispuestos a la reunión o al encuentro social, locales como bares, pubs, restaurantes, centros sociales, ferias, salones, son los ideales para este tipo de Ukiyo.

Imagina que eres el dueño de un bar de copas de una conocida zona de ocio nocturno. A tu alrededor tienes mucha competencia, hoy en día tus potenciales clientes son millennials, su smartphone es su mundo, un mundo en el que socializan, hablan con sus amigos y comparten las cosas que les gustan en las redes sociales, tu negocio debe de estar presente en su mundo. Seguro que no te he contado nada nuevo, pero es bueno recordarlo.

Llamarles la atención en su ambiente es una opción segura, tu local no es tan grande y no dispone de billares ni futbolines como los de la competencia, pero con un poco de ayuda e imaginación puedes atraer clientes.

Primero creas un Ukiyo de tu local, en el muro dejas banners de promociones y comunicas que es la noche temática de una serie famosa de éxito (un ejemplo sencillo “Game of Thrones”) y dejas memes y gifs de la famosa serie en el muro.

Creas un juego en el Ukiyo para cubrir la falta de recreativos en tu local, al ser la noche temática de Game of Thrones creas un Quiz de dicha serie. A los que se sitúen en los primeros lugares del ranking les puedes ofrecer un descuento.

Aparte del Quiz hay más opciones disponibles como el Simon, cartas, lanzar el dardo, billar, juego de carreras y muchos más mini juegos, algunos incluso permiten que compitan entre sí diferentes jugadores. La lista de juegos puede ser ilimitada y desarrolladores externos pueden crear mini juegos para UKIYO app, luego el usuario al crear un Ukiyo pueda elegir el juego que más le guste.

Ya está todo preparado, colocas tu Ukiyo en el mapa, justo encima de tu bar, ahora los potenciales clientes que tengan la aplicación y realicen la búsqueda por tu zona podrán consultar tu Ukiyo y a los que tengan el modo automáticos les saltará la notificación de que están cerca de tu local

Volviendo con Julia y Carla. Finalmente deciden entrar en el Starbucks porque han visto un banner de descuento en el muro que les parece interesante.

Cuando llevan un rato sentadas, Julia decide mirar el juego de Ukiyo del Starbucks, se trata del Simon, recuerda que Carla es muy buena a los juegos de memoria, le muestra las puntuaciones de los tres mejores y reta a su amiga a que los supere.

4. Ukiyo de juego. Diviértete y suma puntos en cualquier parte.

Estos Ukiyo albergan un juego con su correspondiente ranking de puntuaciones. Al jugar en estos Ukiyo se obtienen puntos XP que se suman a los puntos totales del perfil del usuario y se pueden cambiar por descuentos en tienda u otras ventajas.

Podemos encontrar diferentes juegos, como Quiz, Simon, juego de realidad aumentada y más mini juegos. Como comentaba en el punto anterior la lista pude ser ilimitada, desarrolladores externos podrán crear juegos para UKIYO app.

Julia mira el reloj, son las ocho y cuarto, a las nueve tienen que estar en el restaurante donde se celebra el cumpleaños de su amiga Noa. Es hora de levantarse y salir del Starbucks, deben de pasar por plaza Cataluña y luego bajar caminando algunas calles.

Julia tiene UKIYO app en modo automático, vuelve a mirar la app en plaza Cataluña después de recibir una notificación, le avisa que se conectó a un Ukiyo de juego.

Tienen algo de tiempo y reta a su amiga al Quiz, a ver quién de las dos sabe más sobre Plaza Cataluña.

Este Ukiyo tiene un límite de emisión, le quedan 18 horas, los Ukiyos anteriores pueden ser de emisión fija, ya que eran Ukiyo de comercio y lugar de encuentro y han sido creados por perfiles de nivel “Negocio” los cuales pueden colocar dichos Ukiyos de emisión fija.

Los Ukiyo de juego tienen límite de tiempo, cuando se acaba el tiempo desaparecen y no se puede volver a colocar hasta pasado un tiempo, de esta forma se evita la saturación de Ukiyo en una misma zona. El creador del Ukiyo de Quiz ya no podrá colocar ningún Ukiyo en la zona hasta que transcurra el período de tiempo establecido, si lo desea, cuando pase el tiempo de control, podrá volver a colocar el mismo Ukiyo, que encontrará en su historial de Ukiyo colocados, o si lo prefiere podrá colocar uno de nuevo.

Julia obtiene una buena puntuación pero Carla le supera. Julia no se rinde, sabe de otro Ukiyo que se encuentra cerca y está segura que ganará.

5. Ukiyo Lugar de Interés . Explorador, aprende algo más de tu entorno y de tus viajes.

Muchas veces cuando me muevo por una ciudad como Barcelona, que dispone de un gran patrimonio histórico y cultural, tengo la necesidad de sacar el smartphone para consultar en Google y obtener más información sobre el monumento, escultura, edificio o lugar que estoy visitando.

Los Ukiyo de lugar de interés ofrecen este servicio, te informan “in situ” sobre el lugar, ya sea su contexto histórico, el artista que los realizó, etc.

Estos Ukiyo pueden ser creados por usuarios o entidades públicas como ayuntamientos y su emisión puede ser limitada y/o fija.

Imagina que el ayuntamiento de Barcelona ha colocado una serie de Ukiyos en diferentes lugares de interés, de esta forma los habitantes y los visitantes a la ciudad se pueden informar sobre el monumento que están visitando. En este caso la emisión es fija, los ayuntamientos tienen el nivel de “entidad pública” y pueden colocar Ukiyos de lugar de interés con emisión fija, si no tienes este nivel tan solo podrás optar a emisiones limitadas.

Julia conoce unos de estos Ukiyo, hay uno en el monumento a Francesc Macià en Plaza Cataluña.

Julia entra en la sección de fotos del Ukiyo y pulsa sobre el “flat button” de la cámara y realiza una foto a la escultura, Carla la emula, Julia le dice que unos días repasaran los likes y que seguro que obtiene más que ella, Carla se ríe, qué mal perder tiene su amiga.

La fotos que realicemos se subirán al muro de fotos del Ukiyo y obtendremos puntos XP, si nuestras foto recibe likes y se comparte recibiremos más puntos XP.

Son las ocho y cuarenta, ya han perdido mucho tiempo, es hora de ir hacia el restaurante.

6. Alguna función más.

Las dos amigas bajan por La Rambla, se dirigen a la calle de “Les Heures” que está cerca de “Plaça Reial”. Se entretienen mirando los quioscos y a los artistas urbanos, hace poco que viven en Barcelona y no han tenido mucho tiempo de visitar esa zona de la ciudad.

Julia recibe un mensaje de Noa, le comunica que ya se encuentra en la plaza y que se pueden reunir para ir juntas al restaurante.

Julia le responde con un OK y le pregunta en que parte de la plaza se encuentra, Noa le envía un mensaje por UKIYO app de su localización, Julia tan solo tiene que pulsar sobre el mensaje y se le abre el mapa con la situación de Noa.

Siguiendo las indicaciones ambas amigas se encuentran con Noa y se dirigen al restaurante para reunirse con los demás y celebrar el cumpleaños.

En el prototipo podrás comprobar como funciona la app:

Esto es un resumen de lo que puede ofrecer este proyecto personal, es una idea muy compleja y ambiciosa pero no imposible de llevar a cabo. Incluso hoy en día cuando el internet de las cosas ha empezado a desplegarse por nuestro entorno.

La primera fase ha sido en los hogares, gracias a la domótica y a los electrodomésticos inteligentes, la segunda fase acaba de empezar y cuando finalice cambiará nuestras ciudades. Una serie de dispositivos (Beacons) instalados en diferentes zonas de la ciudad nos ofrecerá información al momento según nuestra ubicación.

UKIYO app ha sido diseñada sin depender de estos dispositivos, tan solo utilizando los datos de internet que utilizas desde tu móvil, pensado para ciudades que todavía no disponen del “internet de las cosas” en su infraestructura.

Imagina entonces UKIYO app aplicado a una ciudad con dicha infraestructura, sería mucho más fácil de aplicar y ofrecería muchas más posibilidades, como la realidad aumentada. Es una idea de presente y de futuro, espero que te haya gustado este proyecto de producto digital, puedes plasmar tu like en la cuenta de Twitter

Si tienes algún proyecto para llevar a cabo y necesitas un diseñador UI/UX no dudes en contactar conmigo en el email hello@joanboria.com

Parlavery es un proyecto personal, en el cual aplique los conocimientos que tengo sobre el diseño de apps, sobretodo en el diseño UI y algunos conocimientos sobre UX.

Este proyecto es el concepto o la propuesta de una red social, donde los usuarios pueden opinar, debatir y votar en diferentes temas. Los temas pueden ser creados por el equipo de Parlavery y por los usuarios de la red. Parlavery publicara dos o tres temas a la semana y cuando los publique solo habrá un tema activo. Los usuarios, podrán publicar todos los temas que quieran, pero solo podrán tener dos temas públicos activos y dos de privados.

Los temas creado permanecen activos durante un tiempo, cuando se acaba el tiempo se convierten en temas finalizados, en estos se muestran los resultado de los votos y estadísticas del debate.

Los temas están encabezados con una pregunta, con dos o mas respuestas opuestas, que representan la opinión que se puede tener sobre el tema en cuestión.

A continuación muestro las funciones principales de la red social en la app.

 

La votación.

Parlavery se diviede en dos grandes secciones o partes, «Temas Parlavery» y «Mis temas». Ambas partes comparten el mismo esquema, están divididas por tres secciones o pestañas:

  • Activos. Temas que todavia no finalizado el tiempo para votar, opinar y debatir
  • Finalizados. Temas que finalizaron su tiempo para votar, opinar y debatir,  muestran los resultados finales.
  • Red. En «Temas Parlavery» muestra los temas de Parlavery con mas actividad y los recomendados según la actividad del usuario. En «Mis temas» la sección de red muestra la actividad de los amigos y seguidores del usuario, temas creados, opiniones, votos etc…

 

 

 

 

 

 

 

Vídeos de la interacción de las pantallas anteriores.

 

 

 

 

 

 

 

El Debate

En cada tarjeta de tema activo, hay  el botón o la palabra «debate» si pulsamos accedemos a los muros de opinión,  Cada muro representa un bando con una opinión opuesta al resto de muros. 

Al pulsar sobre el Flat icon del + podemos eligir entre dejar un comentario escrito, de audio o vídeo.

 

 

 

Al pulsar sobre el Flat icon del + podemos eligir entre dejar un comentario escrito, de audio o vídeo.

 


 

 

 

 

 

El chat de debate o VS

Hemos visto en el ejemplo anterior, que el usuario Miranda dejaba un comentario en el muro de «si lo soy» que precisamente era la opción que había votado. Ahora veremos otro caso, en que Miranda echara un ojo en el muro de la opinión opuesta «no lo soy» y buscara alguna opinión o argumento que le incite al debate.

 

Miranda ha encontrado su próximo ponente de debate, en este caso se llama Jane+Up, pulsa sobre el icono del timbre de boxeo que se encuentra sobre la opinión 

 

 

 

Se habré la pantalla del chat del debate, Miranda tan solo tiene que dejar un comentario como oponente

 

 

Los argumentos y opiniones que dejamos en el chat de debate aparecen en el muro, en este caso en el  muro de «si lo soy» porque es una argumento opuesto a  una opinión del «no lo soy».El icono de la campana de boxeo aparece en naranja, para indicar que el comentario tiene el origen en un debate, que hemos empezado o continuado. El icono del chat, indica que es una opinión que proviene de un chat de debate, otro usuario puede pulsar sobre el icono y sumarse al debate con Miranda y Jane+Up, si pulsa sobre la campana empezaría uno de nuevo con Miranda.

 

 

Video de la interacción de las pantallas del debate

 

 

La pestaña de VS.

En esta pestaña, encontraremos todos los debates que hemos iniciado con los demás usuarios. En Parlavery los debates que iniciamos con el chat reciben el nombre de «VS».

 

En «Mis VS» encontramos la lista de los «VS» que hemos iniciado  y los que hemos continuado con otros usuarios.  El avatar que aparece a la izquierda del VS, es el que inicio el debate. Aunque aparezcan dos avatares con el «VS», que son los usuarios que iniciaron el debate, no signigica que dentro del debate haya mas participantes. Los iconos en naranja indican que hay opiniones o respuestas nuevas, el icono del candado indica que es un tema privado.

En «VS del tema» encontramos una lista de los debates mas activos del tema.

 

Mis temas, creación de un tema.

Como he comentado anteriormente,  el apartado «Mis temas» es  parecido a «Temas Parlavery» pero con la diferencia de que en este encontramos temas creados por nosotros y podemos ver la actividad de nuestros amigos y seguidores ya sean temas creados por ellos o opiniones, likes etc.

En las siguientes pantallas se muestra el proceso de creación de un tema:

 

 

 

 

 

 

 

 

Video de la interacción de las pantallas anteriores.

 

 

 

 

 

Tema finalmente creado, podemos participar en los temas que hemos creado. SI votamos se produce el mismos proceso que al votar un tema de Parlavery.

 

 

 

 

En mis temas también encontramos la pestaña de temas finalizados:

 

 

En el menú superior desplegable, podemos buscar o afinar los temas que se muestren en la pestaña

Temas finalizados.

Una vez los temas activos acaba su tiempo de voto y debatir, se convierten en temas finalizados, en los cuales se muestran el resultado de las votaciones y mas datos sobre actividad de debate.

 

Al pulsar sobre el flat boton de la flecha entramos dentro del tema finalizado, para acceder a mas datos.

 

 

 

 

 

 

Video de las interacción de las pantallas anteriores.

 

 

La pestaña de «red».

La pestaña «red» la encontramos en » temas Parlavery» y «Mis temas» estas secciones son gemelas y comparten las mismas pestañas.

La pestaña de red de Parlavery, muestra actividad de usuarios que no son amigos ni seguidores, pero que nos podría interesar. La pestaña de red de «Mis temas» muestra la actividad  de nuestros amigos, seguidores y de los usuarios que seguimos.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

La Portada.

Es otra de la secciones importantes de Parlavery y esta dividida en tres pestañas:

 

Popular. Temas y actividades, que registran, una levada actividad por parte de los usuarios. Temas los cuales hay muchos usuarios debatiendo, votando o con muchos likes, etc.

Actualidad. Temas que estén relacionados con la actualidad. Si los temas están etiquetados con #actualidad, aparecerán en este apartado o otra etiqueta que lo relacione con un echo de la actualidad del momento, echos políticos, echos sociales, elecciones, conciertos en tu ciudad, para cada caso la etiqueta podía ser, #actualidadechopolitico, #actualidadsocial, etc.

Buscar etiqueta. Buscar cualquier tema que queramos. Es importante a la hora de crear un tema, etiquetarlos, para que luego sean fácilmente encontrados, en el apartado de buscar, de la sección portada.


Cada sección, tiene una imagen de cabecera, que ilustra el apartado o pestaña. En este caso, en la pestaña de populares, vemos dos personajes populares, de la cultura pop contemporánea, la imagen de cabecera cambia cada X tiempo. 
A continuación como se presenta cada pestaña:

 

 

 

 

Si desplazamos, la pantalla hacia arriba, para ver mas tarjetas o actividad, la imagen de cabecera desaparece. El tema que aparece, sobre la ultima película de jurassic park, no tiene mucho likes, pero registra mucha actividad de opiniones y debate, si al cabo un tiempo, desplazamos la pantalla hacia abajo, hasta que aparezca el circulo de refresco (lo que tengáis android 5 en vuestros terminales, sabéis de lo que hablo) seguramente, aparezca un nuevo tema por encima de este.

En la sección actualidad, se repite el mismo esquema.

 

 

El tema que vemos sobre Grecia, podría tener la etiqueta #actualidadgrecia. Los temas aparecen en orden de creación.

La sección buscar, es la mas distinta de las tres. Para que muestre información el usuario debe ingresar una palabra de búsqueda.

 

 

La información, que se muestra en portada, dependerá de la regiones que hayamos escogido en la configuración del perfil.

 

 

Notificaciones. 

En Parlavery hay dos tipos de notificaciones:

 

Notificaciones de nuestra actividad. Reacciones a nuestra actividad, gente que opina y debate en nuestros temas, likes a nuestras opiniones, avisos de nuevos VS o debates etc.

 

 

Las notificaciones de la activad del usuario están representadas por un icono con forma de campana

 

 

La pregunta que aparece en la parte superior es el último tema creado por el usuario.

 

 

Video de las interacción de las pantallas anteriores.

 

Notificaciones de las  secciones redes. La pestaña «red» la encontramos en » temas Parlavery» y «Mis temas» estas secciones son gemelas y comparten las mismas pestañas.

La pestaña de red de Parlavery, muestra actividad de usuarios que no son amigos ni seguidores, pero que nos podría interesar. La pestaña de red de «Mis temas» muestra la actividad  de nuestros amigos, seguidores y de los usuarios que seguimos.