El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
Windows Phone
1. ADRIANA NOHEMI GUERRERO URBINA
Windows Phone Developer en Gigigo México
adriana.guerrero@outlook.com
@_adriguerrero
2.
3. Qué es Windows Phone
• 3er SO móvil más popular en el mercado a nivel mundial
• 2º en México con 15% de mercado
• 2 millones de dispositivos en México.
• Versión 7.8 y 8.
• Predecible y compatible.
• 120,000 apps
5. • Orgullo en lo artesanal
• Más con menos
• Rápido y fluido
• Auténticamente digital
• Gana como uno
Principios de diseño
6. Principios de diseño
Dedica tiempo y energía en pequeñas
cosas que muchos verán frecuentemente
USO DE REJILLAS
Una rejilla es el pegamento que le da a tu contenido la
cohesión que necesita
• Orgullo en lo artesanal
• Más con menos
• Rápido y fluido
• Auténticamente digital
• Gana como uno
7. Principios de diseño
Usa jerarquía y balance cuando diseñes tu app. El
buen uso de la tipografía puede crear un sentido
de estructura y ritmo en la interfaz de tu
aplicación.
TODO CUADRA
• Orgullo en lo artesanal
• Más con menos
• Rápido y fluido
• Auténticamente digital
• Gana como uno
8. Principios de diseño
CONTENIDO SOBRE CROMO
Creemos en el contenido, no en el cromo.
Permite que el contenido de la app brille.
Haz que la gente se envuelva en lo que
aman y ellos exploraran el resto.
• Orgullo en lo artesanal
• Más con menos
• Rápido y fluido
• Auténticamente digital
• Gana como uno
9. Principios de diseño
Los comandos y funcionalidad relevantes son
aparentes y fáciles de interactuar.
PERMITE A TU CONTENIDO RESPIRAR
• Orgullo en lo artesanal
• Más con menos
• Rápido y fluido
• Auténticamente digital
• Gana como uno
10. Principios de diseño
SE VIVO
Haz que la gente interactúe directamente
con el contenido y responda a acciones
rápidamente.
• Orgullo en lo artesanal
• Más con menos
• Rápido y fluido
• Auténticamente digital
• Gana como uno
11. Principios de diseño
Ayuda a la gente a aprender como funciona
tu interfaz.
MOVIMIENTO
• Orgullo en lo artesanal
• Más con menos
• Rápido y fluido
• Auténticamente digital
• Gana como uno
12. Principios de diseño
Se "infográfico". La entrega de información es el
primer objetivo.
LA INFORMACIÓN ESTA “IN”
• Orgullo en lo artesanal
• Más con menos
• Rápido y fluido
• Auténticamente digital
• Gana como uno
13. ICONOGRÁFICO
Herramientas y objetos del mundo real son usados como metáforas
La estética dominante es el híper-realismo
Traducción del contenido de lo real a lo digital
Nuestras cosas digitales
Contenido representado tal como existe
Se asume que el contenido es interactivo
Aumenta a los objetos, personas, y datos con información relevante
Nuestros yo digitales
INFOGRÁFICO
VS
14. Principios de diseño
PIENSA EN PLATAFORMA
Trata de no reinventar la rueda. La innovación es buena,
pero no a costa de la experiencia de usuario.
• Orgullo en lo artesanal
• Más con menos
• Rápido y fluido
• Auténticamente digital
• Gana como uno
15. Que necesito saber para desarrollar
• C# y XAML.
• Visual Basic y XAML
• C++ y Direct3D.
Los desarrolladores de otras plataformas tienen cantidad de recursos de capacitación
disponibles y todas las herramientas necesarias, totalmente GRATIS.
• Windows Phone SDK 8.0
• Visual Studio 2012 Express
18. Desarrollo de juegos nativos para la plataforma, basados en
DirectX
Los desarrolladores pueden escribir juegos similares para
Windows 8 y Windows Phone
2
Código nativo para juegos epicos
19. 4x mayor rendimiento de JavaScript
2x más características de HTML5
Capacidad Multi-Touch dentro del
navegador
Internet Explorer 10
3
20. Integrar voz-a-texto y texto-a-voz con
el Speech APIs
15 lenguajes soportados
Comandos de voz para abrir apps de
pantalla de inicio
Voz
4
25. Como puedo ganar dinero
• Venta
• Publicidad
• In-App purchase
70% del precio de la app es para
el desarrollador
Los pagos se hacen a partir de
USD $200, hechos por
transferencia bancaria
VENTA REGULAR
26. Como puedo ganar dinero
PRUEBA ANTES DE COMPRAR
Determina dentro de la app app cual version
está corriendo
Las apps de prueba no se muestran en la
busqueda gratuita
Considera un modelo de precios light y
premium
• Venta
• Publicidad
• In-App purchase
27. Como puedo ganar dinero
• Microsoft Advertising SDK
• Lleva a los usuarios a sitios web
• 70% de la ganancia es para el
desarrollador
• Venta
• Publicidad
• In-App purchase
28. Como puedo ganar dinero
Windows Phone 8 te permite vender actualizaciones y características
adicionales a usuarios desde dentro de tu app
La Windows Store puede entregar recibos firmados para compras que puedan
ser usadas para autentificar acceso a los recursos
Personaliza
Agrega y modifica diferentes
opciones de pago para
diversos segmentos de usuario
Mayor alcance
Atrae a más usuarios con una
experiencia inicial gratuita
Venta mejorada
Vende incrementalmente a
usuarios para que compren
bienes digitales y servicios
para mejorar o extender la
experiencia de la app en la
app misma
• Venta
• Publicidad
• In-App purchase
29. Recursos
• SDK de Windows Phone 8
• http://bit.ly/wpdevsdk
• Training kit básico y avanzado de Microsoft
• http://bit.ly/wp8_tkit
• Diplomado Windows Phone 8 (¡27 de Mayo!)
• http://bit.ly/wpdiploma
• Grupo en Facebook
• https://www.facebook.com/groups/windowsdev/
(Programa de Nokia Active Developers)
• Blog
• http://blogs.windows.com/windows_phone/b/wpdev/
31. ¡Gracias!
ADRIANA NOHEMI GUERRERO URBINA
Windows Phone Developer en Gigigo México
adriana.guerrero@outlook.com
@_adriguerrero
bit.ly/introwp
Notas del editor
¿Quienestienenconocimientos de desarrollo de aplicacionesmóviles?Si si:En plataforma Android?En iOS?En Blackberry?En Windows Phone?Si no:Quieneshanoidohablar de… las 4Esperemosque al final de la platicaquierandesarrollartodos para Windows PhonePorqueaquivamos a ver los principios de diseño de WP, quenecesitan para desarrollar y comohacerquesu app generedinero para ustedesDesarrollen apps para WP
Windows Phone es ahora el 3er SO más importante para dispositivos móviles, por debajo de Android y iOS, recientemente desplazando a Blackberry al cuarto sitio.Las buenas nuevas son que se dio a conocer que ya es segundo más vendido en México según un reporte de IDC.Actualmente tiene 2 millones de dispositivos en México, suficientes usuarios para generar un buen rendimiento, pocas apps llegan a tener si quiera esa cantidad de usuarios.Existen dos versiones del sistema operativo Windows phone 7. 8, conocido comercialmente como wp 7 y ahora también Windows Phone 8, cuenta con alrededor de 10 diferentes equipos, entre los más recientes están la gama de Nokia lumias 920, 820, 620 y 520, todos con Windows phone 8.Practicamente no tiene fragmentación a diferencia de Android por ejemplo que tienes que adaptar tu app a muchos dispositivos, en Windows Phone no es así a pesar que ya existen muchos equipos con diversas características y desde gama baja hasta muy alta.SO de smartphonesGran mercadoNo FragmentaciónDiversos dispositivos pero las apps no se ven diferenteLumias
El equipo de diseño de WP se inspiro en un lenguaje universal, como son los iconos de transporte alrededor del mundo, donde hay gráficos muy simples, pero que permiten encontrar caminos. La filosofía de diseño de WP la podemos ver en las pantallas de apps limpias y ordenadas, que se usen de forma sencilla, donde destacan sobre todo lo demás la información. Consistente, predecible, ya existen controles comunes y prediseñados, para no perder la consistencia entre todas las apps de Windows phoneDarle movimiento a la app, pero sin abusar. Usar con una sola mano. El Lenguaje de diseño antes llamado Metro ahora es llamado como Interfaz Moderna o Modern UI y sirve como guía para diseñar aplicaciones
El lenguaje de diseño se basa en 5 principales ejes que rigen sus lineamientos
Orgullo por lo artesanal: Dedica tiempo y energía en pequeñas cosas que muchos verán frecuentemente como las alineaciones de los textos, el color, la separación y los tamaños de cada elemento de la pantalla. Construye la experiencia para ser completa y pulida en cada etapa. La atención al detalle es un componente esencial del diseño de grandes apps- tanto que debe estar trabajada en el proceso desde el principio.Una rejilla es el pegamento que le da a tu contenido la cohesión que necesitaNo hay que tener miedo a dejar espacios en blanco, como desarrolladores tendemos a llenar la pantalla de información esto puede ahogar al usuario en demasiada información y perder interés en el contenido principal.Tinyurl.com/wp7uxAlineaciónLimpiezaSeparaciónDetalleSencillousando Grid
Usajerarquía y balance cuandodiseñestu app. El buenusode la tipografíapuedecrear un sentido de estructura y ritmo en la interfaz de tuaplicación. Con unatipografíasencillapodemosdarlemássentido a la información en la aplicación, la informaciónes la interfaz.TipografíaTamañosColorJerarquíaFácil de leerContrario a textomonotono y sin distinciónEspacio blanco
Más con menos: Crea una experiencia limpia y propositiva dejando solo los elementos más relevantes en pantalla. Cuando se trata de diseñar grandes experiencias de app, creemos en el contenido, no en el cromo. Enfocandonos en el contenido sobre el cromo reduce elementos innecesarios, permitiendo que el contenido de la app brille. Haz que la gente se envuelva en lo que quieren ver y ellos exploraran el resto.Al eliminar el cromo y tomar ventaja de la fuente, el tamaño, y el color, los remitentes y los títulos son fáciles de leer como en la app de correoAdornos inecesariosEstructura bien definidaComandos clarosEspacio blancoFácil de leer remitentes y título, prioridad color no leidos
Permite a tu contenido respirarLos comandos y funcionalidad relevantes son aparentes y fáciles de interactuar.Como en la pantalla de bloqueo del teléfono el usuario puede ver info básica y hasta la cantidad de mensajes que tiene sin leer , llamadas perdidas, sin necesidad de siquiera desbloquear su teléfono, y otra vez usando la tipografia e iconos para hacer todo claro. Es muy tentador empacar tanto contenido como sea posible en una pantalla, pero recuerda que desplazarse en Windows Phone sólo toma un toque del dedo. El buen diseño de una pantalla está enfocado en la legibilidad y ‘visibilidad’. Deja respirar tu diseño y evita el efecto de ‘paredes de palabras’. Utiliza espacio blanco – el espacio entre elementos visuales – para separar grupos de elementos y haz que tu diseño sea más fácil de entender con sólo dar un vistazo.Contenido con información relevanteComandos clarosPantalla de bloqueo: Información textual, mucha info con sencillezApp de fotos, comandos disponibles con gestos familiares
Los productos que se sienten inmersivos y responsivos son persuasivos, encatadores, y hacen que la interfaz cobre vida. Haz que la gente interactúe directamente con el contenido y responda a acciones rápidamente con la misma energía. Haz que la experiencia sea viva, crea un sentido de continuidad, y cuenta una historia a través de un uso significante del movimiento. Las apps de teléfono necesita enfocarse escenarios simples y de rápido uso. Dado que la gente usa su teléfono mientras están moviéndose, necesitas diseñar tu app acorde a eso. Se vivo Los Live Tiles son responsivos, vivos y cautivadores. Además puedes usarlos para lo que te imagines - desde notificarte de nuevo correo hasta darte el tip de bebidas especiales en tu bar favorito.Recuerda da espacio y no sobre usar las animaciones, porque perdería lo especial.Crea una gran experiencia de mosaico vivo, incluso si ésta no es la característica principal de tu aplicación. Los mosaicos vivos atraen a los usuarios a tu aplicación y te darán una ventaja competitiva.En una aplicación de noticias por ejemplo es buena idea que si el usuario ve el icono de aplicación le muestra la noticia más destacada.Mosaicos vivosApp no activa pero información en Tile relevanteApp de tienda con la ultima ofertaPersonalizableInvitar a usuario a usar
Movimiento Ayuda a la gente a aprendercomofuncionatuinterfaz, la gentedebe saber de dondeviene y haciadondevaasícomo los gestosquehace el usuario la aplicacióndebeindicarle al usuario lo queestasucediendo, usar los gestos de touch del teléfonoporejemplosi se desplaza de unasección a otraesperarahayaalgoque le indique la app estareaccionando a susgestos.Reacción de la interfaz evidente a las acciones del usuarioMovimiento ayuda a situar al usuarioLa interacción es sutil pero responde con la misma energía que el usuario usa
Ser auténticamente digital significa ir más allá de las reglas y propiedades del mundo físico para crear nuevas y emocionantes posibilidades en un espacio puramente digital. Toma ventaja del medio digital.Se "infográfico". La entrega de información es el primer objetivo, no lo que la envuelve. Adoptar la forma infografica te ayudara a optimizar la experiencia de usuario en Windows PhoneNo es necesario definir detalladamente los objetos en la forma digitalNos interesa comunicar la información, porque no nos interesa una abstracción del mundo real en el teléfono. Si yo tengo una silla de madera en el mundo real, no es necesario tenerla en la pantalla, nos importa tener la idea con los mínimos detalles posibles.Los usuarios de wp esperan ya las aplicaciones limpias con las menores distracciones. Infografico en vez de iconográficoIconos con información viva y actualizadaAbstracción digital no físicaLlamadas perdidas, correos, una app de alarma
La información se hace mas personal de forma digital. Podemos eliminar la representación física de los objetos para centrarnos en la información a diferencia de interfaces como la de Android o iPhone donde es común encontrar interfaces que asemejan el mundo real pero dejan al ultimo el contenido y lo que es realmente importante. En Windows phone se tiene una mejor experiencia al identificar fácilmente que está tratando de transmitir el SO y las aplicaciones a través de información que entendemos rápidamente.No es que el diseño de iPhone y Android estén mal o el de WP este bien pero si son diseños muy diferentes que debemos saber identificar para que las aplicaciones que desarrollemos encajen en el contexto donde están, el usuario espera que sus apps se integren con el teléfono y el sistema que usan, en gran medida eligen un teléfono por lo que les ofrece el sistema.Iconografía o también Skeumorfismo (emulación de objetos del mundo físico)Pantallas y pantallas de iconos coloridos pero con poca información relevanteDiseño con diferentes paradigmas no malo o bueno, son gustosUsuario con gusto de interfaz moderna espera apps con interfaz moderna
Usar un modelo de UI y ecosistemacomunescreaescenarioscompletos de principio a fin. En otraspalabras, trata de no reinventar la rueda. La innovaciónesbuena, pero no a costa de la experiencia de usuario. Cada app tambiénexpresa un tono de voz, unapersonalidadqueperciben los usuarios. Encuentra lo quefunciona para tu app y no dudes en imitar lo queya ha sidoefectivo. El usuarioesperaque las aplicacionesseanconsistentes con el Sistema operative y sus apps quevienen de fábrica. Las apps queyafuncionannospuedenservir de guia para replicarpatrones e interfaces yaprobadas y que le usuarioyaestaacostumbrado a usar.Usar patrones a los que el usuario ya esta acostumbradoInnovar siguiendo los lineamientos de diseñoImitarPensar en W8, WP, TV
Para desarrollar en WP se necesita conocer de la plataforma .NET, y los lenguajes C# y xaml, por lo cual es bueno invertir tiempo en aprender estos lenguajes, actualmente existen cursos en línea y diplomados para aprender a desarrollar. Podemos obtener algunos recursos gratis por medio de programas como MVA.Si has tenido experiencia con plataformas como Silverlight o WPF en .NET puedes reutilizar muchos de esos conocimientos para desarrollar en Windows Phone, además que con estas herramientas ya estas listo para desarrollar en Windows 8 también.Diplomado WP8 con propedéutico de C#, link al final
Cosas desde el punto de vista técnico para considerar cuando estemos desarrollando nuestras aplicaciones Windows 8 y WP8 comparten parte de su núcleo que es WinRTAPIs en común pero no todoAntes era Silverlight en WP7 con Windows CE
Frameworks populares ya son compatibles para desarrollo juegosUso de DirectX para desarrollo nativo
Si desarrollan web, les agradara saber que IE 10 tiene 4 veces mayor rendimiento de javascript en comparación con IE 9Más características de HTML 5Multitouch para hacer juego más interactivos
Si su app quieren tenga comandos de voz ahora lo podrán hacer, o hacer que el teléfono lea el texto y crear apps con más accesibilidad
Para comunicar dispositivos con tarjetas NFC o con otros dispositivos a través de bluetoothUsado ya en aplicaciones de toca y compra y sustituyendo a apps de códigos QR
Pueden integrar apps con la cámara directamente para que al tomar una foto o un video puedan procesar estas imágenes rápidamente o compartirlas a un servicioHay muchas apps que hacen filtros divertidos a fotos y videos por ejemplo o traducen texto tomado de una foto
Tal vez el diferenciador más importante de Windows Phone son los Tiles o iconos de aplicación dinámicosCon ellos cuando el usuario ha anclado la aplicación a su pantalla de inicio podemos mostrarle información relevante, como las ultimas noticias, mensajes o la ultima oferta, o ciclar las fotos que se han subido a un servicio
Existen métodos que nos ayudan a recibir dinero de nuestras App, a monetizarlas. Publicidad, In App pulsase, Venta: La venta regular es desde que publicamos nuestra app definimos un precio. El desarrollador obtiene el 70% de cada descarga, pero recibe su dinero por medio de transferencia hasta que se complete 200 dlrs por su app.
Otro tipo de venta, que considero efectiva es la de ofrecer un periodo de prueba para nuestra app y después el usuario pueda comprarla y obtenga mas beneficios si la compra, Comúnmente ms usada en juegos Ofrecer una aplicación completa si el usuario paga, limitada si usa una versión de prueba
Publicidad:Se refiere a incluir publicidad en nuestra app, igualmente el desarrollador obtiene el 70% de las ganancias. Micirosoft cuenta con un SDK para incluir de manera fácil publicidad en nuestras apps.Funciona si tu app se vuelve muy popular
In-apppurchase. Esto es, ofrecerle actualizaciones o beneficios adicionales a los usuarios de nuestra appComprar un ítem de un juegoComprar una característica adicional de la aplicaciónComprar una pizza y darle puntos al usuario por hacerlo que se guardan en alguna tarjeta virtual del usuario para crear programas de lealtad, la billetera virtual es también una de las características de WP8
Diplomado Empieza Lunes!Programa para desarrolladores WP ActiveDevelopers, habrá premios en efectivo por crear las mejores apps! Este es durante todo el resto del año