hotgloo, excelente herramienta para crear prototipos

Escribimos sobre hotgloo por primera vez hace más de seis años, en 2009, y hemos incluido la aplicación en algunas listas después de aquel momento, pero vemos que ya hace 5 años que no comentamos nada sobre ella, problema que debe ser rápidamente solucionado.

Estamos hablando de una de las herramientas más usadas en todo el mundo a la hora de hacer prototipos de aplicaciones y sitios web, plataforma que ofrece una enorme cantidad de recursos para que, arrastrando y soltando módulos, consigamos personalizar la interfaz de cualquier solución que tengamos en mente, ayudando así­ a definir el documento de requisitos con el cliente antes de comenzar a trabajar con el proyecto.

hotgloo
Continúa leyendo «hotgloo, excelente herramienta para crear prototipos»

atomic, una aplicación para crear prototipos de aplicaciones web y móviles

captura-45

Cada vez es más común, cuando encargamos una web o aplicación móvil, recibir un prototipo interactivo para que sepamos exactamente lo que será entregado, una forma de garantizar que todo el mundo ha entendido las necesidades y que no se gastará mucho tiempo con «no era eso», «no me gusta así­» o «enví­ame otra prueba».

Programar y diseñar es un trabajo extremamente complejo, y muchos clientes no saben el esfuerzo que hay detrás de un «no me acaba de gustar» después de que la plataforma contratada ha sido completada.

Es cierto que hay muchas formas de cortar ese flujo improductivo de información, pero nada como aprobar un prototipo interactivo antes de comenzar a pelearse con el código.

Lo que os presentamos hoy es atomic.io, plataforma web, de momento gratuita, que permite diseñar aplicaciones e incluir botones de acción para que cualquier persona pueda navegar entre las pantallas presentadas, como si fuera la app final.
Continúa leyendo «atomic, una aplicación para crear prototipos de aplicaciones web y móviles»

Facebook lanza Origami Live, para interactuar con prototipos

Origami

Como ya os explicamos en su momento, Origami es el nombre que recibe la herramienta gratuita de Facebook especializada en la creación de interfaces de usuario dinámicas, que además ha sido usada para diseñar muchos de sus productos, encontrándose entre ellos Instagram, Messenger, Paper, Slingshot, Hyperlapse y Rooms.

Lanzada hace más de un año, hasta este momento, una de las cosas que más han echado en falta los propios usuarios es la posibilidad de ejecutar los prototipos desarrollados en los dispositivos iOS, aunque desde hoy esta posibilidad se convierte en realidad gracias al lanzamiento de Origami Live para iOS, como acaba de anunciar Facebook en un comunicado, en el que se avisa también de la actualización de Origami para OS X, cuya versión 2.0 es compatible con la función de exportación de código, soporte para gestos, integración con Sketch y la inclusión del modo presentación.

Con ello, los usuarios tan sólo tienen que instalar Origami Live en sus dispositivos iOS desde la App Store, conectar los mismos a sus equipos Mac e inmediatamente podrán interactuar con aquellos prototipos que deseen, pudiendo usar múltiples toques en pantalla, los sensores de los propios dispositivos, etc. Los usuarios podrán sentir los prototipos desarrollados casi como productos finales.

Para aquellos que quieran comenzar a usar Origami como aquellos que deseen avanzar, Facebook también ha puesto a disposición de ellos una serie de ví­deo tutoriales paso a paso que les guiarán en el desarrollo de prototipos de Origami, desde lo más simple a lo más sofisticado. Igualmente, les ponen a su disposición una sección de documentación así­ como una página de ejemplos con docena de archivos disponibles para sus descargas.

Nueva versión de Justinmind, para hacer prototipos de aplicaciones web y móviles

Desde que os hablamos de Justinmind en 2011, ha llovido mucho dentro de esta plataforma que ayuda a profesionales de diseño a crear prototipos para sus clientes.

Disponible para windows y mac, con versión gratuita y versión pro bajo suscripción, Justinmind permite crear bocetos de aplicaciones simulando acciones (desde botones a formularios), con una gran cantidad de elementos que podemos arrastrar y soltar para crear un resultado lo más parecido al producto final posible.

En las últimas semanas han actualizado su versión ofreciendo una librerí­a para los que necesiten crear proyectos usando el nuevo diseño de Google, disponible en la sección de gestión de widgets que se renovó en el lanzamiento de la versión 6.0 en el mes de julio.

En la nueva versión, lanzada hace solo unos dí­as, han mejorado también la sección de widgets para android, así­ como corregidos algunos problemas en la exportación HTML.

Podéis instalar Justinmind (justinmind.com) de forma gratuita y disfrutar de la versión pro durante 30 dí­as sin pagar nada. Si acabado el periodo no queréis seguir con dicha versión, aún podréis seguir trabajando de forma permanente con la gratis, pensada para proyectos pequeños, freelancers y pequeñas startups.

Form, para crear prototipos de apps, es adquirida por Google y pasa de costar US$ 80 a ser gratuita

form crear prototipos

El equipo de ResponsiveWave, la compañí­a tras Form, una elegante herramienta para Mac OS X con la que es posible trabajar en el diseño y creación de prototipos de aplicaciones móviles para iOS sin programar toda una app sino simplemente arrastrando elementos y modificando diferentes parámetros generales, ha unido fuerzas con Google para continuar el desarrollo de su producto.

Form es un editor visual de gran utilidad para diseñadores y programadores por la cantidad de herramientas de que dispone para la generación de prototipos. La idea de su funcionamiento es instalar la app en OS X a través de la Mac App Store y valerse de un visor en tiempo real que se puede instalar en cualquier dispositivo, iPad y iPhone con iOS 7 o superior, también de forma oficial desde la App Store. Y eso es todo, las adiciones y modificaciones ejecutadas dentro del software de escritorio se verán reflejadas instantáneamente en la pantalla del equipo móvil.

Prototivos nativos con acceso a diferentes sensores del dispositivo (incluyendo la cámara), pruebas simultáneas en múltiples dispositivos, animaciones ilimitadas dentro de las vistas, acciones de organización rápida y un completo espacio de aprendizaje en su sitio web hacen parte de sus más llamativas caracterí­sticas y que, para algunos, podrí­an hacerle lucir diferente a opciones como Proto.io -y ahora que es gratis, quizá tampoco sea tan descabellado darle un vistazo-.

No se aclara si ha sido una venta o algún asocio relacionado con inversiones, de ser el primer caso no sorprenderí­a verla integrada en las herramientas para desarrolladores de Android, pero lo cierto y llamativo es que, costando Form 80 dólares y en un momento hasta 150 dólares, pasa de la noche a la mañana a ser gratis para todo el mundo. Por cierto, quienes ya compraron la aplicación y quieren un reembolso, comenta la gente de RelativeWave que basta con enviar a support@relativewave.com para que sea realizada la respectiva devolución.

Más información: Sitio web de Form

Proto io, para diseñar prototipos en móviles, estrena nueva versión

protoio

Proto.io es un entorno para crear prototipos, en este caso para dispositivos móviles, que nos permite diseñar y presentar un borrador de nuestra futura aplicación pudiendo utilizar multitud de herramientas y pudiendo añadir diversos detalles en el proceso. Hablamos de él hace unos años, pero ahora en el mismo blog oficial nos hablan de las nuevas novedades implementadas así­ como del nuevo diseño del servicio.

Este nuevo diseño nos ayudará a encontrar las caracterí­sticas que queramos utilizar de forma más rápida, y quedará organizado en cuatro secciones principales: responsividad, creación de proyectos, iconos y buscador. La primera nos ayudará a realizar los prototipos para dispositivos móviles optimizando nuestra página principal y cambiando la interfaz según convenga. Con la creación de proyectos podremos empezar a trabajar en un diseño de forma simple e intuitiva utilizando plantillas y modelos en dicho proceso. Los iconos y pictogramas nos ayudarán a hacer que nuestra web sea clara en su funcionalidad, y el nuevo buscador de elementos nos permitirá filtrar información según proyectos, usuarios y dispositivos.

Así­ que ya sabéis, aquí­ tenéis una nueva herramienta a tener en cuenta si os dedicáis al mundo del diseño web o de aplicaciones. Podéis registraros en el servicio siguiendo este enlace.

Marvel, convirtiendo los wireframes de tu app iOS en prototipos funcionales

marvel

Desarrolladores de aplicaciones para iOS, aquí­ una nueva herramienta que os será de mucha utilidad para crear prototipos funcionales de vuestras aplicaciones a partir de vuestro diseño de wireframes, ideal para hacer un repaso de dicho diseño o presentar una idea de la herramienta en cuestión.

Marvel es una aplicación para iOS que convierte nuestros borradores en prototipos con objetos insertados, objetos que podrán enlazarse a otras páginas-borradores que hayamos diseñado, de forma que el resultado sea lo más parecido posible a la aplicación que tenemos en mente. También podremos insertar imágenes desde la galerí­a fotográfica para presentar un diseño personalizado al máximo. Una vez hayamos enlazado y completado todas las páginas de nuestra aplicación, dispondremos de un prototipo final que será aprobado después de una previsualización, pudiendo crear dichos proyectos en iPhone 4, iPhone 5 y iPad.

Para utilizar la aplicación hará falta crear una cuenta en la misma app aunque también se nos da la opción de registrarnos con Dropbox – esta última opción nos permitirá sincronizar nuestras imágenes en nuestra cuenta en la nube. Tras realizar el registro, tendremos que indicar para qué dispositivo estamos creando el prototipo de forma que se cree el proyecto optimizado para éste.

Podéis descargaros Marvel de este enlace a iTunes, la aplicación es gratuita.

InVision, para crear prototipos interactivos de nuestros diseños

Os la presentamos en 2011 y sufre ahora una completa reforma: Invision (invisionapp.com), una buena forma de presentar nuestros diseños a los clientes.

La idea es que pódamos subir imágenes de nuestros diseños (páginas web, por ejemplo) y crear acciones para que el cliente pueda pulsar en áreas e interactuar con las diferentes secciones del diseño. Podemos incluso hacer presentaciones en tiempo real, ayudando así­ a que, de forma remota, el cliente entienda el funcionamiento de lo que hemos desarrollado.

invision

Los usuarios pueden comentar sobre el diagrama presentado, ayudando a obtener el feedback necesario para poder seguir trabajando, siendo posible incluir colaboradores diferentes en cada proyecto para tener bajo control quién puede ver y comentar cada trabajo.

En enero lanzaron nuevas opciones para quien trabaja con aplicaciones android, ofreciendo siempre, de forma gratuita, la posibilidad de trabajar con un proyecto.

Para los que necesitan más, hay opciones que, por 15 dólares al mes, ofrecen 3 proyectos y 5 colaboradores en los mismos, eliminando el lí­mite de número de proyectos por 25 dólares mensuales.

Nueva versión de Proto.io, la aplicación para crear prototipos de aplicaciones móviles

proto.io

Hablamos de Proto.io en 2011, cuando la aplicación aún estaba cerrada para el público en general. El tiempo ha pasado y ahora lanzan una versión bastante útil para los que trabajan en prototipos de aplicaciones.

Tienen la interfaz de usuario totalmente renovada, con las propiedades agrupadas para todos los componentes incluidos en el prototipo y posibilidad de seleccionar y editar las propiedades dinámicas individuales. Han mejorado considerablemente la sección de colores, siendo posible defiinr paletas de colores personalizadas para cada proyecto, así­ como los atajos de teclado, ideales para quien no quiere depender del mouse para crear.

La parte de interacción también es nueva, permitiendo que los clientes naveguen mejor por el diseño que les presentamos, algo fundamental para que puedan entender el concepto que queremos transmitir con el prototipo. Hay también un nuevo motor de animación, cinco veces más rápido que el anterior.

Con una impresionante cartera de clientes, y una versión gratuita limitada a un proyecto, Proto.io parece estar destacando bastante en su categorí­a.

Si alguno de vosotros ya es usuarios del sistema, comentad, que seguramente recibirán desde aquí­ el tan deseado feedback.

concept.ly – Una solución ideal para presentar diseños web a nuestros clientes

conceptly

Hemos comentado ya muchas aplicaciones creadas para el desarrollo y presentación de bocetos y prototipos. Basta buscar por mockups en cualquier buscador para entender las necesidades que los diseñadores tienen a la hora de obtener feedback de su trabajo, registrando las opiniones de los clientes y manteniendo el histórico de todos los comentarios realizados durante el contrato.

Nos presentan ahora concept.ly, un nuevo proyecto que se abre en fase beta y que promete ser gratuito para todos los que ayuden a probarlo en dicha etapa. Con él podemos subir nuestros diseños, presentarlos de forma organizada y crear puntos de control en cada región de las imágenes subidas, donde los clientes pueden opinar y los diseñadores pueden obtener el feedback deseado.

Son muchas las funcionalidades ofrecidas, desde el cambio rápido de una versión a otra, hasta el sistema de informes con todas las informaciones enviadas por clientes y trabajadores, permitiendo la colaboración en grupo y ofreciendo un sistema para compartir los diseños con un simple click.

Concept.ly ha sido creado por los responsables de yodiz.com, sistema de gestión de tareas y problemas que permite agilizar el trabajo en grupo y el desarrollo de proyectos con varios responsables.