Diseñando interfaces web: abordando proyectos desde la estrategia hasta la forma.
-
Upload
interlat-group -
Category
Business
-
view
1.853 -
download
0
description
Transcript of Diseñando interfaces web: abordando proyectos desde la estrategia hasta la forma.
#FormaciónEBusiness
Webinar
Diseño interfaces web Abordando proyectos desde la estrategia hasta la forma.
Estefanía Trisotti@TRI_
#FormaciónEBusiness
“People ignore designthat ignores people.”
— F R A N K C H I M E R O
#FormaciónEBusiness
Debemos estar siempre actualizadosCuando trabajamos en medios digitales
#FormaciónEBusiness
“People ignore designthat ignores people.”
Trabajo Multidisciplinariowww.businessmodelgeneration.com
#FormaciónEBusiness
Front-EndDesigner
UXDesigner
InteractionDesigner
MobileDesigner
GameDesigner
InterfaceDesigner
Diversificación de Especialidades
#FormaciónEBusiness
Front-EndDesigner
UXDesigner
InteractionDesigner
MobileDesigner
GameDesigner
InterfaceDesigner
Diversificación de Especialidades
Copywriter
Arquitectos de la Inf.
Editores
Back-End
SEO
Community Managers
Ventas
Marketing
CONTENIDOS GENERALES DEL CURSO
Estrategiade Diseño
Diseño de Interacción
Diseño de interfaces
#FormaciónEBusiness
Metodología Proceso de Diseño
Estrategia de Diseño
Diseñode interacción
Diseñode Interfaz
Estrategia de Diseño
Definir IdearRealizar
Prototipos Construir Analizar
Iteraciones
Zurb.com
#FormaciónEBusiness
Onda del proceso de diseño
Incertidumbre Claridad/Enfoque
Estrategia Diseño de Interacción Implementación
Damien Newman
#FormaciónEBusiness
Pensamiento Analítico
Pensamiento Intuitivo
DesignThinking
Analít ico
Lógico
Preciso
Repetitivo
Organizado
Detallado
Científ ico
Literal
Secuencial
Creativo
Imaginario
General
Intuitivo
Conceptual
Empático
Figurativo
Irregular
Solucionar problemascon necesidades humanas en el centro
#FormaciónEBusiness
Definir
Definir el problema / estátus del proyecto
Metodología Proceso de Diseño
Evaluar oportunidades
Definir necesidades del usuario
Definir objetivos / metas
Plan de posicionamiento frente a la competencia
#FormaciónEBusiness
Definir
Personas
#FormaciónEBusiness
Definir
Escenarios
#FormaciónEBusiness
Definir
Cardsorting
#FormaciónEBusiness
Definir
Benchmark
#FormaciónEBusiness
Desarrollo de ideas y conceptos
Bocetos y dibujos de baja intensidadIdear
Se abren preguntas e hipótesis
Metodología Proceso de Diseño
#FormaciónEBusiness
Arquitectura de la Información
Idear
#FormaciónEBusiness
Diagramas de Flujos y Clases
Idear
#FormaciónEBusiness
Wireframes Baja Intensidad
Idear
#FormaciónEBusiness
Grilla y Estructura
Idear
#FormaciónEBusiness
Concordancia con todas las personas involucradas
Prototipos
Iterar
Obtenemos respuestas al eliminar alternativas
Se cierran posibilidades y toman decisiones
Metodología Proceso de Diseño
#FormaciónEBusiness
Wireframes Alta Intensidad
Prototipos
#FormaciónEBusiness
Prototipos
Contenidos
#FormaciónEBusiness
Reunión de todas las conclusiones de etapas previas
Propuestas visuales y de estilos
Iteracción de últimas variaciones
Construir
Paso de diseño de interfaz a Front-end
El producto se vuelve tangible
Temas funcionales son afinados
Diseño de interfaz y Desarrollo
Metodología Proceso de Diseño
#FormaciónEBusiness
Construir
Diseño Look&Feel
#FormaciónEBusiness
Construir
Color
#FormaciónEBusiness
Iconografía
Construir
#FormaciónEBusiness
Familias Tipográficas
Construir
#FormaciónEBusiness
Dirección Fotográfica
Construir
#FormaciónEBusiness
Análisis del desempeño del proyecto
Conversión
Interpretación de data
Ajustes
Analizar
Metodología Proceso de Diseño
#FormaciónEBusiness
Métricas
Analizar
#FormaciónEBusiness
Analizar
Test Heurísticos
#FormaciónEBusiness
A/B Test
Analizar
#FormaciónEBusiness
Eyetracking
Analizar
¿POR QUÉ USARUN MÉTODO DE DISEÑO?
Podemos crear productos exitosos y sustentables
Nos mantentemos enfocados en un objetivo específico
Optimizamos tiempos
Los métodos son flexibles a las necesidades de cada proyecto
#FormaciónEBusiness
Metodología Proceso de Diseño
Estrategia de Diseño
Diseñode interacción
Diseñode Interfaz
Estrategia de Diseño
Definir IdearRealizar
Prototipos Construir Analizar
Zurb.com
Orientación del Curso
#FormaciónEBusiness
www.interlat.co www.upb.edu.co www.cmlatam.co
¡Gracias!Estefanía Trisotti@TRI_
#FormaciónEBusiness
@interlat@UPBBogota@cmlatam
Usa este hashtag:#FormaciónEBusiness