{"id":125109,"date":"2016-02-05T17:10:30","date_gmt":"2016-02-05T16:10:30","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/content-pillars\/prototype-meet-skateboard-a-boosted-boards-case-study\/"},"modified":"2025-02-03T20:53:58","modified_gmt":"2025-02-03T19:53:58","slug":"prototype-meet-skateboard-a-boosted-boards-case-study","status":"publish","type":"tc_content_pillar","link":"https:\/\/www.justinmind.com\/es\/clientes\/boosted","title":{"rendered":"El prototipo se encuentra con el monopat\u00edn: un estudio de caso de Boosted Boards"},"content":{"rendered":"

La creaci\u00f3n de prototipos interactivos con Justinmind impulsa el proceso de dise\u00f1o UX en la empresa de monopatines el\u00e9ctricos Boosted Boards.<\/h2>\n

Hace poco nos reunimos con el impresionante Emilio Gonz\u00e1lez<\/a>, dise\u00f1ador UX s\u00e9nior de Boosted Board<\/a>, que ha estado utilizando Justinmind para dise\u00f1ar la aplicaci\u00f3n m\u00f3vil iOS de la empresa. Boosted Boards dise\u00f1a monopatines el\u00e9ctricos en Mountain View, en el \u00e1rea de la Bah\u00eda de San Francisco, al norte de California. Emilio trabaj\u00f3 en la app de Boosted para iOS, centr\u00e1ndose en la conexi\u00f3n de sus monopatines el\u00e9ctricos con otros dispositivos. La app forma parte de la campa\u00f1a de marketing de la empresa dise\u00f1ada para fomentar el uso del monopat\u00edn como forma de vida para una amplia gama de perfiles de usuario. Justinmind fue la herramienta de creaci\u00f3n de prototipos clave de Emilio durante el proceso de dise\u00f1o de la aplicaci\u00f3n. Veamos c\u00f3mo le ha ido con Justinmind: <\/p>\n

El flujo de trabajo UX en Boosted Boards<\/h2>\n

Cuando Emilio empez\u00f3 a trabajar en Boosted Boards, su proceso de dise\u00f1o empezaba por sketchear las caracter\u00edsticas del tablero en papel, luego las constru\u00eda con Photoshop o Illustrator, a\u00f1ad\u00eda animaciones con Adobe Edge y las presentaba al equipo en un Google Doc. Emilio descubri\u00f3 que algunos de los programas que utilizaba no estaban dise\u00f1ados para la interacci\u00f3n multipantalla, y le costaba encadenar pantallas. Fue entonces cuando encontr\u00f3 Justinmind. \u00abMe encanta poder saltar directamente a Justinmind desde el papel\u00bb, dice Emilio. Contin\u00faa explicando que valora mucho la facilidad de uso en su trabajo, y que poder arrastrar y soltar y wireframearlo todo junto con unos pocos clics es ideal. Prototipado realmente r\u00e1pido y sencillo: Emilio considera que las herramientas de UI integradas en Justinmind son realmente pr\u00e1cticas, tanto para crear dise\u00f1os sencillos como dise\u00f1os m\u00e1s complejos. Justinmind ofrece un flujo de trabajo sin fisuras. Muchas aplicaciones se ven a s\u00ed mismas como herramientas potentes, pero al fin y al cabo, el dise\u00f1ador tiene que dedicar la mayor parte del tiempo a conocer la herramienta y adaptar su proceso al de la herramienta. Con Justinmind, Emilio es capaz de hacer cosas sin m\u00e1s, simplemente utilizando widgets internos, sin necesidad de utilizar sus propias im\u00e1genes. <\/p>\n

\u00abEs f\u00e1cil introducir cosas en la herramienta Justinmind, as\u00ed como sacarlas de ella\u00bb.<\/p><\/blockquote>\n

\"Monopat\u00edn-Boosted-Boards-skate\"<\/a><\/p>\n

Patina y crea con la creaci\u00f3n de prototipos Justinmind<\/h2>\n

Emilio nos cuenta que lo que m\u00e1s le gusta de Justinmind es que es una herramienta de escritorio que realmente funciona. \u00abSe adapta a mi entorno creativo habitual\u00bb, dice, \u00aby \u00e9se es sin duda uno de los factores m\u00e1s importantes para m\u00ed a la hora de elegir una herramienta de dise\u00f1o\u00bb. Mucha gente pone las cosas en Internet porque as\u00ed es m\u00e1s f\u00e1cil desarrollarlas, pero no siempre es bueno para los usuarios. Para Emilio, una de las mejores cosas que ha aprendido una y otra vez es a ver tu dise\u00f1o en la pantalla, en contexto. Justinmind fue construido por dise\u00f1adores para dise\u00f1adores. Y te ofrece la posibilidad de simular tus prototipos en el navegador web en cualquier fase del proceso. <\/p>\n

\u00abCerrar la brecha entre mis wireframes m\u00e1s sencillos y los prototipos interactivos. Eleg\u00ed Justinmind porque consigue un equilibrio y da en el clavo con lo que necesito de la creaci\u00f3n de prototipos<\/p><\/blockquote>\n

\u00bb
\nPara Emilio, el sistema de eventos y las animaciones<\/a> son una forma estupenda de aumentar sus prototipos. Tiende un puente entre el software de prototipado f\u00e1cil de usar y el m\u00e1s complejo. Pudo incluir interacciones<\/a> en forma de l\u00ednea de tiempo y le parecieron realmente sencillas en t\u00e9rminos de usabilidad: \u00abson f\u00e1ciles de seguir y, por tanto, es f\u00e1cil montar las cosas\u00bb. Justinmind tambi\u00e9n te permite tomar prototipos existentes y personalizarlos y a\u00f1adirles elementos, creando pantallas adicionales<\/a>, y para Emilio esto fue realmente una ventaja, ya que hab\u00eda tenido problemas con este aspecto en herramientas anteriores. La estructura de las pantallas<\/strong> en la plataforma Justinmind significa que puedes hacer mucho en t\u00e9rminos de prototipado de alta fidelidad sin tener que volver a trabajar, y luego pasar a otras pantallas f\u00e1cilmente. Adem\u00e1s, se\u00f1ala, los pergaminos son incre\u00edbles: \u00abpuedes a\u00f1adir un desplazamiento a toda la p\u00e1gina y tambi\u00e9n est\u00e1 el elemento de paralaje que te permite cambiar la velocidad de desplazamiento<\/a>, \u00a1que me encanta!\u00bb. Adem\u00e1s, los Maestros de datos de<\/a> Justinmind ayudan a Emilio a construir listas y filas de informaci\u00f3n y datos, y los ejemplos y tutoriales de Justinmind le ayudaron a familiarizarse con las funciones. <\/p>\n

\"Tableros<\/a><\/p>\n

\n
\n

Descarga Justinmind hoy mismo para que tu proceso de dise\u00f1o de UX sea infalible.<\/span><\/h2>\n

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

\n<\/div>\n

Funciones de creaci\u00f3n de prototipos de trabajo en equipo y feedback de Justinmind<\/h2>\n

\u00ab<\/p>\n

Las funciones de creaci\u00f3n de prototipos son incre\u00edbles, y la herramienta de comentarios es la guinda del pastel<\/p><\/blockquote>\n

\u00ab.
\nBoosted Boards ha estado utilizando Justinmind para realizar pruebas Beta y solicitar opiniones<\/a>. Emilio explica que su equipo pudo utilizar las herramientas f\u00e1cilmente, desde el principio: \u00ablo gracioso es que nunca tuve que hablar a la gente de la funci\u00f3n de feedback, la encontraron y simplemente empezaron a utilizarla\u00bb. Todo el mundo est\u00e1 siempre ocupado. Cuando enviamos un correo electr\u00f3nico a nuestro equipo para que nos d\u00e9 su opini\u00f3n sobre un dise\u00f1o, no siempre responden porque est\u00e1n muy ocupados. Pero con Justinmind, pueden dejar sus comentarios directamente en el prototipo: es muy sencillo. Para obtener comentarios, Emilio muestra a su equipo el prototipo en un dispositivo m\u00f3vil y luego utiliza las opciones de compartir<\/a> para enviarlo por correo electr\u00f3nico al director general y al personal de marketing y a las partes interesadas. \u00ab\u00a1Esta forma es mucho m\u00e1s f\u00e1cil que tener que ejecutar un servidor web!\u00bb Con las funciones de comentarios de Justinmind, la gente puede hacer clic en las cosas, leerlas y hacer realmente sus comentarios. Puede ahorrar mucho tiempo<\/strong> porque los compa\u00f1eros pueden dar su opini\u00f3n c\u00f3modamente, en su tiempo libre. No van a ponerlo al final de la pila de tareas pendientes, junto con todos los correos electr\u00f3nicos que tienen que escribir. \u00ab\u00a1Me gusta mucho el sistema de comentarios<\/a>!\u00bb revela Emilio. \u00abA veces tenemos reuniones y revisamos un prototipo juntos, y luego hay veces que la gente est\u00e1 fuera del pa\u00eds, as\u00ed que poder mirar, comentar y hacer sus cambios en el mismo prototipo a distancia<\/strong>, es genial. Y con el tiempo tendremos que enviar la aplicaci\u00f3n a probadores externos y buscar la opini\u00f3n de patinadores de todo el mundo con el enlace p\u00fablico y las opciones de revisi\u00f3n:<\/a>es muy f\u00e1cil ser transparentes y visibles con nuestros prototipos cuando son f\u00e1ciles de compartir y de usar. Realmente influye en la calidad de los comentarios\u00bb. <\/p>\n

Un nuevo pat\u00edn mental: mejorar el flujo de trabajo de UX<\/h2>\n

Justinmind te ayuda a construir prototipos sin compromiso. Para los clientes<\/a>, significa que no tienen que pensar qu\u00e9 herramienta quieren utilizar: simplemente pueden sentarse ante Justinmind y construir como quieran en ese momento concreto. Es lo suficientemente potente como para que puedan hacer dise\u00f1os complejos con variables y pasar cosas de un lado a otro, o hacer un wireframe r\u00e1pido y luego exportarlo como imagen<\/a>. Para Emilio, no tiene que pensar mucho en lo que quiere obtener del prototipo acabado en funci\u00f3n de si la herramienta que est\u00e1 utilizando puede o no funcionar con \u00e9l. Con Justinmind, puede confiar en que podr\u00e1 conseguir lo que quiera con Justinmind. <\/p>\n

\u00abJustinmind no te castiga por querer hacer las cosas de forma sencilla, pero sigue siendo muy potente. Es tan simple o complejo como t\u00fa lo hagas\u00bb. <\/p><\/blockquote>\n

\"Skateboard-Boosted-Boards-app\"<\/a><\/p>\n

Sigue rodando: la pr\u00f3xima etapa con la creaci\u00f3n de prototipos Justinmind<\/h2>\n

\u00bfQu\u00e9 es lo pr\u00f3ximo para Emilio y Justinmind? Bueno, va a probar nuestra integraci\u00f3n con Illustrator<\/a>. Su trabajo requiere el uso de Adobe, as\u00ed que poder copiar y pegar, y arrastrar y soltar im\u00e1genes y puntos calientes desde Illustrator y luego retocarlos en el editor, as\u00ed como rellenar kits de interfaz de usuario personalizados, como los widgets de interfaz de usuario de iOS, \u00a1le facilitar\u00e1 mucho el trabajo! Ah, \u00a1y la simulaci\u00f3n de m\u00faltiples dispositivos<\/a>! \u00abParece que eso va a ser genial con Justinmind\u00bb, nos dice Emilio, \u00aby quiero llegar a ese punto\u00bb. Y nosotros decimos \u00a1a por ello! Y cu\u00e9ntanos c\u00f3mo te va con esas funciones \ud83d\ude42 Para los que quer\u00e1is saber m\u00e1s sobre la aplicaci\u00f3n m\u00f3vil iOS de Booster Board, pod\u00e9is encontrar m\u00e1s informaci\u00f3n aqu\u00ed<\/a>. Las funciones incluyen: <\/p>\n