Administración de Proyectos Flash en el Flat
-
Upload
sergio-brito -
Category
Technology
-
view
1.007 -
download
1
description
Transcript of Administración de Proyectos Flash en el Flat
![Page 1: Administración de Proyectos Flash en el Flat](https://reader033.fdocuments.mx/reader033/viewer/2022051411/54589895af7959755d8b52ce/html5/thumbnails/1.jpg)
ADMINISTRACIÓN DE PROYECTOS FLASH
Sergio Brito
@yacaFx
blog.yacafx.com
![Page 2: Administración de Proyectos Flash en el Flat](https://reader033.fdocuments.mx/reader033/viewer/2022051411/54589895af7959755d8b52ce/html5/thumbnails/2.jpg)
CONOCER A TUS USUARIOS
• Mercado-Usuarios-Objetivos-Contenido y tareas = Buenas Aplicaciones
• Entender los objetivos de tus usuarios y de tus usuarios finales así como su relación con tu proyecto
• Estudiar las herramientas y tipo de animaciones que el usuario objetivo visita/usa
• Identifica y detalla las tareas/acciones que el usuario realizará en la aplicación/ animación final y optimiza
![Page 3: Administración de Proyectos Flash en el Flat](https://reader033.fdocuments.mx/reader033/viewer/2022051411/54589895af7959755d8b52ce/html5/thumbnails/3.jpg)
PLANEA TUS CONTENIDOS
• Crea una lista de los contenidos a los que el usuario final tendrá acceso y trata de conseguir ejemplos como referencia
• Fotos, animaciones, textos.
![Page 4: Administración de Proyectos Flash en el Flat](https://reader033.fdocuments.mx/reader033/viewer/2022051411/54589895af7959755d8b52ce/html5/thumbnails/4.jpg)
PLANEA TAREAS Y FLUJOS
• Contenidos como sustantivos
• Tareas y flujos como verbos
• Detalla escenarios /historias para representar las tareas o flujos que deberá cumplir tu aplicación/ animación
![Page 5: Administración de Proyectos Flash en el Flat](https://reader033.fdocuments.mx/reader033/viewer/2022051411/54589895af7959755d8b52ce/html5/thumbnails/5.jpg)
ESTRUCTURALO
• 3 tipo de estructura
• Dame Información: Patrón de Información
• Necesito hacer esto esta tarea: Patrón de Procesos
• Quiero Crear: Patrón de creación
![Page 6: Administración de Proyectos Flash en el Flat](https://reader033.fdocuments.mx/reader033/viewer/2022051411/54589895af7959755d8b52ce/html5/thumbnails/6.jpg)
ESTRUCTURALO
• Dame Información: Patrón de Información
** Cuando los usuarios necesitan explorar, comparar y entender información– Enfasis en la comunicación Visual
– Eliminar navegación y tareas innecesarias
– Comenzar desplegando Contenido primario
![Page 7: Administración de Proyectos Flash en el Flat](https://reader033.fdocuments.mx/reader033/viewer/2022051411/54589895af7959755d8b52ce/html5/thumbnails/7.jpg)
ESTRUCTURALO
• Necesito completar esta tarea: Patrón de Procesos
** Cuando los usuarios necesitan obtener información de forma estructurada, eficiente y ordenada– Flujos no frecuentes o complejos– Mostrar pasos para dar una navegación más clara– Permitir a l usuario poder saltarse pasos(cuando sea
necesario)– Mantener objetivo de la vista/pantalla claro y visible
![Page 8: Administración de Proyectos Flash en el Flat](https://reader033.fdocuments.mx/reader033/viewer/2022051411/54589895af7959755d8b52ce/html5/thumbnails/8.jpg)
ESTRUCTURALO
• Quiero Crear: Patrón de creación
** Usado cuando el usuario necesita crear o modificar contenido– Distribución en pantalla
– Uso de menús contextuales y mostrarlos solo cuando sean necesarios
– Opción de hacer y deshacer
![Page 9: Administración de Proyectos Flash en el Flat](https://reader033.fdocuments.mx/reader033/viewer/2022051411/54589895af7959755d8b52ce/html5/thumbnails/9.jpg)
NAVEGACION FLUIDA
• Navegación Fluida• Eliminar navegación innecesaria• Usar transiciones de cambio de pagina solo
cuando el contenido sea distinto• Hacer uso de wireframming y Storyboards• Hacer prototipos de interacciones para
perfeccionarlas y lograr transmitir lo que queremos transmitir
• Seguir algun modelo de navegacion
![Page 10: Administración de Proyectos Flash en el Flat](https://reader033.fdocuments.mx/reader033/viewer/2022051411/54589895af7959755d8b52ce/html5/thumbnails/10.jpg)
PUNTOS DE ENTRADA
• Diseña tu entrada/pantalla principal los objetivos de tu aplicación/ animación
• Contenido relevante!
• Hay que ser claro con las acciones/tareas que puede realizar el usuario final
![Page 11: Administración de Proyectos Flash en el Flat](https://reader033.fdocuments.mx/reader033/viewer/2022051411/54589895af7959755d8b52ce/html5/thumbnails/11.jpg)
JERARQUIAS DE INFORMACIÓN
• Identificar elementos importantes y que sirvan de guia al usuario
![Page 12: Administración de Proyectos Flash en el Flat](https://reader033.fdocuments.mx/reader033/viewer/2022051411/54589895af7959755d8b52ce/html5/thumbnails/12.jpg)
DISEÑO DE LA INFORMACIÓN
• Como se mostrará la información según lo que el usuario pueda preguntarse
• Primero diseñar como se mostraran la información y después integrara los controles para interactuar con esa información
![Page 13: Administración de Proyectos Flash en el Flat](https://reader033.fdocuments.mx/reader033/viewer/2022051411/54589895af7959755d8b52ce/html5/thumbnails/13.jpg)
NAVEGACIÓN Y MANIPULACIÓNDE CONTENIDOS
• Fácil tanto para encontrar información como para explorar el contenido
• Soportar controles o formas de búsqueda (filtros)
• Hay que ser directos con la manipulación de la información
![Page 14: Administración de Proyectos Flash en el Flat](https://reader033.fdocuments.mx/reader033/viewer/2022051411/54589895af7959755d8b52ce/html5/thumbnails/14.jpg)
MEZCLAR CONTENIDOS CON NOTIFICACIONES
• Integrar avisos y notificaciones
![Page 15: Administración de Proyectos Flash en el Flat](https://reader033.fdocuments.mx/reader033/viewer/2022051411/54589895af7959755d8b52ce/html5/thumbnails/15.jpg)
MEZCLAR CONTENIDOS Y CONTROLES
• Dejar muy en claro lo que hace cada control /sección con respecto al contenido y su interacción
• Desplegar controles contextuales que permitan manipular el contenido
![Page 16: Administración de Proyectos Flash en el Flat](https://reader033.fdocuments.mx/reader033/viewer/2022051411/54589895af7959755d8b52ce/html5/thumbnails/16.jpg)
DISEÑAR CONTROLES
• NO reinventes el hilo negro!
Personaliza!
![Page 17: Administración de Proyectos Flash en el Flat](https://reader033.fdocuments.mx/reader033/viewer/2022051411/54589895af7959755d8b52ce/html5/thumbnails/17.jpg)
MOVIMIENTO
• Usa movimientos/transiciones que permitan al usuario entender como trabaja tu proyecto
• Usa movimientos/transiciones para llamar la atención
![Page 18: Administración de Proyectos Flash en el Flat](https://reader033.fdocuments.mx/reader033/viewer/2022051411/54589895af7959755d8b52ce/html5/thumbnails/18.jpg)
MOVIMIENTO
• Transiciones para indicarle al usuario final en donde esta ubicado
• Efectos para llamar la atención del usuario y promover la interacción
• Combinación de movimientos para que el usuario se identifique y entienda el sitio
![Page 19: Administración de Proyectos Flash en el Flat](https://reader033.fdocuments.mx/reader033/viewer/2022051411/54589895af7959755d8b52ce/html5/thumbnails/19.jpg)
OPTIMIZA
• Entiende bien las tareas e interacciones y evitar acciones innecesarias
• Acciones lógicas en momentos adecuados
• nunca hagas que el usuario vuelva a ingresar datos que ya ingreso
• Flexibilidad con los formatos en los datos de entrada
• Automatiza las mas acciones posibles
![Page 20: Administración de Proyectos Flash en el Flat](https://reader033.fdocuments.mx/reader033/viewer/2022051411/54589895af7959755d8b52ce/html5/thumbnails/20.jpg)
DOCUMENTACIÓN
• Usuario:
• Objetivos:
• Características:
![Page 21: Administración de Proyectos Flash en el Flat](https://reader033.fdocuments.mx/reader033/viewer/2022051411/54589895af7959755d8b52ce/html5/thumbnails/21.jpg)
DOCUMENTACIÓN
• Checklist
• Wireframes
• Storyboards
![Page 22: Administración de Proyectos Flash en el Flat](https://reader033.fdocuments.mx/reader033/viewer/2022051411/54589895af7959755d8b52ce/html5/thumbnails/22.jpg)
GRACIAS!!