Prototipado de aplicaciones web y móviles en TokBox: diseño iterativo en acción

La creación de prototipos de aplicaciones web y móviles en TokBox recibió un fuerte impulso cuando el diseñador de interacción Charles Diggs encontró la herramienta de creación de prototipos adecuada.

Cuando Charles Diggs se vio inmerso en retrabajos evitables debidos a retoques aparentemente sencillos de la interfaz, se dio cuenta de que había llegado el momento de que él y su equipo de TokBox encontraran una nueva herramienta de creación de prototipos. En su trabajo como Diseñador de Interacción Visual en el equipo de San Francisco, Charles crea interacciones de usuario y sistemas visuales para la plataforma de comunicaciones basada en web de TokBox. Pero se sentía frustrado cuando sus esfuerzos por hacer pequeños cambios en las pantallas de sus prototipos web y de aplicaciones se convertían en largas horas rediseñando la pantalla desde cero. Finalmente, descubrió el problema: la herramienta de creación de prototipos que utilizaba tenía pocas funciones dinámicas y no proporcionaba suficiente control sobre los pequeños detalles de sus prototipos web y de aplicaciones móviles.

«Mi experiencia con otras herramientas de creación de prototipos no fue mala. Sin embargo, para mí el problema era tener que volver al programa de diseño para hacer correcciones, y luego volver a la herramienta de creación de prototipos.»

Herramientas de prototipado: crea, itera y prueba con flexibilidad

La creación de prototipos es una parte intrínseca del flujo de trabajo de diseño iterativo de TokBox. Para convertir las ideas del equipo en deliciosas experiencias para el usuario final, Charles y sus compañeros diseñadores incorporan herramientas de creación de prototipos de aplicaciones web y móviles desde el principio. Empezando con rápidos clics, validan sus ideas, luego pasan a prototipos de alta fidelidad, que luego pasan por iteraciones basadas en comentarios y pruebas. Este flujo de trabajo iterativo y rápido significaba que Charles necesitaba urgentemente una herramienta de creación de prototipos más eficaz que le permitiera hacer iteraciones rápidas en tiempo real, sin tener que empezar de cero al editar pantallas o flujos. Charles estaba a punto de embarcarse en un sistema de inicio de sesión para un sitio web de navegación global, así que sabía que necesitaba encontrar una solución a sus problemas de flujo de trabajo.

Una herramienta de creación de prototipos que te permite construir, iterar y mejorar en doble tiempo

Fue entonces cuando un compañero de trabajo le sugirió que probara Justinmind. Después de investigar un poco en Internet, se dio cuenta de que podía satisfacer su necesidad de una herramienta de creación de prototipos con el tipo de funciones que ahorran tiempo y permiten a los diseñadores convertir las ideas en diseños tangibles mediante un proceso de iteración rápida y colaboración en equipo. «Un compañero de trabajo me habló de Justinmind. Tenía un proyecto pendiente que necesitaría prototipos, así que lo busqué. Definitivamente parecía ajustarse a mis necesidades». Cualquier vieja herramienta de creación de prototipos hará llegar el mensaje al cliente o a los clientes si le dedicas suficientes horas. Pero a menudo esas horas son preciosas, y todo el mundo sabe que la clave del éxito de un prototipo de web o de aplicación es la capacidad de diseñar rápidamente e iterar en función de las pruebas y los comentarios de los usuarios. Charles pensó que Justinmind podría ayudarle con eso, pero aún tenía que poner a prueba la herramienta de creación de prototipos.

Prototipado de aplicaciones web y móviles en TokBox: el proceso explicado

Entonces, ¿cómo introdujo el equipo Justinmind en su flujo de trabajo de diseño iterativo establecido? Básicamente, las ideas de diseño de TokBox pasan por varias fases de un proceso de cuatro pasos. Charles se puso manos a la obra:

Lluvia de ideas sobre contenidos

La puesta en marcha consiste en que el equipo evalúe todas sus ideas y destile las mejores sugerencias en una solución óptima que cumpla todos los objetivos. Una vez acordados tanto la idea inicial como los objetivos, se crean clics rápidos.

Crear un mockup de clic rápido

Aquí es donde Justinmind entra en juego para TokBox. Las bibliotecas de UI preelaboradas y los widgets funcionales hacen que hacer clic sea rápido y sencillo. Mediante el método de diseño rápido de Justinmind se crea una solución de diseño rápido que muestra el flujo general, lo que facilita la evaluación de si tu prototipo de aplicación web y móvil satisface las necesidades y expectativas.

Revisiones en equipo de los prototipos

El feedback del equipo es lo siguiente. Por supuesto, las opiniones dispares sobre cómo deben funcionar la UI y la UX del prototipo son una parte saludable del proceso de iteración, por lo que TokBox dedica tiempo a las sesiones internas de feedback. Durante estas revisiones, las personas implicadas en el proyecto aportan comentarios constructivos; luego, cuando se validan el contenido y las características, se puede construir un prototipo detallado de alta fidelidad.

Prototipos de alta fidelidad

Este prototipo web o de aplicación de alta fidelidad consta de pantallas detalladas y una vista de 360º de la experiencia final del usuario, lo que permite realizar pruebas, iteraciones y validaciones en tiempo real. En esta fase, mapear y probar el diseño significa que los diseñadores y revisores tienen una visión de la UI y el flujo completos, además de poder centrarse en los detalles para garantizar el cumplimiento de los requisitos y especificaciones en todos los dispositivos. «Es genial», dice Charles. «Me encanta cómo puedes experimentar un prototipo móvil en el teléfono móvil real con la aplicación». Por último, el prototipo de aplicación móvil o web puede revelarse a todo el equipo de producto, además de a los desarrolladores y partes interesadas, antes de que comience el desarrollo.

Convierte rápidamente mockups en prototipos de aplicaciones web y móviles con elementos de UI listos para usar.

Tras cambiar a Justinmind, Charles se dio cuenta de que estaba creando y compartiendo prototipos más sólidos sobre los que ejercía un mayor control creativo. Gracias a un proceso de creación de prototipos simplificado pero potente, podía hacer un seguimiento de las especificaciones y requisitos de desarrollo incluso a través de iteraciones rápidas; creó el proceso de inicio de sesión de su nuevo proyecto y lo validó mucho más rápido que antes. Mediante el uso de prototipos web y de aplicaciones totalmente interactivos desde las fases iniciales del proyecto, Charles obtuvo información temprana y relevante que le permitió cambiar de rumbo y asegurarse de que iba en la dirección correcta. Basó las elecciones de diseño de las primeras fases en el contenido, la función y la fidelidad, y así pudo evitar reelaboraciones antes de llegar a la fase de desarrollo.

«Lo que diferencia a Justinmind de otras herramientas de creación de prototipos que he utilizado es el nivel granular de control creativo al que tiene acceso el diseñador

«.
Una herramienta de creación de prototipos que incluye arrastrar y soltar, elementos y tarjetas de UI totalmente funcionales, además de funciones basadas en datos, significó que TokBox podía alcanzar altos niveles de interactividad en los prototipos. Las ricas bibliotecas de UI de Justinmind, con elementos listos para usar y widgets funcionales, significan que los prototipos interactivos de aplicaciones web y móviles están a sólo unos clics de distancia: el trabajo duro ya está hecho, dejando que los diseñadores se centren en el diseño y no en la creación de prototipos. Como debe ser.

Más sobre Charles

Charles Diggs se encarga del diseño de interacción visual en TokBox, centrándose en crear interacciones visuales y sistemas visuales sobresalientes. En este puesto, a menudo se le puede encontrar creando prototipos de alta fidelidad y probando experiencias de usuario final. Antes de incorporarse a TokBox, Charles trabajó en salud, bienestar y entretenimiento para empresas como Mattel y Disney.

Más sobre TokBox

TokBos, de San Francisco, es una plataforma de comunicaciones basada en la web que ofrece «un conjunto de funciones líder en el sector para potenciar las comunicaciones en tiempo real». Funciones como SDK para móviles y web, archivado, chat de texto, mensajería, análisis, traspaso de cortafuegos, soporte multipartito, complemento de Internet Explorer, etc., permiten a esta plataforma de código abierto ayudar a las empresas a satisfacer las necesidades de vídeo de sus clientes.

Descarga Justinmind junto con sus bibliotecas de UI prediseñadas y descubre si puedes impulsar tu flujo de trabajo de diseño iterativo. Probarlo es gratis.