8 herramientas imprescindibles para diseñar apps
El diseño de apps es una habilidad cada vez más demandada que forma parte de las nuevas profesiones surgidas de la era digital. Para diseñar apps no sólo hacen falta herramientas en concreto, sino que el diseñador tendrá que conocer conceptos como el de experiencia de usuario, legibilidad, convergencia, coherencia, usuarios multi-tarea y otros conceptos que hacen referencia a cómo diseñar apps de éxito.
En esta entrada hacemos un breve repaso de 8 herramientas imprescindibles para diseñar apps. Desde Photoshop, pasando por programas para prototipar apps y acabando en recursos para el diseño de apps.
Prototipando apps
Necesitaremos crear prototipos de las apps que estemos diseñando.
Una de las funciones de los prototipos es la divulgación. Mediante un prototipo podemos hacer conocer a los otros componentes de nuestro equipo en qué estamos trabajando. Podemos también vender la idea de nuestra app a posibles inversores. Podemos mostrar al cliente cómo será el trabajo final (desarrollo) antes de tener que programar la app…
Para crear estos prototipos podemos usar diferentes herramientas.
1. Photoshop
Photoshop es una de las herramientas más utilizadas, ya que es de uso común entre diseñadores. Cabe destacar que Photoshop sólo trabaja en píxels y que para diseñar apps nos convendrá más trabajar con vectores o con la posibilidad de poder escalar nuestros diseños. Por este motivo, puede ser más útil trabajar con Sketch, un programa relativamente nuevo que está escalando posiciones respecto Photoshop en el ámbito del diseño de prototipos.
2. Proto.io
Proto.io es una web-app (un programa que usamos a través de una web) que nos permite crear prototipos animados desde cero. En Proto.io encontramos los recursos gráficos neesarios para poder diseñar prototipos para iOS, Android y Windodws Phone. Además, nos permite compartir nuestro prototipo con terceros de manera que podemos ofrecer a nuestros colegas, clientes, etc. la posibilidad de probar la app que estamos diseñando como si se tratara de una app ya programada. Reseña del programa: ubicuostudio.com/es/diseno-grafico/herramientas-prototipar-apps-proto-io
3. Marvel
Marvel es un programa del estilo de Proto.io, con la diferencia de que en Marvel no podemos crear las pantallas de nuestros prototipos. Tendremos que diseñar previamente las pantallas en otro programa tipo Photoshop o Sketch (por decir algunos) y exportar esas pantallas a Marvel. Una vez en Marvel podemos crear prototipos animados, compartir nuestros prototipos con otros colegas, etc. Reseña de Marvel aquí: ubicuostudio.com/es/diseno-grafico/marvel-herramienta-prototipado-apps
Patrones de diseño
Los patrones de diseño en sí no son herramientas, pero sí podemos hablar de webs en las que encontraremos dichos patrones. Estas webs nos servirían de herramientas de inspiración en el diseño de apps.
4. Pttrns
5. Inspired UI
6. Mobile Patterns
Estas tres webs nos ofrecen diferentes patrones de diseño de apps. Los patrones nos permitirán tener un repertorio mental de diferentes soluciones a unos mismos problemas. Por ejemplo, ¿cómo solucionar gráficamente el proceso de ‘checkout’ en una app destinada a vender productos?, ¿qué tipo de soluciones gráficas podemos encontrar para ofrecer al usuario un manual de cómo usar la app? Los patrones nos permiten tener en nuestra mente diferentes herramientas que nos podrán ayudar a pensar en un diseño nuevo e innovador.
Trabajando en equipo
El diseño de apps implica en la mayoría de casos trabajar con otros profesionales. El equipo mínimo de desarrollo de apps puede ser un diseñador que sea también programador, pero lo más habitual es que haya en el equipo al menos 1 programador y 1 diseñador. Además, en el caso que estemos haciendo un proyecto para un cliente, el cliente formará parte también del equipo, por lo que necesitaremos poder trabajar colaborativamente con el.
Los miembros de los equipos cada vez están más deslocalizados: podemos trabajar en un equipo en el que haya miembros, incluso, de diferentes husos horarios.
7. Dropbox o Google Drive
Dropbox o Google Drive nos permiten compartir archivos y sincronizar actualizaciones de una manera fácil, rápida y eficaz. El cliente, por ejemplo, puede enviarnos el material (contenido) de la app a través de Dropbox, nosotros podemos enviar diferentes pruebas de diseño… Sin tener que enviar e-mails pesantes.
8. Basecamp
Basecamp es un ejemplo de programa que nos permite gestionar proyectos on-line. La gestión de proyectos nos permite saber qué tareas nos quedan por hacer, quién tiene que ejecutarlas y cuánto nos queda para terminar el proyecto. En un equipo pequeño en el que no haya un gestor de proyecto este tipo de programas pueden ser realmente de utilidad, ya que no hay efectivamente un gestor de proyectos sino que cada miembro del equipo se autogestiona a sí mismo. El programa ejerce control y ayuda a imponer un orden y una disciplina.
Saber el tiempo que tardamos en realizar una tarea nos permite calcular en el futuro cuánto tiempo tardamos en realizar tareas similares.
Además, este tipo de programas ofrecen también un cronómetro a través del cual podemos cronometar cuánto tiempo tardamos en realizar cada tarea. Por lo que al final podemos saber si un proyecto ha resultado viable o no, o podemos facturar al cliente directamente las horas que hemos trabajado…
Muy buen artículo para el diseño de las aplicaciones. ¡TOP!
Si queréis una herramienta para diseñar vuestras screenshots para las tiendas de aplicaciones, con Moblyzer podréis hacerlas totalmente personalizadas con los colores de la marca y editando los calls to action. ¡Os invito a que la probéis!