Descargado 97 veces
Más contenido relacionado
La actualidad más candente
Windows Phone
- 1. ADRIANA NOHEMI GUERREROURBINA Windows Phone Developer en Gigigo México adriana.guerrero@outlook.com @_adriguerrero
- 3. Qué es WindowsPhone • 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
- 4. Principios de diseño Lenguajeuniversal LENGUAJE METRO INTERFAZ MODERNA (MODERN UI)
- 5. • Orgullo enlo artesanal • Más con menos • Rápido y fluido • Auténticamente digital • Gana como uno Principios de diseño
- 6. Principios de diseño Dedicatiempo 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 Usajerarquí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 CONTENIDOSOBRE 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 Loscomandos 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 SEVIVO 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 Ayudaa 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 objetosdel 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 PIENSAEN 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 saberpara 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
- 17. Core compartido conWinRT 1
- 18. Desarrollo de juegosnativos 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 rendimientode JavaScript 2x más características de HTML5 Capacidad Multi-Touch dentro del navegador Internet Explorer 10 3
- 20. Integrar voz-a-texto ytexto-a-voz con el Speech APIs 15 lenguajes soportados Comandos de voz para abrir apps de pantalla de inicio Voz 4
- 21. NFC Toca-y-Comparte Etiquetas NFC Dispositivo-a-Dispositivo APIs deBluetooth APIs de proximidad 5
- 22. Apps de lentesse integran con la camara Carga automática de fotos a servicios Fotos y lentes 6
- 23. 3 tipos deTiles 7
- 25. Como puedo ganardinero • 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 ganardinero 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 ganardinero • 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 ganardinero 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 deWindows 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/
- 30. Recursos- Videojuegos • Havok •http://bit.ly/wphavok • Audiokinetic • http://bit.ly/audiowp • Unity • http://bit.ly/unitywp • Autodesk • http://bit.ly/autodeskwp
- 31. ¡Gracias! ADRIANA NOHEMI GUERREROURBINA Windows Phone Developer en Gigigo México adriana.guerrero@outlook.com @_adriguerrero bit.ly/introwp
Notas del editor
- #3 ¿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
- #4 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
- #5 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
- #6 El lenguaje de diseño se basa en 5 principales ejes que rigen sus lineamientos
- #7 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
- #8 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
- #9 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
- #10 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
- #11 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
- #12 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
- #13 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
- #14 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
- #15 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
- #16 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
- #18 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
- #19 Frameworks populares ya son compatibles para desarrollo juegosUso de DirectX para desarrollo nativo
- #20 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
- #21 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
- #22 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
- #23 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
- #24 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
- #26 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.
- #27 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
- #28 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
- #29 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
- #30 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