Una interfaz, cien millones de usuarios finales: Diseño del producto SDK

»Oh, ¿un diseñador de productos? ¿Así que haces que la interfaz parezca bonita?»

No, no es así. Si abres tu diccionario de sinónimos, verás que los sinónimos de diseñador devuelven palabras como «inventor», «arquitecto», «artista» y «estratega». En realidad, no llegamos a diseñar una sola maqueta hasta que definimos quiénes son nuestros usuarios y a qué problemas se enfrentan. Y eso requiere llevar muchos sombreros.

Ahora bien, diseñar para SDK puede ser aún más caótico. Créenos, nuestro equipo de diseño en Microblink lo sabe de primera mano. Nuestro producto estrella, BlinkID, es parte integrante de unas 500 aplicaciones que van desde operadores aéreos a proveedores de servicios financieros. Esto significa que estamos en un bucle 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 contratar productos y servicios más fácilmente escaneando su DNI.

Y en segundo lugar, nuestros clientes que desean añadir nuestro SDK a su aplicación de forma rápida y sencilla. Piensa en ello como una pieza de puzzle que utilizan para atraer e implicar a los usuarios mencionados, al tiempo que agilizan sus propios procesos.

Para lograr este equilibrio entre una experiencia fácil de usar y un aspecto agradable para el cliente, el diseño del producto debe evolucionar junto con la tecnología. Además, tiene que transferir el aspecto y la sensación de la marca, para que toda la experiencia parezca acorde con la marca y parte de una aplicación.

Si eso te parece mucho que asimilar, bienvenido al club. Las bolas de estrés están en el cajón de arriba.

Un diseño camaleónico que se funde con su entorno

A lo largo de los años, hemos observado una tendencia tranquilizadora. BlinkID A pesar de ser totalmente personalizable, la interfaz de usuario de ‘s es ampliamente aceptada en su forma predeterminada.

A nuestros clientes parece gustarles la experiencia de usuario que obtienen al sacarla de la caja y la mayoría de ellos la implementan en sus aplicaciones con sólo algunas ligeras variaciones en fuentes, colores y otros elementos menores.

Las empresas confían en nuestra capacidad para deleitar a sus usuarios con grandes experiencias 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, manteniendo al mismo tiempo la interfaz visualmente neutra y menos perceptible.

Mantener una IA en realidad aumentada

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

Como software potenciado por IA, BlinkID estaba bien posicionado para aprovechar al máximo esta tendencia. La aplicación de información visual sobre el documento que el usuario tenía en la mano, por ejemplo, era una forma estupenda de proporcionar una experiencia más envolvente y natural.

Instintivamente, nos lanzamos a la oportunidad de involucrar mejor a nuestros usuarios finales. BlinkID ya era lo suficientemente inteligente como para reconocer y rastrear documentos de identidad, así que diseñamos una interfaz de RA que acompaña a las personas durante todo el proceso de escaneado.

Después de mostrar nuestro duro trabajo en Finovate 2019fuimos recibidos con aplausos, pero resultó que el mundo no estaba preparado para la interfaz de usuario basada en RA.

El tren al que subimos seguía aparcado en su depósito.

Pensar con originalidad no siempre da buenos resultados

Llevados por las maravillas de la realidad aumentada, casi perdemos el contacto con la realidad real 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 bien 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 puesto que queremos ofrecer una experiencia igual de agradable al utilizar BlinkID independientemente del dispositivo, una interfaz de AR sólo en smartphones de gama alta no era una opción.

En la cúspide de un gran avance, tuvimos que recoger los pedazos y empezar de nuevo.

Resurgir de las cenizas: La mejor interfaz es no tener interfaz

Con poco tiempo, pensamos largo y tendido sobre el mejor enfoque para reinventar la interfaz de usuario de BlinkID.

Días de lluvia de ideas y de investigación exhaustiva dieron sus frutos. Habíamos ideado una interfaz de usuario y una experiencia de usuario inspiradas en parte en las directrices Material Design de Google (patrones para funciones de aprendizaje automático), y en parte diseñada desde cero.

Uno de los mayores cambios 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 un documento dentro del marco dedicado. Gracias a los avances tecnológicos de BlinkID, un usuario que escanea un documento de identidad ya no tiene que preocuparse de la colocación, orientación o ángulo del documento.

Además, como BlinkID era capaz de reconocer el tipo de documento por sí mismo, eliminamos la pantalla previa que pedía a los usuarios que seleccionaran el documento antes de escanearlo, ahorrándoles unos segundos extra de molestias.

El retículo muestra instrucciones en pantalla en tiempo real, lo que significa que el usuario sabe cuándo debe dar la vuelta al documento o alejarlo 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, significa que la información se ha extraído correctamente. Para unificar la nueva experiencia en Android e iOS, mantuvimos coherentes todos los cambios, salvo algunos elementos visuales menores.

Ahora puedes ver que se trata de unir los puntos para el usuario final y de reducir la interfaz a sus mínimos detalles.

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

Compruébate a ti mismo antes de destrozarte: Pruebas de usabilidad

Todos los cambios anteriores no verían la luz del día sin las pruebas adecuadas. No somos cerebros omniscientes del diseño UX. Para eso están las pruebas de usabilidad. No hay nada mejor que ver a usuarios reales interactuar con tu diseño delante de tus propios ojos.

El objetivo de las pruebas de usabilidad es encontrar soluciones baratas para problemas que, de otro modo, serían caros. Sencillamente, no hay mejor forma de eliminar los defectos de la interfaz y garantizar que un producto satisface las expectativas del usuario.

Normalmente, el proceso implica que los usuarios interactúen con el prototipo de diseño, una muestra temprana del diseño. Básicamente, se trata de una serie de imágenes de la interfaz de usuario unidas entre sí para mostrar un flujo de la aplicación acabada.

Pero la creación de prototipos es imposible con BlinkID, 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 probarla.

Tras un gran esfuerzo mutuo, creamos una aplicación específica para realizar pruebas. Cuaderno, listo. Bolígrafo, comprobado. Preguntas, todas pensadas. Estábamos listos para introducir a usuarios reales en la sala y verles interactuar con la nueva interfaz en persona.

Observar a los usuarios en la naturaleza

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

Durante este proceso, descubrimos que escanear es una experiencia muy personal para cada usuario y que debemos tenerla en cuenta en cada paso de la planificación. Tomar notas y recoger opiniones de usuarios reales nos ayudó a mejorar significativamente la interfaz de usuario y la experiencia general del usuario.

Por ejemplo, nos hemos enterado 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 pasar por innumerables iteraciones, por fin encontramos el equilibrio adecuado de tiempo y duración para los mensajes de respuesta y las animaciones. Ahora eran fáciles de ver, leer y entender sin afectar a la velocidad de procesamiento.

Nunca insistiremos lo suficiente en la importancia de repetir las pruebas de usabilidad. Nos aseguran que los cambios que hemos hecho han dado en el clavo con nuestros usuarios finales. Sin ellas, básicamente estaríamos diseñando para nosotros mismos.

Cuando todo esté dicho y hecho

Después de toda esta lucha, nos quedamos con una IU más unificada, pero también con un equipo más unificado. Todos y cada uno de nosotros hemos puesto de nuestra parte para que BlinkID pueda disfrutarse en todo su esplendor de escaneado.

Al hacerlo, hemos aprendido mucho sobre diseño, desarrollo y capacidades tecnológicas, así como sobre la importancia de conectar los tres para el usuario final. Estos descubrimientos forman ahora una parte fundamental de nuestro ciclo de diseño y desarrollo de productos.

Entonces, ¿qué nos depara el futuro? Aparte de algún día lluvioso ocasional, mucho y bueno, sin duda. La RA móvil sigue evolucionando y siguen surgiendo nuevas formas de interactuar con los usuarios finales. En Microblink, seguiremos aprovechándolas para hacer que nuestros productos sean más sencillos y agradables de usar.

Pero ¿por qué escribir sobre ello cuando puedes ver nuestro duro trabajo en carne y hueso? Consigue la última aplicación de demostración de Microblink Vision y prueba nuestra nueva interfaz de usuario, disponible en Google Play, App Store y AppGallery.