Creación de prototipos con Ampersand y Siraj Salim, CTO de Ampersand

Realidad virtual en Ampersand y Ampersand: creando experiencias digitales en web, tablet, móvil y aplicaciones nativas que parecen tan reales como se sienten.

Este mes de septiembre, Justinmind ha charlado con Siraj Salim, Director Técnico de Ampersand, sobre su experiencia con nuestra herramienta de creación de prototipos. Con experiencia en gestión de productos en una amplia gama de sectores, Siraj lleva más de 10 años creando prototipos por toda la tienda. Ha utilizado Justinmind en el proceso de diseño de diversos sectores, como la sanidad, la educación, el comercio minorista y electrónico, los juegos, los viajes y el turismo, y los eventos. Tuvimos la suerte de conocer su experiencia y cómo ha incorporado Justinmind para remodelar el anticuado proceso de documentación e información a los clientes.

Siraj ha pasado los últimos 14 años creando experiencias digitales excepcionales en web, tabletas, móviles y aplicaciones nativas, y ha desarrollado un conocimiento concreto de la tecnología que abarca desde la estrategia de UX y la concepción del producto hasta el ciclo de vida del desarrollo de software. También es miembro de la Interaction Design Foundation. Licenciado en Ingeniería Informática, empezó como Desarrollador y luego como Director de Producto, por lo que conoce el dolor de un brief inadecuado.

«Me habría encantado tener un prototipo de alta fidelidad hace 10 años. Es estupendo tanto para los clientes como para los desarrolladores, para ayudar a todos a visualizar los requisitos.»

Presentación de Siraj a Justinmind

En Ampersand y Ampersand, Siraj ha trabajado con varios clientes de alto perfil, como Sony, BBH y HTC, para ofrecer experiencias galardonadas. Siraj fue uno de los 4 socios cuando se fundó la empresa. La creación de prototipos y el wireframing han sido la vanguardia del proceso desde el principio. Siraj explica que el desarrollo nunca tiene lugar hasta que el diseño y los requisitos están definidos con precisión. Sin embargo, al principio, los procesos de Ampersand incluían mucha documentación, junto con wireframes de baja fidelidad y prototipos basados en HTML. Cuando el equipo empezó a buscar herramientas de alta fidelidad hace tres años, descubrió que Justinmind era especialmente fácil de usar. Y después de haber introducido Justinmind en el primer proyecto, no han mirado atrás. Para Siraj y su equipo, el aspecto más impresionante de la herramienta de creación de prototipos es lo intuitiva que es la UX y lo fácil que resulta interactuar con la UI.

«Me encanta que te presenten un lienzo en blanco, pero con un conjunto completo de herramientas totalmente a tu disposición».

Flujo de trabajo de Ampersand y Ampersand con Justinmind

1. Taller, análisis y sketching en papel con los clientes
2. Diagrama de flujo de la pantalla
3. Wireframes digitales con Justinmind
4. Control de cambios, documentos de especificaciones funcionales y capturas de pantalla para proporcionar documentación visual a los desarrolladores
5. Iteraciones
6. Pruebas de usuario
7. Diseño de UI: Los diseñadores utilizan Sketch y Adobe para diseñar después de la fase de prototipado
8. Desarrollo del producto final

Prototipado Justinmind en acción en Ampersand y Ampersand

Aplicación Jiggster con BBH

Siraj creó Jiggster, una aplicación de mercado de videojuegos para Android, en la época en que estaba a punto de salir a la venta el videojuego Grand Theft Auto V. La aplicación iba a permitir a los usuarios crear su propia pila de juegos: incluyendo una lista de deseos de juegos, así como una lista de los juegos que te gustaría vender. En ese momento, los controles Javascript para Android no eran tan avanzados como para iOS. Como resultado, al diseñar la aplicación del mercado de videojuegos, Siraj tuvo que improvisar. Utilizó la API de Justinmind para simular funciones, como botones interactivos, del sistema operativo Android, y pudo ofrecer un prototipo de alta fidelidad. Poder demostrar la precisión de tu diseño es muy importante para los juegos online y de vídeo, donde los gráficos son lo que vende. Mira más de Jiggster en este vídeo de YouTube.

Aplicación SPLYT para taxis

El wireframe del taxi SPLYT se hizo en escala de grises. Con esta aplicación, Siraj tuvo que hacer caber toda la aplicación en la misma página.

Sitio web móvil de TedX Clapham

Nuestro reto consistía en crear una plataforma que permitiera a los ponentes interactuar con el público de cada debate y recabar sus opiniones en tiempo real». Para su proyecto TedX Clapham, el equipo de Ampersand y Ampersand decidió que un sitio web adaptable a dispositivos móviles sería la mejor forma de mostrar la interacción en el evento de un día de duración. Todos los miembros del público pudieron utilizar la aplicación en los dispositivos móviles, independientemente del sistema operativo.

Diseñamos las páginas interactivas en consonancia con la famosa marca TedX y para garantizar un tiempo de carga rápido y una interfaz fluida y fácil de usar

»
A medida que cada ponente realizaba su presentación, el público recibía perfiles y actualizaciones en directo a través de su aplicación TedX. A continuación, se les pedía que rellenaran una sección de preguntas y respuestas de opción múltiple de la interfaz para que los organizadores supieran lo que el público había aprendido de cada experiencia. Estas respuestas se recogieron al final de cada charla y se expusieron en el acto para fomentar una mayor interacción entre el público y los ponentes.

Aplicación sanitaria

Se trataba de un prototipo que Siraj diseñó para un proveedor de servicios sanitarios, un proyecto independiente de Ampersand y Ampersand. Al diseñarlo con Justinmind, Siraj tuvo cuidado de no abrumar al usuario con demasiadas funciones. Funcionalidad de inicio de sesión único para una aplicación sanitaria. El prototipo incluye un carrusel interactivo, efectos de transición, barras de desplazamiento, vídeo incrustado y una barra de búsqueda filtrable y sensible a los caracteres. Siraj utilizó el análisis de la ruta roja para la usabilidad y para identificar la funcionalidad.

Beneficios para Siraj y su equipo

Paquete completo

Las capacidades de diseño de Justinmind permiten a Siraj crear un producto final pulido que parece y actúa como el de verdad. Aconseja que la interfaz ofrece la mejor experiencia de usuario que una herramienta puede ofrecer para crear experiencias asombrosas. «Su interfaz de usuario es realmente potente y mágica, de forma que no te estorba cuando necesitas un lienzo en blanco y está ahí cuando necesitas el sólido conjunto de herramientas que ofrece».

• Los elementos de UI para iOS y Android te permiten mantener la coherencia con los estándares del sector de los sistemas operativos.
• La creación de prototipos de alta fidelidad significa que puedes mostrar al equipo exactamente cómo quieres que se haga el producto final. Esto es especialmente importante para ayudar en el cambio diseño-desarrollo. El sistema de eventos ayuda a que nuestros diseños sean interactivos. Cuando Siraj necesitó mostrar pantallas enlazadas a un diseñador, pudo demostrar las transiciones a lo largo del prototipo en la pantalla Simulación.
• Con el Constructor de Expresiones, Siraj pudo crear complejos prototipos interactivos y utilizar datos reales mediante el prototipado basado en datos para hacerlos aún más auténticos. ¿Sabías que puedes probar tus prototipos con datos reales en dispositivos reales?
• Con las plantillas, el equipo pudo reutilizar el contenido a través de las pantallas para garantizar que todo el contenido fuera coherente. Con el uso de patrones, pudieron iterar sus prototipos y difundir los cambios globales de forma rápida y eficaz por todo el marco de diseño.

Control de calidad

Justinmind ha permitido al equipo de Siraj experimentar con ideas rápidamente y ofrecer soluciones eficaces a los clientes a tiempo. Las iteraciones de pantalla son rápidas y fáciles de conseguir, lo que permite a Siraj y obtener comentarios de los usuarios de forma eficaz. Las iteraciones con historial de versiones y registros históricos ayudaron a Siraj a mantener la calidad y el control de cambios durante todo el proceso de diseño. Para algunos de estos clientes, el análisis de riesgos es extremadamente valioso.

Integración con herramientas de terceros y pruebas de usuario

Además, según Siraj, las pruebas con usuarios son uno de los puntos fuertes de Justinmind. Probó algunos prototipos con profesionales sanitarios y quedó sorprendido por sus comentarios, que están ayudando mucho al equipo a dar forma al producto.

• Pruebas de usuario con Validately e iteraciones. Gracias a la asociación entre Justinmind y Validately, puedes hacerlo directamente desde tu cuenta de servicios en línea, simplemente haciendo clic en el botón ‘Crear nueva prueba de usuario’.
• Con la API de Justinmind, el equipo pudo integrarse con los procesos y herramientas internos de sus clientes.

Integrar Justinmind en los procesos de los clientes

Justinmind tiende un puente entre el cliente y todo el equipo de ejecución, lo que incluye el diseño, el análisis empresarial, el control de calidad, el producto y el desarrollo. Con nuestras funciones de trabajo en equipo, los equipos pueden trabajar en prototipos simultáneamente, compartiendo ideas y traduciéndolas en soluciones significativas. El equipo del front end tiene una gran ventaja para ver las transiciones y crear recursos en consecuencia. El equipo de backend sabe cómo realizar transiciones entre pantallas en el caso de los móviles y cómo mostrar resultados al realizar búsquedas. Y lo que es más, con nuestras funciones para compartir, Siraj pudo enviar enlaces públicos y privados para que los clientes revisaran y comentaran los prototipos. Muchos de los clientes de Siraj son empresas emergentes que buscan inversión. Poder presentar modelos visuales de sus diseños ayuda a estos clientes a conseguir inversiones.

«Consiguen ver cómo va a funcionar el producto incluso antes de invertir un solo céntimo en el desarrollo. La funcionalidad de revisión de Justinmind ayuda mucho en este sentido: me permite ofrecer una experiencia de 360 grados de nuestros diseños a nuestros clientes. Desde el inicio hasta la entrega«. Siraj

Realización de la idea inicial con Justinmind

Siraj reconoce que no siempre es ideal utilizar papel cuando intentas darte cuenta del verdadero potencial de mercado de tu producto o idea. Sí, el papel puede ser una parte importante del proceso de diseño, pero muchas veces tus clientes y tu equipo van a necesitar más para visualizar el resultado final. Ya se trate de un producto totalmente funcional o de una pantalla que requiere una descripción rápida de cómo debe ser, explorar la interacción y la funcionalidad en la fase de prototipado puede marcar realmente la diferencia a la hora de presentar una idea. Siraj sobre la creación de prototipos de alta fidelidad: »

Gracias al nivel de detalle que podemos introducir en el prototipo, puedo elaborar una documentación muy visual para el equipo, destacando las áreas y la lógica empresarial que hay detrás. Reduce la documentación que tendría que hacer de otro modo. .»

 

¿Qué le espera a Siraj? Está deseando empezar a utilizar la simulación de escenarios para poder ofrecer una visita aún más completa de sus productos a sus clientes y partes interesadas. Para Siraj, la experiencia final es clave. Entiende que un diseño y una implementación sencillos, significativos y fáciles de usar son esenciales para una gran experiencia de usuario, y por eso siempre crea sus prototipos con Justinmind: la experiencia completa.

«Justinmind no sólo te permite crear grandes experiencias de usuario, sino que en realidad ha sido diseñado pensando en sus usuarios». Siraj

¡Gracias a Siraj por compartir su experiencia de creación de prototipos con nosotros! Como siempre, ¡nos encantaría conocer tu historia Justinmind! ¡Ponte en contacto ahora!