Arrastra para explorar. Desplázate o pellizca para acercar. Abre la Ayuda para ver los atajos de teclado.

Yan
ABIERTO A
PROYECTOS
Hablemos
Yan Fontão Boring view
All work

Case 024Diseño de app móvil

GoVoice

Un feed social en portugués donde las personas publican opiniones dirigidas a marcas. El diseño hace del destinatario una parte de cada publicación, muestra el balance de las reacciones y ofrece un resumen cuando el debate se llena de mensajes.

Mi papel
Diseño de interfaz
Estado del proyecto
Diseño de interfaz · archivo de Figma
Logo de GoVoice sobre tres celulares.
La portada de presentación, con una identidad de ejemplo enmascarada.

01

Mi contribución

GoVoice es una app social en portugués donde las personas publican opiniones y las dirigen a marcas, con menciones en las líneas Para y CC, muy parecido a un correo electrónico. Diseñé el feed, el detalle de la publicación y sus estados de reacción.

Detalle de una opinión con reacciones.
Barra de reacciones abierta sobre una opinión.
Grabado del prototipo de Figma. Una publicación, con el análisis de opinión pública que se expande debajo. Una opinión y sus reacciones. La barra de reacciones abierta.

02

Una publicación que dice a quién va dirigida

Cada publicación separa sus partes con líneas finas: el autor, la línea Para con las cuentas mencionadas y luego el título y el texto. Las reacciones quedan debajo como chips con sus conteos, así que el balance de opinión se ve antes de abrir los comentarios.

Reaccionar va más allá del me gusta. Un selector flotante ofrece pulgar hacia arriba y hacia abajo, un corazón, fuego y otras opciones detrás de un signo más, mientras el resto de la pantalla se desenfoca para mantener la publicación en foco.

Detalle de la opinión, estado de reacción.
Otro estado de reacción.

03

Leer un debate concurrido

Cuando una publicación recibe un gran volumen de mensajes, un bloque expandible ofrece un resumen de IA de la opinión pública, con un enlace a una Central de Opinião Pública. Los comentarios destacados vienen después, y una barra oscura queda fija abajo con una sola invitación: Dar uma opinião.

000

Instrucciones

Yan Fontão
Toque
Abre una pantalla
Clic
Abre una pantalla
Arrastrar
Recorre el mural
Rueda
El mouse acerca, el trackpad mueve, el pellizco acerca
− +
Aleja hasta ver todo el mural, o acerca
Flechas
En un caso: ↑↓ cambian de caso, ←→ cambian de medio. En el mural: mueven
Espacio
Abre o vuelve
Enter
Abre
Esc Backspace
Vuelve
Home
Vuelve al centro y luego a la apertura
PgUp PgDn
Canal anterior o siguiente
Tab
Recorre proyectos y enlaces
R
Proyecto al azar
0–9
Escribe un canal, 1–61
?
Esta página
Atajos

Música del mural

Archivos comprimidos y nivelados para la web.

ABIERTO A
PROYECTOS
Hablemos

Nuevo mensaje para Yan

Cuéntame quién eres y te respondo.

000

Sobre Yan

Hola, soy Yan

Product Designer/ Design Engineer

La mayoría de los productos pierde algo entre el diseño y el código. Los míos no: investigo el problema, diseño el producto y lanzo la interfaz yo mismo, así que lo que apruebas es exactamente lo que reciben tus usuarios.

  • 2018inicio en software
  • UI + codediseño e implementación

Trabajé con Motorola · Ambev Tech · Rei do Pitaco · OneTool · CESAR

Brasil · Remoto, híbrido o presencial

Retrato de Yan Fontão sentado, con suéter verde y gafas, sosteniendo un micrófono.
ABIERTO A
PROYECTOS
Hablemos
ABIERTO A
PROYECTOS
Hablemos
000

canal bloqueado

Bajo NDA

Ingresa el código

Pídele el código a Yan ↗
ABIERTO A
PROYECTOS
Hablemos
YAN FONTÃO Casos completos

Canal 24 Diseño de app móvil

GoVoice

Un feed social en portugués donde las personas publican opiniones dirigidas a marcas. El diseño hace del destinatario una parte de cada publicación, muestra el balance de las reacciones y ofrece un resumen cuando el debate se llena de mensajes.

Mi papel
Diseño de interfaz
Estado del proyecto
Diseño de interfaz · archivo de Figma
Logo de GoVoice sobre tres celulares.
La portada de presentación, con una identidad de ejemplo enmascarada.

Opiniones con destinatario

Pantallas del archivo de diseño original en Figma, con datos de ejemplo.

Mi contribución

GoVoice es una app social en portugués donde las personas publican opiniones y las dirigen a marcas, con menciones en las líneas Para y CC, muy parecido a un correo electrónico. Diseñé el feed, el detalle de la publicación y sus estados de reacción.

Grabado del prototipo de Figma. Una publicación, con el análisis de opinión pública que se expande debajo.
Detalle de una opinión con reacciones.
Una opinión y sus reacciones.

Una publicación que dice a quién va dirigida

Cada publicación separa sus partes con líneas finas: el autor, la línea Para con las cuentas mencionadas y luego el título y el texto. Las reacciones quedan debajo como chips con sus conteos, así que el balance de opinión se ve antes de abrir los comentarios.

Reaccionar va más allá del me gusta. Un selector flotante ofrece pulgar hacia arriba y hacia abajo, un corazón, fuego y otras opciones detrás de un signo más, mientras el resto de la pantalla se desenfoca para mantener la publicación en foco.

Barra de reacciones abierta sobre una opinión.
La barra de reacciones abierta.

Leer un debate concurrido

Cuando una publicación recibe un gran volumen de mensajes, un bloque expandible ofrece un resumen de IA de la opinión pública, con un enlace a una Central de Opinião Pública. Los comentarios destacados vienen después, y una barra oscura queda fija abajo con una sola invitación: Dar uma opinião.

Detalle de la opinión, estado de reacción.
Otro estado de reacción.