Cambios visuales: nueva fuente y actualización de componentes

20
Publicado 07 feb 2023
Si estás navegando en Pepper desde tu navegador web (no desde nuestras aplicaciones móviles), probablemente hayas notado que la experiencia se siente un poco diferente.

En efecto, hemos introducido un conjunto de cambios visuales que son parte de un esfuerzo más grande para modernizar la experiencia de nuestra plataforma y al mismo tiempo limpiar su configuración técnica subyacente.

¿Por qué hicimos estos cambios?
Como plataforma orientada a la comunidad, queremos que nuestra marca sea divertida, fresca y accesible y descubrimos a través de la investigación que la percepción de nuestro producto ya no estaba totalmente alineada con estos atributos. Paralelamente a esto, la configuración técnica en la que se ejecuta la plataforma necesitaba ser actualizada para utilizar tecnologías modernas y seguir los estándares web actuales.

Estos dos aspectos nos llevaron a iniciar la iniciativa de crear una nueva experiencia que fuera moderna tanto desde un punto de vista de usuario como técnico. También queríamos asegurarnos de que estos cambios se sintieran como una mejora natural de nuestro producto y que reflejaran plenamente cómo queremos que se perciba nuestra marca y tú, la comunidad.

Por lo tanto, creamos múltiples conceptos, prototipos y diseños para definir cómo debería ser la nueva experiencia. Luego realizamos múltiples pruebas, utilizando tanto métodos cualitativos como cuantitativos (incluyendo pruebas en vivo en algunos países), para entender cómo se percibían estos cambios y cómo impactaron en el uso de la plataforma. Estos experimentos eventualmente nos ayudaron a afinar y finalizar la experiencia que puedes descubrir ahora.

970552_1.jpg
¿Qué cambió?
Uno de los cambios más notorios es nuestra nueva fuente, Averta, que le da más personalidad y carácter a nuestra marca. Probablemente sea el cambio que te lleve más tiempo acostumbrarte, según nuestras pruebas, pero estamos seguros de que pronto lo abrazarás por completo.

970552_1.jpg
También nos enfocamos en hacer la experiencia más amigable y accesible mejorando los diferentes elementos con los que interactúas. Como resultado, incluimos nuevos iconos y aumentamos la redondez de la mayoría de los componentes para hacer que la interfaz en general sea atractiva estéticamente y más divertida. Todos los botones y los campos de entrada se han actualizado en consecuencia, y hemos mejorado su accesibilidad introduciendo nuevos y más claros estados que se revelan al interactuar con ellos. Ahora deberían sentirse más naturales de usar y más agradables de tocar en dispositivos móviles

970552_1.jpg
Finalmente, introdujimos una ligera sobreposición gris en todas las imágenes en las tarjetas de ofertas/cupones, para dar más consistencia a nuestras listas y widgets.

¿Qué viene a continuación?
Actualizar nuestra experiencia y hacerla más accesible es una iniciativa a largo plazo que seguiremos este año introduciendo múltiples otros cambios, algunos sutiles y otros bastante notables. El trabajo de reestructuración técnica que se hace detrás de escena también nos permitirá introducir algunas características largamente esperadas en nuestra plataforma web, como el modo oscuro, que esperamos lanzar en 2023.

Estos cambios también llegarán a las aplicaciones Android e iOS en el futuro para ofrecer una experiencia moderna, coherente y accesible en cualquier dispositivo.
Actualizaciones de la comunidad
Comunicados oficiales
Comentar

20 comentarios

Ordenados por
Avatar de
  1. Avatar de N0v3ld3r0
    Felicidades por la pedazo aplicación que hay creada y agradecido por la comunidad que hay !
  2. Avatar de ZOE
    No me gustan los cambios de tipografía, ni ningún cambio en general, deberíais hacer una web especial para personas con trastornos obsesivos compulsivos que funcionase en HTML1.
    Avatar de orono
    La nueva tipografía es horrible, se ve fatal en 1080p, renderiza muy mal en un navegador de escritorio, sobre todo la columna de la derecha con las ofertas más votadas.
  3. Avatar de TTSP
    El tipo de letra además de ser rara, está configurada a un tamaño demasiado pequeño.
    Yo que suelo leer muy rápido, con esta letra parece que tengo que ir palabra a palabra, un suplicio.
    Le subo el tamaño a la página con control + rueda de ratón arriba pero que va, la fuente no se lee bien.
    Avatar de Toma_Toma
    Es verdad, con esta tipografía se ve todo más pequeño y eso no facilita la lectura.
  4. Avatar de Enter
    ¡Hola! De acuerdo al feedback recibido, lanzaremos próximamente una actualización para aumentar los tamaños de la nueva fuente.
    Avatar de orono
    Es una fuente diseñada para alta resolución, en FHD (1080p), la resolución más común en ordenadores de escritorio, hay que aumentar el zoom del navegador hasta 150% para que se vea nítida.
  5. Avatar de starlight
    La fuente es bonita, pero no parece la ideal para tanto texto, porque es un horror a la hora de leer. Sí a las tipografías con serifa! Facilitan mucho más la lectura. Todo lo demás, genial.
  6. Avatar de david.sedano
    Pedazo de equipo que tenéis. El camino de la comunidad es el correcto, es que ha afianzado este proyecto y el que hace que siga vivos muchos años más. Enhorabuena 👏
  7. Avatar de MPAG
    Enhorabuena, vuestro trabajo excelente
  8. Avatar de adrior
    Visualmente creo que el cambio le ha sentado genial, mucho más limpio, enhorabuena!
  9. Avatar de Nano1965
    Gran trabajo 👏👏👏
  10. Avatar de CristianVLC
    Como mola, buen trabajo!!
Avatar de