{"id":125122,"date":"2016-10-04T09:48:00","date_gmt":"2016-10-04T07:48:00","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/content-pillars\/prototyping-the-complete-experience-with-ampersand-and-ampersand-cto-siraj-salim\/"},"modified":"2025-01-30T12:57:01","modified_gmt":"2025-01-30T11:57:01","slug":"prototyping-the-complete-experience-with-ampersand-and-ampersand-cto-siraj-salim","status":"publish","type":"tc_content_pillar","link":"https:\/\/www.justinmind.com\/es\/clientes\/prototipado-la-experiencia-completa-con-ampersand-y-ampersand-cto-siraj-salim","title":{"rendered":"Creaci\u00f3n de prototipos con Ampersand y Siraj Salim, CTO de Ampersand"},"content":{"rendered":"

Realidad virtual en Ampersand y Ampersand: creando experiencias digitales en web, tablet, m\u00f3vil y aplicaciones nativas que parecen tan reales como se sienten.<\/h2>\n

Este mes de septiembre, Justinmind ha charlado con Siraj Salim<\/a>, Director T\u00e9cnico de Ampersand, sobre su experiencia con nuestra herramienta de creaci\u00f3n de prototipos. Con experiencia en gesti\u00f3n de productos en una amplia gama de sectores, Siraj lleva m\u00e1s de 10 a\u00f1os creando prototipos por toda la tienda. Ha utilizado Justinmind en el proceso de dise\u00f1o de diversos sectores, como la sanidad, la educaci\u00f3n, el comercio minorista y electr\u00f3nico, los juegos, los viajes y el turismo, y los eventos. Tuvimos la suerte de conocer su experiencia y c\u00f3mo ha incorporado Justinmind para remodelar el anticuado proceso de documentaci\u00f3n e informaci\u00f3n a los clientes<\/a>. <\/p>\n

\n
\n

\u00a1Descarga Justinmind e intensifica tu capacidad de creaci\u00f3n colaborativa de prototipos!<\/span><\/h2>\n

Descargar gratis<\/a><\/p>\n

\n<\/div>\n

Siraj ha pasado los \u00faltimos 14 a\u00f1os creando experiencias digitales excepcionales en web, tabletas, m\u00f3viles y aplicaciones nativas, y ha desarrollado un conocimiento concreto de la tecnolog\u00eda que abarca desde la estrategia de UX y la concepci\u00f3n del producto hasta el ciclo de vida del desarrollo de software. Tambi\u00e9n es miembro de la Interaction Design Foundation<\/a>. Licenciado en Ingenier\u00eda Inform\u00e1tica, empez\u00f3 como Desarrollador y luego como Director de Producto, por lo que conoce el dolor de un brief inadecuado.<\/p>\n

\u00abMe habr\u00eda encantado tener un prototipo de alta fidelidad hace 10 a\u00f1os. Es estupendo tanto para los clientes como para los desarrolladores, para ayudar a todos a visualizar los requisitos.\u00bb<\/p><\/blockquote>\n

Presentaci\u00f3n de Siraj a Justinmind<\/h2>\n

En Ampersand y Ampersand<\/a>, 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\u00f3 la empresa. La creaci\u00f3n 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\u00f1o y los requisitos est\u00e1n definidos con precisi\u00f3n. Sin embargo, al principio, los procesos de Ampersand inclu\u00edan mucha documentaci\u00f3n, junto con wireframes de baja fidelidad y prototipos basados en HTML. Cuando el equipo empez\u00f3 a buscar herramientas de alta fidelidad hace tres a\u00f1os, descubri\u00f3 que Justinmind era especialmente f\u00e1cil de usar. Y despu\u00e9s de haber introducido Justinmind en el primer proyecto, no han mirado atr\u00e1s. Para Siraj y su equipo, el aspecto m\u00e1s impresionante de la herramienta de creaci\u00f3n de prototipos es lo intuitiva que es la UX y lo f\u00e1cil que resulta interactuar con la UI. <\/p>\n

\u00abMe encanta que te presenten un lienzo en blanco, pero con un conjunto completo de herramientas totalmente a tu disposici\u00f3n\u00bb.<\/p><\/blockquote>\n

Flujo de trabajo de Ampersand y Ampersand con Justinmind<\/h2>\n
    \n
  1. Taller, an\u00e1lisis y sketching en papel con los clientes<\/li>\n
  2. Diagrama de flujo de la pantalla<\/li>\n
  3. Wireframes digitales con Justinmind<\/li>\n
  4. Control de cambios, documentos de especificaciones funcionales y capturas de pantalla para proporcionar documentaci\u00f3n visual a los desarrolladores<\/li>\n
  5. Iteraciones<\/li>\n
  6. Pruebas de usuario<\/li>\n
  7. Dise\u00f1o de UI: Los dise\u00f1adores utilizan Sketch y Adobe para dise\u00f1ar despu\u00e9s de la fase de prototipado<\/li>\n
  8. Desarrollo del producto final<\/li>\n<\/ol>\n

    Prototipado Justinmind en acci\u00f3n en Ampersand y Ampersand<\/h2>\n

    Aplicaci\u00f3n Jiggster con BBH<\/strong><\/p>\n

    Siraj cre\u00f3 Jiggster<\/a>, una aplicaci\u00f3n de mercado de videojuegos para Android, en la \u00e9poca en que estaba a punto de salir a la venta el videojuego Grand Theft Auto V. La aplicaci\u00f3n iba a permitir a los usuarios crear su propia pila de juegos: incluyendo una lista de deseos de juegos, as\u00ed como una lista de los juegos que te gustar\u00eda vender. <\/strong> En ese momento, los controles Javascript para Android no eran tan avanzados como para iOS. Como resultado, al dise\u00f1ar la aplicaci\u00f3n del mercado de videojuegos, Siraj tuvo que improvisar. Utiliz\u00f3 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\u00f3n de tu dise\u00f1o es muy importante para los juegos online y de v\u00eddeo, donde los gr\u00e1ficos son lo que vende. Mira m\u00e1s de Jiggster en este v\u00eddeo de YouTube<\/a>. <\/p>\n

    \"prototipado

    Jiggster, la aplicaci\u00f3n de mercado de videojuegos para Android<\/p><\/div>\n

    Aplicaci\u00f3n SPLYT para taxis<\/h2>\n

    El wireframe del taxi SPLYT se hizo en escala de grises. Con esta aplicaci\u00f3n, Siraj tuvo que hacer caber toda la aplicaci\u00f3n en la misma p\u00e1gina. <\/p>\n

    \"prototipado

    Wireframe de la aplicaci\u00f3n m\u00f3vil de taxi SPLYT<\/p><\/div>\n

    Sitio web m\u00f3vil de TedX Clapham<\/h2>\n

    Nuestro reto consist\u00eda en crear una plataforma que permitiera a los ponentes interactuar con el p\u00fablico de cada debate y recabar sus opiniones en tiempo real\u00bb. Para su proyecto TedX Clapham<\/a>, el equipo de Ampersand y Ampersand decidi\u00f3 que un sitio web adaptable a dispositivos m\u00f3viles ser\u00eda la mejor forma de mostrar la interacci\u00f3n en el evento de un d\u00eda de duraci\u00f3n. Todos los miembros del p\u00fablico pudieron utilizar la aplicaci\u00f3n en los dispositivos m\u00f3viles, independientemente del sistema operativo.<\/p>\n

    \"prototipado

    Prototipo de aplicaci\u00f3n m\u00f3vil responsive para TedX Clapham<\/p><\/div>\n

    Dise\u00f1amos las p\u00e1ginas interactivas en consonancia con la famosa marca TedX y para garantizar un tiempo de carga r\u00e1pido y una interfaz fluida y f\u00e1cil de usar<\/p><\/blockquote>\n

    \u00bb
    \nA medida que cada ponente realizaba su presentaci\u00f3n, el p\u00fablico recib\u00eda perfiles y actualizaciones en directo a trav\u00e9s de su aplicaci\u00f3n TedX. A continuaci\u00f3n, se les ped\u00eda que rellenaran una secci\u00f3n de preguntas y respuestas de opci\u00f3n m\u00faltiple de la interfaz para que los organizadores supieran lo que el p\u00fablico hab\u00eda aprendido de cada experiencia. Estas respuestas se recogieron al final de cada charla y se expusieron en el acto para fomentar una mayor interacci\u00f3n entre el p\u00fablico y los ponentes. <\/p>\n

    Aplicaci\u00f3n sanitaria<\/h2>\n

    Se trataba de un prototipo que Siraj dise\u00f1\u00f3 para un proveedor de servicios sanitarios, un proyecto independiente de Ampersand y Ampersand. Al dise\u00f1arlo con Justinmind, Siraj tuvo cuidado de no abrumar al usuario con demasiadas funciones. Funcionalidad de inicio de sesi\u00f3n \u00fanico para una aplicaci\u00f3n sanitaria. El prototipo incluye un carrusel interactivo<\/a>, efectos de transici\u00f3n, barras de desplazamiento, v\u00eddeo incrustado y una barra de b\u00fasqueda filtrable y sensible a los caracteres. Siraj utiliz\u00f3 el an\u00e1lisis de la ruta roja para la usabilidad y para identificar la funcionalidad. <\/p>\n

    \"prototipado

    Prototipo de aplicaci\u00f3n m\u00f3vil sanitaria de alta fidelidad<\/p><\/div>\n

    Beneficios para Siraj y su equipo<\/h2>\n

    Paquete completo<\/h3>\n

    Las capacidades de dise\u00f1o de Justinmind permiten a Siraj crear un producto final pulido que parece y act\u00faa como el de verdad. Aconseja que la interfaz ofrece la mejor experiencia de usuario que una herramienta puede ofrecer para crear experiencias asombrosas. \u00abSu interfaz de usuario es realmente potente y m\u00e1gica, de forma que no te estorba cuando necesitas un lienzo en blanco y est\u00e1 ah\u00ed cuando necesitas el s\u00f3lido conjunto de herramientas que ofrece\u00bb.<\/em><\/p>\n