Proyecto Parlavery

Cliente. Proyecto personal
Tipo de empresa. Tecnología, Internet, red social.
Localidad. Barcelona.
Trabajo realizado. Diseño UI; UX; app; web.

En este proyecto se han utilizado los siguientes programas:

 

Cabecera_WEB

 

Parlavery es un proyecto personal, en el cual he aplicado mis conocimientos en 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 publicará dos o tres temas a la semana y cuando los publiqué 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 finaliza el tiempo se convierten en temas finalizados, estos muestran los resultado de los votos y estadísticas del debate.

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

Para ver el concepto del diseño de la versión web o de escritorio,  visiten este link concepto web todavía no es el definitivo.

Si no tienes tiempo y solo quieres ver las pantallas puedes acceder al álbum de Flickr:

Pantallas en álbum de Flickr

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

 

La votación.

Parlavery se divide 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 todavía no han 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 más 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…

 

En la siguientes pantallas se muestra el proceso de votación:

 

Parlavery_app_TemasParlavery_Actualización_5_2

 

 

Parlavery_app_TemasParlavery_Actualización_5_2

 

 

Parlavery_app_TemasParlavery_Actualización_5_2

 

 

Parlavery_app_TemasParlavery_Actualización_5_2

 

 

Parlavery_app_TemasParlavery_Actualización_5_2

 

 

Parlavery_app_TemasParlavery_Actualización_5_2

 

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 elegir entre dejar un comentario escrito, de audio o vídeo.

 

 

Parlavery_app_TemasParlavery_Actualización_7

 

Parlavery_app_TemasParlavery_Actualización_7

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

 

Parlavery_app_TemasParlavery_Actualización_5_2
Parlavery_app_TemasParlavery_Debate_4_1

 

 

 

 

 

El chat de debate o VS

Hemos visto en el ejemplo anterior, 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.

Parlavery_app_TemasParlavery_Actualización_7

 

Parlavery_app_TemasParlavery_Actualización_7

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

 

Parlavery_app_TemasParlavery_Actualización_5_2

 

Parlavery_app_TemasParlavery_Actualización_7

 

Parlavery_app_TemasParlavery_Actualización_7

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

 

Parlavery_app_TemasParlavery_VSchat5

 

Parlavery_app_TemasParlavery_Actualización_7

Los argumentos y opiniones, que dejamos en el chat del 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 a Miranda que el comentario tiene 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”.

 

Parlavery_app_TemasParlavery_Actualización_7

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 inició el debate. Aunque aparezcan dos avatares con el “VS”, que son los usuarios que iniciaron el debate, no significa 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 Vs privado.

Parlavery_app_TemasParlavery_Actualización_7

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 caso encontramos temas creados por nosotros y podemos ver la actividad de nuestros amigos y seguidores.

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

 

Parlavery_app_Mistemas_Edición

 

Parlavery_app_Mistemas_Edición

 

Parlavery_app_Mistemas_Edición

 

Parlavery_app_Mistemas_Edición

 

Parlavery_app_Mistemas_Edición

 

 

 

Video de la interacción de las pantallas anteriores.

 

 

 

 

 

Parlavery_app_Mistemas_5_1

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

Parlavery_app_Mistemas_5_1

 

Parlavery_app_Mistemas_5_1

 

Parlavery_app_Mistemas_5_1

 

 

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

 

Parlavery_app_Mistemas_Edición

 

Parlavery_app_Mistemas_Edición

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.

 

Parlavery_app_TemasParlavery_Finalizados_2

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

 

Parlavery_app_TemasParlavery_Finalizados_4

 

Parlavery_app_TemasParlavery_Finalizados_4

 

Parlavery_app_TemasParlavery_Finalizados_4

 

Parlavery_app_TemasParlavery_Finalizados_4

 

Parlavery_app_TemasParlavery_Finalizados_4

 

Video de las interacción de las pantallas anteriores.

 

 

Temas finalizados.

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 con mucha actividad de 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:

 

 

Parlavery_app_Portada_Actualizado_4_2

 

 

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 que estoy hablando) seguramente, aparezca un nuevo tema por encima de este.

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

Parlavery_app_Portada_Actualizado_4_2

 

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.

Parlavery_app_Portada_Actualizado_4_2

 

 

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

 

Notificacciones.

En Parlavery hay dos tipos de notificaciones:

 

Notificaciones a nuestra actividad. Reacciones de los usuarios a nuestra actividad, likes, aviso de “VS”, comentarios en nuestros temas, etc.

 

 

 

Notificaciones de las pestañas 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. Estas notificaciones las encontramos representadas por un icono de megáfono.

 

Al pulsar sobre el megáfono, nos muestra las notificaciones de la pestaña de red de temas Parlavery”. Podemos observar que hay un icono del perfil de dos personas, si pulsamos sobre ese icono, nos mostrara las notificaciones de la pestaña de red de Mis temas.

De esta forma tenemos un acceso rápido a la actividad que hay en la red de Parlavery y la de nuestros amigos y seguidores.

 

 

 

Prototipado de algunas de las pantallas.

 

 

Si quieres saber mas puedes visitar la web del proyecto:

http://www.parlavery.com/

En el apartado Parte uno. la app se explica con mas detalle como funciona la app y todos sus apartados, algunos no han sido explicados en esta página.

 

 

 

Publiapp_1

 

 

 

 

 

 

Publiapp_2

 

 

 

 

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR