Cómo diseñar wireframes en su tableta
No hay duda de que los dispositivos móviles son "la gran cosa (actual)". Aquí es exactamente donde décadas de tecnología informática nos han llevado. Estas pequeñas tabletas y teléfonos (y ahora mira) ... estas son las pantallas de las cuales la mayoría de nosotros consumimos información.
Esa información podría ser tweets de ciento cuarenta caracteres, nuestros programas favoritos en Netflix ( tos de los Caballeros de Sidonia) o simplemente buena música. Leemos correos electrónicos, chateamos y jugamos juegos.
Poco a poco, también estamos comenzando a crear contenido en estos dispositivos. Las tabletas pueden ser geniales para escribir, y las cámaras de nuestros teléfonos están mejorando cada año. Grabamos podcasts en iPhones, e incluso hay algunas aplicaciones para editar audio / video.
La computadora de escritorio, al parecer, quedará relegada a tareas de uso intensivo de recursos. Será el reino de los aficionados, los aficionados al juego y los jugadores de alto nivel. Ah, y los diseñadores web.
Es posible que nunca tengamos una edición de gráficos con precisión de píxeles en una tableta. Esta bien. Sin embargo, hay partes del proceso de diseño que se pueden pasar a la pantalla táctil.
Lo que necesito en una aplicación de encuadre de alambre
Esto es lo que necesito en una aplicación de enmarcado de alambre:
- algunas formas básicas para trabajar;
- poder colocar, organizar y cambiar el tamaño de estos objetos fácilmente;
- funciones de colaboración, intercambio y exportación.
Las aplicaciones
Mi aplicación favorita de enmarcado de todos los tiempos es la aplicación de dibujo de Google. Hace todo lo que necesito y además tiene excelentes funciones para compartir y colaborar.
Sin embargo, aunque Google ha creado aplicaciones de Android para sus documentos de texto y hojas de cálculo, hay una manera de hacer que Google Draw funcione en Android. Tampoco funciona en los navegadores.
Hay un par de aplicaciones creadas específicamente para Android que funcionan. Estos, los revisaré en profundidad, ya que pude probarlos. También enumeraré algunas aplicaciones para iOS.
Aplicaciones nativas de Android
Mocking Pal (gratis)
Por su precio, Mocking Pal hace un trabajo fantástico Su gama de elementos disponibles es básica, pero suficiente para la mayoría de los proyectos de wire-frame web. El rendimiento es decente, y la aplicación viene con algunas opciones inteligentes.
Lo realmente genial, creo, es Live Share. Básicamente, puede compartir un enlace a su proyecto, y cualquiera que vaya a ese enlace puede ver el wire-frame mientras lo construye en tiempo real.
Maquetas para Android ($ 5 aprox.)
Maquetas para Android cuesta alrededor de 5 USD, pero incluye muchas funciones. No tiene muchos elementos de UI, pero funciona rápido y funciona bien. Cuando haya terminado, puede exportar sus proyectos a varios formatos de mapa de bits y SVG.
Su principal inconveniente es que no es terriblemente fácil de usar, al principio. Tienes que acostumbrarte al flujo de trabajo. Aún así, no está mal.
Mockups.me Wireframes ($ 20)
Con un precio de 20 USD, Esta aplicación te hace sentir que es mejor ser increíble! Y es bastante impresionante. Mientras que las otras aplicaciones de enmarcado de cable disponibles para Android tienen bibliotecas limitadas de elementos de IU, esta tiene toneladas.
Tiene que hacerlo, porque es compatible con Balsamiq archivos, para que pueda crear cosas en Balsamiq y llevárselas a donde sea.
La característica principal, creo, es la implementación de gestos. Puede agregar elementos a su lienzo rápidamente simplemente dibujando sobre él.
Por último, pero no por ello menos importante, existen versiones de la aplicación web y de escritorio, lo que significa que puede colaborar en línea y acceder a su trabajo en cualquier lugar.
FlexiSketch
Una aplicación gratuita con gran rendimiento, FlexiSketch no es una aplicación de enmarcado por cable per se, pero puede convertirse rápidamente en una sola. Es una aplicación de dibujo vectorial, pero aquí está el giro: cada objeto que dibuja puede guardarse rápidamente como su propio "tipo de objeto".
Puede arrastrar y soltar más de cada tipo de objeto en el lienzo a voluntad, esencialmente creando su propia biblioteca de elementos. Si necesita muchos elementos personalizados, esta es la aplicación para usted.
Aplicaciones nativas de iOS
Mockups.me Wireframes ($ 20)
¡Está bien! Hay una versión de iOS de Esta aplicación también. Tiene exactamente la misma funcionalidad que su equivalente Android, por lo que debe ser bastante bueno.
El precio es el mismo también Si tiene el dinero en efectivo, le digo: "¡Hazlo!"
iMockups ($ 7)
Esta es otro con soporte para Balsamiq, pero solo cuesta 7 USD. Con críticas entusiastas de mucha gente, iMockups se centra en el uso del soporte multitáctil y otras características proporcionadas por iPads para acelerar el proceso de enmarcado.
Keynote ($ 10)
No, en realidad, no estoy bromeando. Esta La aplicación de 10 dólares para hacer presentaciones en realidad tiene una base de fans bastante grande.
¿Y por qué no? Son todos los gráficos vectoriales. Su formato es estándar en el Apple-verse. Puede vincular pantallas para crear un prototipo más interactivo, ¡las obras! Incluso hay un kit de herramientas o dos por ahí para facilitar el armado de cables en la aplicación.
Adobe Ideas (gratis)
¡Al final! Una opción gratis! Tenga en cuenta, esta técnicamente no es una aplicación de enmarcado de cables. Es más una aplicación de dibujo vectorial. De alguna manera, esto lo hace menos útil, y en otros, más poderoso.
Asuntos Generales
El enmarcado de cables en una tableta puede ser complicado. Algunas de las aplicaciones que encontré son cerdos de recursos. Además, es difícil colocar elementos de manera uniforme. Hay funciones de "complemento a la guía" en la mayoría de estas aplicaciones, pero son de ayuda limitada. Desearía que el efecto "snapping" fuera un poco más fuerte.
Mocking Pal aborda ese problema al proporcionar algunas flechas direccionales que mueven el elemento seleccionado un píxel a la vez. Esta es una solución lenta, sin embargo, y por lo tanto no es totalmente ideal. Además, es la única aplicación que he probado que realmente resuelve el problema.
En última instancia, la solución que elija depende de su preferencia. Pero definitivamente existen algunas opciones sólidas que le permiten quedarse atascado en su viaje, en el baño o en su cafetería local.