Visual Studio 2012.- Storyboards de una aplicación


imageStoryboard es una poderosa forma de hacer visual lo que se quieres lograr con una aplicación. Aunque puedes utilizar las herramientas de Microsoft, como Power Point o Visual Studio para crear un storyboard, a veces la mejor manera de empezar es tomar lo seguro, el pasado de moda papel y lápiz antes de llevarlo a la pantalla.

Los storyboards han sido utilizados en el diseño de contenidos visuales, como las películas. El storyboard es donde se ofrece una serie de ilustraciones dentro de una secuencia que resalta los acontecimientos a suceder en cada una de las etapas. Es una manera eficaz de mostrar a alguien lo que te imaginas que sucederá. ¿Una escena de la batalla queda mejor aquí o más tarde, tal vez un poco después de que se haya establecido un poco más carácter en los personajes? ¿Cuál será el fondo? ¿Qué emociones deben estar expresando los personajes?

Las aplicación llegan a ser más visuales y los desarrolladores llegan beneficiarse mucho del uso del storyboard. Para empezar, pregúntese cuáles son los principales objetivos de su aplicación. ¿Cuál es la acción final que se llevara a cabo? ¿Su aplicación entrega una respuesta al final, después de compilar la información? Es una aplicación que presenta un informe? Una vez que el objetivo principal o finalidad se identifica, a continuación,  se puede trabajar en la identificación de los pasos necesarios para ir desde el principio al final de una etapa o ciclo. Empieza por imaginarte el principio y sigue toda tu trayectoria preguntándote: "¿Qué tengo que hacer ahora?"

Los storyboards al tener el flujo de pantallas de una determinada acción a otra ayuda a confirmar que si se puede visualizar todo, la audiencia probablemente le será más fácil de entender. En esta etapa inicial, asegúrate de:

  • Presentar un aproximado de como serán las pantallas principales y menús de tu aplicación.
  • Averiguar como la gente va a progresar a través del uso de tu aplicación para dejar plasmado las tareas primarias.
  • Realiza un mapa de las pantallas y dar prioridad a las tareas.
  • Dibuja las proporciones visuales generales de las herramientas y contenidos.

En está etapa no te preocupes por los colores, tamaños de botones, y el espacio hasta que se decida ampliar la imagen de tu aplicación.

Una vez que tengas el cuadro completo de tu aplicación, ve de nuevo al principio, y empieza a añadir los detalles que harán que tu aplicación sea utilizable y destacada. Los aspectos que debes de tener en cuenta en esta etapa final del storyboard incluye la adición de:

  • Colores que tengan coherencia de pantalla en pantalla
  • Estados, Navegación, Herramientas y Barras De Tabulación
  • Vistas de tablas
  • Botones predefinidos
  • Sliders, interruptores, y ruecas (indicadores de carga)
  • Indicadores de página

 

image

    Recuerda que debes mantener tu aplicación lo más limpia posible y evitar el impulso de poner elementos inecesarios. Siempre manten el trayecto de tu aplicación claro y así tus usuarios te lo agradecerán, por su facilidad.

 

Fuente: http://software.intel.com/en-us/blogs/2012/10/18/creating-the-storyboard-for-your-app

 

Eso es todo mis geeks Winking smile en un próximo post estaremos hechando mano a como realizar un storyboard. No olviden RT si te gusto y para los que no me tienen en twitter un follow aquí abajito para que siempre les este llegando a su feed contenido nuevo.