Diseñador UX/UI · Concepto personal · 2021

BBVA · Widget para iPhone

El acceso a las operaciones bancarias más frecuentes desde la pantalla de inicio de tu iphone.

Mi rol

Senior Product Designer

Industria

Fintech

Plataforma

iOS

Duración

4 semanas

Equipo

1 Product Designer (conceptual)

Herramientas

Figma · FigJam · Miro · Protopie

Disciplinas — UX Research · Product Thinking · UI Design · Prototyping · Design System

BBVA Widget
El reto

Del banco al bolsillo, en un vistazo

Consultar el saldo, revisar movimientos y hacer un Bizum son gestos diarios. Aun así, cada uno exige abrir la app entera: más fricción de la que una tarea de segundos debería tener.

Objetivo: llevar la información clave a la pantalla de inicio, con menos pasos, más privacidad y la misma fluidez que el resto de iOS.

El contexto

BBVA, el banco con más valor digital de España

Con iOS 15, Apple convirtió los widgets en algo más que notificaciones: ahora podían mostrar información útil sin abrir la app.

BBVA tenía la oportunidad de acercar sus operaciones más frecuentes a millones de usuarios. El reto: decidir qué mostrar, cómo priorizarlo y cómo equilibrar rapidez, privacidad y consistencia con iOS.

Research

Proto users y journeys

Diseñamos proto users representativos del target: perfiles exigentes que buscan inmediatez —nada de abrir la app para un Bizum— y datos accesibles al primer vistazo.

Proto user 1
Proto user 2
Proto user 3

Insights

  • Consultan el saldo varias veces al día.
  • Bizum es de las acciones más repetidas en la app.
  • La rapidez pesa más que tener muchas funciones.
  • La privacidad es crítica: la info financiera queda visible en la pantalla principal.
  • La información debe entenderse en menos de 3 segundos.
Oportunidad

Menos ruido, más valor inmediato

La oportunidad era clara: reducir la fricción de las acciones financieras más frecuentes con un widget que mostrara solo lo esencial y protegiera los datos sensibles.

Encuestas

Validación de hipótesis

Entrevistas y encuestas confirmaron un patrón claro: los usuarios repetían siempre las mismas tres acciones.

  • Consultar saldo
  • Consultar últimos movimientos
  • Enviar Bizum

Esa base definió el diseño del widget.

Benchmark

Qué hace bien la competencia

Analizamos cómo distintos sectores —no solo bancos— presentan información en sus widgets.

Benchmark de widgets

Principales aprendizajes

  • Apple prioriza la simplicidad visual.
  • Google apuesta por la densidad de información.
  • Los widgets de una sola función se entienden mejor.
  • La consistencia visual genera confianza.
Dirección visual

Un stylescape fiel a BBVA

A partir del benchmark construimos una dirección visual coherente con iOS y el lenguaje de BBVA, priorizando claridad, jerarquía y confianza.

Stylescape BBVA
Decisiones de diseño

Decisiones de diseño

Saldo oculto por defecto

Protegemos la privacidad: nada de datos sensibles con el móvil bloqueado.

Bizum como acción principal

Es una de las funciones con más frecuencia de uso.

Jerarquía clara

Lo más relevante, siempre en primer lugar.

Tres tamaños

Cada tamaño cubre una necesidad distinta, sin perder consistencia.

Consistencia con iOS

El widget respeta los patrones del sistema.

Resultado

Tres tamaños, un mismo criterio

Diseñamos tres tamaños con la misma estructura visual. El pequeño se descartó pronto: aportaba poca información útil. El mediano y el grande ganaron por equilibrar rapidez, claridad y utilidad.

Tamaños de widget
Resultado final del widget BBVA
Security by Design

Privacidad, no solo UX

Aunque nace desde la experiencia de usuario, muchas decisiones respondieron a criterios de privacidad y seguridad:

  • Información sensible minimizada.
  • Saldo oculto por defecto.
  • Prevención de shoulder surfing.
  • Face ID para operaciones sensibles.
  • Diseño orientado a reducir errores del usuario.
Evolución

¿Cómo evolucionaría este producto hoy?

Apple Intelligence

Información contextual en tiempo real.

Widgets adaptativos

Según ubicación y horario.

Predicción de acciones

Anticipar lo que el usuario necesita.

Live Activities

Seguimiento en vivo de operaciones.

Aprendizajes

Lo que me llevo

Un buen widget no muestra más: muestra solo lo que aporta valor inmediato.

Validar hipótesis desde el inicio y equilibrar rapidez, privacidad y claridad es clave en fintech.

Hoy sumaría IA y personalización contextual para adaptar el contenido a cada usuario.

Métricas de éxito
  • Menos tiempo para consultar el saldo.
  • Menos pasos para enviar un Bizum.
  • Más uso del widget.
  • Mayor satisfacción del usuario.
  • Menos errores por accesos accidentales.

Muchas gracias.

← Volver a proyectos
×
Scroll al inicio