Diseño de interfaces

33
Franco DISEÑADOR Digital SARNO

Transcript of Diseño de interfaces

Franco DISEÑADOR

Digital

SARNO

Licenciado en Diseño con

Universidad del Desarrollo

Mención en 2015

Diseño Digital

EDUCACIÓN

DISEÑO Y DESARROLLO

Proyectos InteractivosAÑOS 2AHB GAMES

EXPERIENCIA

Entretenimiento / Educación

Diseño de Interfaz

OBJETIVO

MÉTODO

PREPRODUCCIÓNDESARROLLOTESTING

PREPRODUCCIÓN

REBRIEFBENCHMARKPERSONACAPACIDADES DEL SISTEMAWIREFRAMESDISEÑO VISUALDISEÑO DE CONTENIDO

REBRIEF

¿PARA QUÉ?

ENTREGABLES:

¿Qué necesito saber antes de empezar el proyecto?¿Tengo toda la información que necesito?¿El cliente me presentó una necesidad o una solución?¿Están claros los compromisos?

-Cuestionario Digital del Brief-Nuevo Brief

PREPRODUCCIÓN

REBRIEFBENCHMARKPERSONACAPACIDADES DEL SISTEMAWIREFRAMESDISEÑO VISUALDISEÑO DE CONTENIDO

BENCHMARK

ENTREGABLES:

¿Que han hecho otros?¿Qué ha hecho la competencia?¿Qué han hecho los referentes a nivel mundial en el rubro?

-Presentación Digital con el análisis y las conclusiones del Benchmark

¿PARA QUÉ?

PREPRODUCCIÓN

REBRIEFBENCHMARKPERSONACAPACIDADES DEL SISTEMAWIREFRAMESDISEÑO VISUALDISEÑO DE CONTENIDO

PERSONA

ENTREGABLES:

¿Conozco a mi usuario?¿Tengo argumentos suficientes para tomar decisiones de diseño en función del comportamiento de mis usu-arios?

-Fichas en formato digital con cada uno de los“persona” definidos

¿PARA QUÉ?

REBRIEF

PREPRODUCCIÓN

BENCHMARKPERSONACAPACIDADES DEL SISTEMAWIREFRAMESDISEÑO VISUALDISEÑO DE CONTENIDO

CAPACIDADESDEL SISTEMA

ENTREGABLES:

¿Que va hacer el sitio?¿Qué propuestas deben cotizarse?¿Qué funcionalidades deben esperar a una segunda etapa?¿Cómo se relacionan los distintos contenidos?

-Detalles de las capacidades-Mapa de Navegación

¿PARA QUÉ?

PREPRODUCCIÓN

BENCHMARKPERSONACAPACIDADES DEL SISTEMAWIREFRAMESDISEÑO VISUALDISEÑO DE CONTENIDO

WIREFRAMES

¿PARA QUÉ?

ENTREGABLES:

Para evaluar la interacción de cada página y no sus aspecto estéticoPara revisar y corregir de manera rápida las interacciones que son mejorablesPara realizar estudios de usuarios

-Imágenes esquemáticas en formato digitalde las principales plantillas del sistema

PREPRODUCCIÓN

BENCHMARKPERSONACAPACIDADES DEL SISTEMAWIREFRAMESDISEÑO VISUALDISEÑO DE CONTENIDO

DISEÑO VISUAL

¿PARA QUÉ?

ENTREGABLES:

Para darle a los esquemas su look finalTipografías, colores, texturas e imágenes dan forma a la propuesta Imágenes que representan el aspecto final del proyecto

-Imágenes finales en formato digitalde las principales plantillas del sistema

PREPRODUCCIÓN

BENCHMARKPERSONACAPACIDADES DEL SISTEMAWIREFRAMESDISEÑO VISUALDISEÑO DE CONTENIDO

DISEÑO DE CONTENIDO

¿PARA QUÉ?

ENTREGABLES:

Para describir en intención, extensión, posicióny jerarquías cada uno de los contenidos del nuevo sitioDefinición de los contenidos página a página

-Brief general del contenido página a página

MÉTODO

PREPRODUCCIÓNDESARROLLOTESTING

Primera Etapa

DESARROLLO

PROVEEDORESPRODUCCIÓNCOORDINACIÓN Y SUPERVISIÓNMARCHA BLANCALANZAMIENTO

PROVEEDORES

¿PARA QUÉ?

ENTREGABLES:

Para armar un equipo de trabajo apto para el proyectoLa cantidad de posibilidades requieren gente especializada para una entrega a tiempo

-Propuesta de presupuestos en formato digitalpara el desarrollo del proyecto

DESARROLLO

PROVEEDORESPRODUCCIÓNCOORDINACIÓN Y SUPERVISIÓNMARCHA BLANCALANZAMIENTO

PRODUCCIÓN

¿PARA QUÉ?

ENTREGABLES:

Para programar y poblar de contenido el sitioSe producen las funcionalidades, se toman fotos, se filman videos, se programan las apps y se integran las redes

-Informes de estado periodicos-Versión beta del sitio

DESARROLLO

PROVEEDORESPRODUCCIÓNCOORDINACIÓN Y SUPERVISIÓNMARCHA BLANCALANZAMIENTO

COORDINACIÓNY SUPERVISIÓN

¿PARA QUÉ?

ENTREGABLES:

Para Cconseguir los mejores resultados posiblesCoordinamos y supervisamos los estados de avance con el fin de servir como constantes controladores de calidad del proyecto

-Informes de avance en presentación digital

DESARROLLO

PROVEEDORESPRODUCCIÓNCOORDINACIÓN Y SUPERVISIÓNMARCHA BLANCALANZAMIENTO

MARCHA BLANCA

¿PARA QUÉ?

ENTREGABLES:

Para testear intensivamente el sistemay sus capacidadesEl fin es dejarloen las condiciónes óptimas para ser publicado

-Informe de Testeo-Informe de Cambios

DESARROLLO

PROVEEDORESPRODUCCIÓNCOORDINACIÓN Y SUPERVISIÓNMARCHA BLANCALANZAMIENTO

LANZAMIENTO

¿PARA QUÉ?

ENTREGABLES:

Para ser presentado en sociedadAsesorar a la empresa en todas lasnecesidades de difusiónBuscar alta presentación en motores de busqueda

-Depende de las necesidades de cada proyecto

Segunda Etapa MÉTODO

PREPRODUCCIÓNDESARROLLOTESTING

TESTING

¿PARA QUÉ?

ENTREGABLES:

Para costatar que las desiciones tomadas fueron correctasSe realiza un testeo grabado designando tareas a los usuariosGenerar métricas

-Informe de Testeo-Informe de Cambios

Franco DISEÑADOR

Digital

SARNO