Una interfaz, cien millones de usuarios finales: diseño de productos SDK

«Ah, ¿diseñador de productos? Entonces, ¿te dedicas a hacer que la interfaz quede bonita?»

No, no del todo. Si abres tu diccionario de sinónimos, verás que entre los sinónimos de «diseñador» aparecen palabras como «inventor», «arquitecto», «artista» y «estratega». En realidad, no podemos diseñar ni una sola maqueta hasta que definamos quiénes son nuestros usuarios y a qué problemas se enfrentan. Y eso requiere desempeñar muchas funciones.

Ahora bien, diseñar para SDK puede resultar aún más caótico. Créenos, nuestro equipo de diseño en Microblink lo sabe de primera mano. Nuestro producto estrella, BlinkID, forma parte integral de unas 500 aplicaciones, que abarcan desde compañías aéreas hasta proveedores de servicios financieros. Esto significa que estamos en un ciclo constante de investigación, diseño, pruebas y reinvención para múltiples grupos objetivo.

En primer lugar, nuestros usuarios finales, que utilizan BlinkID para registrarse en productos y servicios de forma más sencilla escaneando su documento de identidad. 

Y, en segundo lugar, nuestros clientes que desean integrar nuestro SDK en su aplicación de forma rápida y sencilla. Piensa en ello como una pieza de un rompecabezas que utilizan para atraer y captar la atención de los usuarios mencionados anteriormente, al tiempo que optimizan sus propios procesos. 

Para lograr este equilibrio entre una experiencia fácil de usar y una estética atractiva para el cliente, el diseño del producto debe evolucionar al mismo tiempo que la tecnología. Además, debe transmitir la identidad de la marca, de modo que toda la experiencia se perciba como coherente con la marca y forme parte de una única aplicación.

Si te parece que es mucho que asimilar, bienvenido al club. Las pelotas antiestrés están en el cajón de arriba.

Un diseño camaleónico que se mimetiza con el entorno

A lo largo de los años, hemos observado una tendencia tranquilizadora. La interfaz de usuario de BlinkID, a pesar de ser totalmente personalizable, goza de una gran aceptación en su configuración predeterminada. 

A nuestros clientes parece gustarles la experiencia de usuario que les ofrecemos de serie, y la mayoría de ellos la incorporan a sus aplicaciones con solo algunas ligeras variaciones en las fuentes, los colores y otros elementos secundarios.

Las empresas confían en nuestra capacidad para deleitar a sus usuarios con experiencias excepcionales y nosotros les recompensamos por ello. Día tras día, nos esforzamos por hacer que la tecnología que hay detrás de BlinkID esté más centrada en el usuario, al tiempo que mantenemos la interfaz visualmente neutra y menos llamativa.

Mantener una IA en la realidad aumentada

En 2017, la realidad aumentada (RA) comenzó a transformar la forma en que interactuamos con la tecnología móvil. La interfaz de usuario ya no estaba limitada por los bordes de la pantalla de un smartphone, sino que empezó a extenderse al mundo real. 

Al tratarse de un software basado en inteligencia artificial, BlinkID estaba en una posición ideal para sacar el máximo partido a esta tendencia. Por ejemplo, aplicar retroalimentación visual al documento que el usuario tenía en la mano era una forma estupenda de ofrecer una experiencia más inmersiva y natural.

Instintivamente, aprovechamos la oportunidad para mejorar la interacción con nuestros usuarios finales. BlinkID ya era lo suficientemente inteligente como para reconocer y rastrear documentos de identidad, así que diseñamos una interfaz de realidad aumentada que guía a los usuarios paso a paso a lo largo del proceso de escaneo.

Tras presentar el fruto de nuestro esfuerzo en Finovate 2019, recibimos una calurosa acogida, pero resultó que el mundo aún no estaba preparado para una interfaz de usuario basada en la realidad aumentada. 

El tren en el que subimos todavía estaba aparcado en su depósito. 

Pensar de forma innovadora no siempre garantiza el éxito

Tan embelesados estábamos con las maravillas de la realidad aumentada que estuvimos a punto de perder de vista la realidad a la que se enfrentan nuestros usuarios finales. 

El desarrollo y las pruebas adicionales de la aplicación de demostración revelaron que, aunque nuestra interfaz de RA funcionaba correctamente en los smartphones iOS más recientes, tenía dificultades para seguir el ritmo en los teléfonos Android.

Esto significaba que la nueva interfaz no funcionaría para una buena parte de los usuarios de nuestros clientes. Y dado que queremos ofrecer una experiencia de uso de BlinkID igual de agradable independientemente del dispositivo, una interfaz de usuario de RA limitada únicamente a los smartphones de gama alta no era una opción. 

Justo cuando estábamos a punto de lograr un gran avance, tuvimos que recomponernos y empezar de cero.

Renacer de sus cenizas: la mejor interfaz es la que no existe

Como disponíamos de poco tiempo, reflexionamos detenidamente sobre cuál sería la mejor forma de reinventar la interfaz de usuario de BlinkID. 

Los días dedicados a la lluvia de ideas y a una exhaustiva investigación dieron sus frutos. Habíamos creado una interfaz de usuario (UI) y una experiencia de usuario (UX) inspiradas, en parte, en las directrices de Material Design de Google (patrones para funciones de aprendizaje automático) y, en parte, diseñadas desde cero. 

Uno de los cambios más importantes que introdujimos fue una retícula pulsante que transformó por completo la forma en que los usuarios finales interactúan con BlinkID.

Por un lado, ya no tenían que colocar el documento dentro del marco específico. Gracias a los avances tecnológicos en los que se basa BlinkID, el usuario que escanea un documento de identidad ya no tiene que preocuparse por la colocación, la orientación ni el ángulo del documento.

Además, como BlinkID era capaz de reconocer por sí mismo el tipo de documento, eliminamos la pantalla previa en la que se pedía a los usuarios que seleccionaran el documento antes de escanearlo, lo que les ahorró unos segundos de trabajo adicional.

La retícula muestra instrucciones en pantalla en tiempo real, lo que significa que el usuario sabe cuándo debe dar la vuelta al documento o alejarlo más de la cámara. Esta forma de comunicación guía al usuario para que realice las acciones correctas.

Un destello rápido, junto con una marca de verificación al final, indica que la información se ha extraído correctamente. Para unificar la nueva experiencia tanto en Android como en iOS, hemos mantenido la coherencia en todos los cambios, salvo en algunos elementos visuales menores.

Ahora puedes ver que se trata, en definitiva, de ayudar al usuario final a atar cabos y de reducir la interfaz a lo esencial. 

Cuantos menos pasos tengan que dar para resolver un problema —en nuestro caso, evitar la introducción manual de datos—, mejor será la experiencia general.

Piénsatelo bien antes de meter la pata: pruebas de usabilidad

Ninguno de los cambios mencionados vería la luz sin unas pruebas adecuadas. No somos genios omniscientes del diseño de la experiencia de usuario. Para eso sirven las pruebas de usabilidad. No hay nada mejor que ver a usuarios reales interactuar con tu diseño justo delante de tus ojos. 

El objetivo principal de las pruebas de usabilidad es encontrar soluciones económicas para problemas que, de otro modo, resultarían costosos. Simplemente no hay mejor forma de detectar los fallos de la interfaz y garantizar que un producto cumpla con las expectativas de los usuarios.

Por lo general, el proceso consiste en que los usuarios interactúen con el prototipo de diseño, es decir, una primera muestra del mismo. Se trata, básicamente, de una serie de imágenes de la interfaz de usuario que se enlazan entre sí para mostrar el flujo de la aplicación final. 

Sin embargo, con BlinkID es imposible crear prototipos, ya que requiere que el usuario interactúe con la cámara en tiempo real. Nuestros desarrolladores tuvieron que dedicar mucho tiempo a crear una aplicación totalmente funcional para realizar pruebas. 

Tras un gran esfuerzo conjunto, contábamos con una aplicación diseñada específicamente para realizar pruebas. Cuaderno, listo. Bolígrafo, listo. Preguntas, todas preparadas. Estábamos listos para recibir a usuarios reales en la sala y observar cómo interactuaban con la nueva interfaz en persona.

Observación de los usuarios en su entorno natural

Fue interesante observar cómo algunos, por ejemplo, sostenían los documentos en la mano, mientras que otros los colocaban sobre la mesa. Además, varios usuarios escanearon sus documentos en modo horizontal, lo que reafirmó nuestra decisión de permitir ambas orientaciones.

Durante este proceso, descubrimos que el escaneo es una experiencia muy personal para cada usuario y que debemos tenerlo en cuenta en cada fase de la planificación. Tomar notas y recabar opiniones de usuarios reales nos ayudó a mejorar considerablemente la interfaz de usuario y la experiencia general del usuario.

Por ejemplo, nos dimos cuenta de que nuestros mensajes en pantalla desaparecían antes incluso de que algunos usuarios pudieran leerlos. Fue entonces cuando unimos fuerzas con nuestros desarrolladores. Tras numerosas iteraciones, por fin encontramos el equilibrio adecuado entre el momento de aparición y la duración de los mensajes de retroalimentación y las animaciones. Ahora resultaban fáciles de detectar, leer y comprender sin que ello afectara a la velocidad de procesamiento.

No podemos dejar de insistir en la importancia de realizar pruebas de usabilidad de forma repetida. Esto nos ha permitido asegurarnos de que los cambios que hemos introducido realmente han dado en el clavo con nuestros usuarios finales. Sin ellas, básicamente estaríamos diseñando para nosotros mismos.  

A fin de cuentas

Tras todo este esfuerzo, nos hemos quedado con una interfaz de usuario más homogénea, pero también con un equipo más unido. Todos y cada uno de nosotros hemos puesto de nuestra parte para que BlinkID se pueda disfrutar en todo su esplendor a la hora de escanear. 

Al hacerlo, hemos aprendido mucho sobre diseño, desarrollo y capacidades tecnológicas, así como sobre la importancia de integrar estos tres aspectos en beneficio del usuario final. Estos descubrimientos constituyen ahora una parte fundamental de nuestro ciclo de diseño y desarrollo de productos.

¿Qué nos depara el futuro?‌ Aparte de algún que otro día de lluvia, muchas cosas buenas, de eso no hay duda. La realidad aumentada móvil sigue evolucionando y no dejan de surgir nuevas formas de interactuar con los usuarios finales. En Microblink, seguiremos aprovechándolas para que nuestros productos sean más sencillos y agradables de usar.

Pero, ¿por qué escribir sobre ello cuando puedes ver con tus propios ojos el fruto de nuestro esfuerzo? Descarga la última versión de la aplicación de demostración de Microblink Vision y prueba nuestra nueva interfaz de usuario; está disponible en Google Play, App Store y AppGallery.