El diseño es importante
description
Transcript of El diseño es importante
![Page 1: El diseño es importante](https://reader036.fdocuments.us/reader036/viewer/2022062720/5681351b550346895d9c7645/html5/thumbnails/1.jpg)
VHS VCR PVR (Windows MCE)
http://www.artlebedev.com/
MSN Mail Office WebAccess (OWA)
Office: Outlook
El diseño es importante
![Page 2: El diseño es importante](https://reader036.fdocuments.us/reader036/viewer/2022062720/5681351b550346895d9c7645/html5/thumbnails/2.jpg)
Experiencia de usuario en detalle
A
Seguridad
R
SAlcance
Riqueza
Más
usu
ari
os
Ingresos / usuario
Más dispositivosMás canales
Sinergias
Facilidad de usoProductividadCreación de marca
Live GadgetsIE7 RSSMCEMobilityOffice 2007
WPFSilverlightASP.NET Ajax
IE7CardSpace
![Page 3: El diseño es importante](https://reader036.fdocuments.us/reader036/viewer/2022062720/5681351b550346895d9c7645/html5/thumbnails/3.jpg)
1. Riqueza R
![Page 4: El diseño es importante](https://reader036.fdocuments.us/reader036/viewer/2022062720/5681351b550346895d9c7645/html5/thumbnails/4.jpg)
¿Qué significa riqueza?
• Mejor navegación y UI– Respuesta y usabilidad
• Diferenciación– Visitas repetidas
• Personalización• Integración de
Media– Clave para las compras
R
![Page 5: El diseño es importante](https://reader036.fdocuments.us/reader036/viewer/2022062720/5681351b550346895d9c7645/html5/thumbnails/5.jpg)
Subiendo techo y suelo R
Riqueza
HTML
Smart
ASP.NET AJAX
WPF
• Mayor interactividad• Amplio alcance
• Riqueza y diferenciación sin precedentes
• Browser / Standalone• Alcance .NET 3.0
Silverlight (WPF/E)• Subconjunto de WPF• Alcance
multiplataforma
Web 1.0 Web 2.0
![Page 6: El diseño es importante](https://reader036.fdocuments.us/reader036/viewer/2022062720/5681351b550346895d9c7645/html5/thumbnails/6.jpg)
AJAX
• Colección de técnicas para refrescar páginas parcialmente
• Evita recarga de página• No requiere nuevas
tecnologías• Está siendo adoptado muy
rápidamente
Weather Service
function DoAdd(strLoc){ Weather.Request(strLoc,onReceive)}
function onReceive(obWeatherData){ ProcessWeather(objWeatherData)}
![Page 7: El diseño es importante](https://reader036.fdocuments.us/reader036/viewer/2022062720/5681351b550346895d9c7645/html5/thumbnails/7.jpg)
ASP.NET Ajax
• Incrementar productividad– Menos conceptos, menos líneas de código– Aplicaciones y bloques precostruidos de escenarios
comunes
• Fácil de hacer, depurar, y mantener– Clara separación entre contenido, estilo,
comportamiento, y código– Integrado con las herramientas de diseño y desarrollo
• Modelo Integrado– Basado/integrado con páginas ASP.NET y controles de
servidor– Conectado mediante servicios web
• Multiplataforma – cross-browser, basado en estándares
UN FRAMEWORK PARA DESARROLLAR APLICACIONES WEB MAS RICAS E INTERACTIVAS
UN FRAMEWORK PARA DESARROLLAR APLICACIONES WEB MAS RICAS E INTERACTIVAS
![Page 8: El diseño es importante](https://reader036.fdocuments.us/reader036/viewer/2022062720/5681351b550346895d9c7645/html5/thumbnails/8.jpg)
Windows Presentation Foundation
DESARROLLO DE APLICACIONESCON INTERFACES AVANZADOS
DESARROLLO DE APLICACIONESCON INTERFACES AVANZADOS
![Page 9: El diseño es importante](https://reader036.fdocuments.us/reader036/viewer/2022062720/5681351b550346895d9c7645/html5/thumbnails/9.jpg)
Productividad Diseño-Desarrollo
• Herramientas de Microsoft para Diseñadores y Desarrolladores
• Programación Declarativa con XAML
• Soporte de la industria (Adobe, Mobiform, Electric Rain, otros)
Diseña con
Con XAML disenadores &
desarrolladores pueden
trabajar
colaborativamenteDesarrolla lógica negocios
![Page 10: El diseño es importante](https://reader036.fdocuments.us/reader036/viewer/2022062720/5681351b550346895d9c7645/html5/thumbnails/10.jpg)
Oportunidades WPF
• Servicios avanzados– Yahoo Financials
• Documentos– New York Times
Reader• Kioskos
– The North Face• Aplicaciones
– Microsoft MAX• Publicidad
– Mercedes AMG• Nuevos medios
– BBC
R
![Page 12: El diseño es importante](https://reader036.fdocuments.us/reader036/viewer/2022062720/5681351b550346895d9c7645/html5/thumbnails/12.jpg)
Euro 1Televisión Alemana; Media Center Status: In Development
![Page 13: El diseño es importante](https://reader036.fdocuments.us/reader036/viewer/2022062720/5681351b550346895d9c7645/html5/thumbnails/13.jpg)
New York TimesLector de Periódico; Forrester’s “killer application” para Windows VistaStatus: CompletedWebsite: http://firstlook.nytimes.com
![Page 14: El diseño es importante](https://reader036.fdocuments.us/reader036/viewer/2022062720/5681351b550346895d9c7645/html5/thumbnails/14.jpg)
• Plug-in de navegador• Multi-browser y multi-plataforma• Experiencia Web sin precedentes• Integración sencilla en webs
existentes• La RTM 1.0: Cómo de Ligera??!
Silverlight
1.5 Mb for Windows4.8 Mb for Mac
![Page 15: El diseño es importante](https://reader036.fdocuments.us/reader036/viewer/2022062720/5681351b550346895d9c7645/html5/thumbnails/15.jpg)
15
Silverlight
Subconjunto de WPF Multiplataforma: Windows and AppleMoonlight: silverlight en LinuxDos modelos:
XAML and JavaScript Silverlight 1.0XAML and .NET Framework Silverlight 1.1
![Page 16: El diseño es importante](https://reader036.fdocuments.us/reader036/viewer/2022062720/5681351b550346895d9c7645/html5/thumbnails/16.jpg)
¿Qué tecnología usar?
Experiencias Smart Client Diferenciales
Aplicaciones LOB / Formularios
Experiencias web estándar
Experiencias diferenciales independientes de plataforma
Web Media Desktop
![Page 17: El diseño es importante](https://reader036.fdocuments.us/reader036/viewer/2022062720/5681351b550346895d9c7645/html5/thumbnails/17.jpg)
S2. Seguridad
![Page 18: El diseño es importante](https://reader036.fdocuments.us/reader036/viewer/2022062720/5681351b550346895d9c7645/html5/thumbnails/18.jpg)
Seguridad en cliente
• Seguridad en Vista– User Account Control– Windows Defender – Bitlocker
• IE 7 Security– Sandbox UAC– Filtro pishing – Parental control
S
Q. Have you received an email that looked like or was, in fact, a ‘phishing’ attack? (Gartner Research, April 2004)
Yes, definitely was a phishing attack
Looked like a phishing attack
Not sure
No.
22%
19%
25%
34%
![Page 19: El diseño es importante](https://reader036.fdocuments.us/reader036/viewer/2022062720/5681351b550346895d9c7645/html5/thumbnails/19.jpg)
Identidad unificada CardSpace
• Subsistema de identidad integrado con Windows
• Construido sobre estándares WS-Security
• Sistema abierto– Independiente de la identidad– Ej. Usuario / Pwd, Passport, Custom
• Gran experiencia de usuario– Múltiples identidades– Preselección automática– Gestión de privacidad
• Oportunidad de branding– Identidades propias– Compartir identidades con
otros sites
S
![Page 20: El diseño es importante](https://reader036.fdocuments.us/reader036/viewer/2022062720/5681351b550346895d9c7645/html5/thumbnails/20.jpg)
A3. Alcance
![Page 21: El diseño es importante](https://reader036.fdocuments.us/reader036/viewer/2022062720/5681351b550346895d9c7645/html5/thumbnails/21.jpg)
AOportunidad
• La fidelidad en Internet es baja– Acceso reactivo de usuarios
• Escalar y mantener el contacto– Agregación RSS– Gadgets– Movilidad– Office 2007– Media Center– Servicios Live
50%
40%
30%
10%
0%12/04 2/05 4/058/04 8/056/05
20%
MCE Mix of US Retail Consumer PC Sales
Source: Current Analysis, 9/05
10/04
Wireless data revenues now surpass voice
revenues
![Page 22: El diseño es importante](https://reader036.fdocuments.us/reader036/viewer/2022062720/5681351b550346895d9c7645/html5/thumbnails/22.jpg)
Agregación con RSS
• Exponer información como Feed RSS
• Simplifica:– Descubrimiento– Suscripción– Sincronización
• Plataforma RSS– Internet Explorer 7– Outlook 2007– Windows Vista
A
![Page 23: El diseño es importante](https://reader036.fdocuments.us/reader036/viewer/2022062720/5681351b550346895d9c7645/html5/thumbnails/23.jpg)
Vista Gadgets
• Controles personalizados para el Sidebar de Vista
• Conectar servicios con el usuario de forma permanente
• Alto alcance vía catálogo
• Bajo coste de desarrollo: DHTML
A
![Page 24: El diseño es importante](https://reader036.fdocuments.us/reader036/viewer/2022062720/5681351b550346895d9c7645/html5/thumbnails/24.jpg)
Office 2007
Tab
ChunkRibbon
A
• Exponer servicios y contenidos desde Office
• Integración plena– IU– Modelo de objetos
• Entorno de desarrollo– VSTO centrado en documento– Cypress centrado en aplicación
![Page 25: El diseño es importante](https://reader036.fdocuments.us/reader036/viewer/2022062720/5681351b550346895d9c7645/html5/thumbnails/25.jpg)
Windows Media Center A
• Exponer servicios y aplicaciones en Windows Media Center
• Modelo de desarrollo• HTML• WPF• + MC Presentation Layer
• Gran alcance• 50% PCs MCE Capable
![Page 26: El diseño es importante](https://reader036.fdocuments.us/reader036/viewer/2022062720/5681351b550346895d9c7645/html5/thumbnails/26.jpg)
Movilidad
La plataforma común hace posible desarrollar aplicaciones para PC, televisión y dispositivos móviles con igual código base
• Mejorar marca y fidelidad del cliente– Disponibilidad 24x7
• Dos aproximaciones– Cliente ligero (xHTML):
ASP.NET 2.0– Cliente inteligente:
WinForms - WPF/E
Microsoft Smart Device Forecast (000s)
A
![Page 27: El diseño es importante](https://reader036.fdocuments.us/reader036/viewer/2022062720/5681351b550346895d9c7645/html5/thumbnails/27.jpg)
Live Services A
Aplica
ciones
Serv
icio
s
Messenger …
Live.com 3rd Party
Search Presence
Mapping …
• Messenger Bots• Messenger
Activities• Live.com
gadgets
+ A
lcan
ce
• Mashups• IM
integration• Virtual Earth
+
Fu
ncio
nalid
ad
![Page 28: El diseño es importante](https://reader036.fdocuments.us/reader036/viewer/2022062720/5681351b550346895d9c7645/html5/thumbnails/28.jpg)
Conclusión
• AJAX es una fuerza de mercado– Para 2010: 80% webs con Ajax
• Los clientes ricos son la siguiente etapa– Para 2010: 30% aplicaciones contendrán
cliente rico• Tenemos que dejar de pensar en
una informática centrada en el PC• El futuro de la experiencia de
usuario se decidirá en los dispositivos móviles
![Page 29: El diseño es importante](https://reader036.fdocuments.us/reader036/viewer/2022062720/5681351b550346895d9c7645/html5/thumbnails/29.jpg)
Gracias