Tecnologías de diseño y
desarrollo de software para la
educación
Alex Souza
Designer Marketing Manager
Microsoft Corporation
Roberto Erazo
Academic Developer Evangelist
Microsoft Corporation
[email protected]
[email protected]
Por qué es importante la experiencia del usuario (UX)?
La experiencia es el producto
x
US$ 2
US$ 5
Diseño de User Experience (UX)
“Todos los aspectos de la interacción del
usuario con el producto : cómo es
percibido, usado o aprendido.” - wikipedia
• Diseño visual
• Diseño de Interfase
• Diseño de Interfase a usuario
•
Ingeniería de uso
• Diseño de Interacción
• Arquitectura de la Información
•
Interacción hombre-computadora (HCI)
3
Los elementos de UX
Usabilidad (accesibilidad, intuición, productividad)
Los elementos de UX
Adaptabilidad (contexto, extensible, personalizable)
Los elementos de UX
Utilidad (funcional, valorable)
Los elementos de UX
Confiabilidad (seguro, escalable, predecible)
Los elementos de UX
Deseable (bonito, atractivo, exclusivo, concordancia
emocional, orgullo de ser el dueño)
UX
Toda la efectividad, eficiencia, y
satisfacción que un usuario tiene
interactuando con un producto
Proceso de Diseño y Desarrollo
Wireframe
• Arquitectura de
la Información
• Flujo Interactivo
• Despliegue
Prototipo
• Diseño Visual
• Diseño de
Componentes
• Animación
Desarrollo
• Implementación
Lógica
• Documentos de
Especificación
Colaboración Diseñador/Desarrollador
=
Experiencia Diseñador/Desarrollador
diseñador
desarrollador
Diseñadores y desarrolladores:
Hablan diferentes languajes
Diseño de un diseñador
Desarrollo y lógica de negocio
Modelo de diseño Microsoft
Arte
La Plataforma
WF
WPF
Windows Presentation Foundation
• Smart Clients
completamente conectada
a la Web
WPF
.Net
Framework
CardSpace
• Animación
• Gráficos 3D
• Controles ricos para UI
• Multimedia
WCF
• Lectura de Textos
La Plataforma
WCF
Windows Communication Foundation
• Nueva plataforma para
habilitar servicios y
computación distribuida
• Nuevo esquema de
mensajería independiente
del transporte
WF
WPF
.Net
Framework
CardSpace
WCF
La Plataforma
WF
WF
Workflow Foundation
• Workflow services
– WCF + WF
WPF
.Net
Framework
CardSpace
WCF
La Plataforma
WF
CardSpace
• Nuevo esquema de
identidades
• Cross platform
WPF
.Net
Framework
CardSpace
WCF
Silverlight
Una nueva solución para mostrar
experiencias multi-media, aplicaciones
iinteractivas ricas (RIAs) en la web
Plug-in
cross-platform:
cross-browser:
video
Los productos
diseñador
desarrollador
Expression Web
Expression Design
Expression Blend
Expression Encoder
Expression Media
• Express
• Standard
• Professional
• Team System
23
Demos
Experiencia Diseñador/Desarrollador
diseñador
desarrollador
Diseñadores y desarrolladores:
Hablan diferentes languajes
Diseño de un diseñador
Desarrollo y lógica de negocio
Modelo de diseño Microsoft
Arte
La siguiente ola de UX
www.microsoft.com/surface
http://labs.live.com/photosynth/
http://popfly.com
Casos
www.hardrock.com
www.miniclip.com
www.nbc.com
Vea más en silverlight.net
Microsoft Silverlight y Expression
combinan
las posibilidades creativas de Flash
con el rendimiento de .NET
más
despliegue & controles sofisticados
En la academia está el futuro
del diseño
• MSDN AA / Developer / Designer / Dynamics
• Microsoft Academy for College Hires
• Channel 8 (channel8.msdn.com)
Imagine Cup (imaginecup.com)
•
• MVA (www.microsoftmva.com)
• DreamSpark (Acceso a Software gratuito para estudiantes)
• Expression Curriculum for College and High
Schools (www.microsoft.com/expression)
• Silverlight (silverlight.net)
Opportunidades
• El diseño es una ventaja competitiva/diferencial
• Microsoft apoya a las instituciones educativas con
algunas iniciativas y programas
• El costo de las herramientas para la academia es
mucho menor que con otras plataformas
• 50,000 estudiantes de IT en Colombia se pueden
beneficiar hoy de devigner* workflow provisto por
nuestro modelo
*designer+developer skills
Mu
Muchas Gracias
Comentarios de: Tecnologías de diseño y desarrollo de software para la educación (0)
No hay comentarios