Brainstorming | Maqueta | Prototipo | Programador

Te gustaría aprender a crear prototipos de aplicaciones móviles o de páginas web, antes de que tu diseño caiga en manos de un “developer“? Entonces Adobe XD CC es el primer paso a seguir. Voy a estar escribiendo en este blog lo aprendido en el tema y me gustaría ir paso a paso contigo para que aprendas también a usar Adobe XD CC y quizás compartamos ideas y prototipos.

iStock-826047464

Cuando te encomiendan la creación de una aplicación o una página web; antes de tirar cualquier línea; antes de darle color a lo que sea, debes de hacer un “brainstorming” con el cliente o tu grupo de diseño. Esto consiste en tirar ideas en papel, colocar ideas en pizarras, colocar cuadritos o símbolos usando “stickynotes“, en fin una primera reunión en donde se discuta la idea, el propósito y la meta deseada al final del camino. Durante el proceso de creación vas a ir y venir, ir y venir, ir y venir muchas veces de la maqueta al prototipo y no pasarás de un punto del camino hasta que estés listo para entregar el trabajo a un programador. En la siguiente gráfica te muestro el camino a recorrer. También durante el proceso vas a regresar a la mesa de reunión para seguir rompiéndote la cabeza con tus clientes y con tu grupo de diseño.

Workflow

Brainstorming | Maqueta | Prototipo | Programador

Voy a  tratar de ser corto en esta serie de “posts“. Por eso vamos a dejarlo por ahora hasta aquí y en el próximo “post” comenzaremos hablar directamente sobre la aplicación de Adobe XD CC la cual es la aplicación a ser utilizada en este tipo de encomienda. Seas un diseñador en general, o un “web designer“, o un diseñador de experiencia de usuario – UX (User Experience Designer), o un diseñador de interface – (UI); Adobe XD te ofrece las herramientas que necesitas para obtener el resultado que deseas.

XD

¡Nos veremos en el próximo post!

 

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s