Desarrollando sitios web para moviles
-
Upload
arturo-del-castillo -
Category
Technology
-
view
622 -
download
1
description
Transcript of Desarrollando sitios web para moviles
DESARROLLANDO VERSIONES
PARA MÓVILES DE SITIOS WEB
www.wsimarketingelectronico.comVISÍTANOS: LinkedIn | Twitter | Facebook | Blog | Youtube
EL USO DE BROWSERS MÓVILES EN MÉXICO
www.wsimarketingelectronico.comVISÍTANOS: LinkedIn | Twitter | Facebook | Blog | Youtube
A NIVEL MUNDIAL
4.45%
www.wsimarketingelectronico.comVISÍTANOS: LinkedIn | Twitter | Facebook | Blog | Youtube
EN MEXICO3.71%
www.wsimarketingelectronico.comVISÍTANOS: LinkedIn | Twitter | Facebook | Blog | Youtube
La participación de los browsers móviles se duplicó desde julio del año pasado
www.wsimarketingelectronico.comVISÍTANOS: LinkedIn | Twitter | Facebook | Blog | Youtube
El desafío…
www.wsimarketingelectronico.comVISÍTANOS: LinkedIn | Twitter | Facebook | Blog | Youtube
DISEÑO WEB PARA BROWSERS MÓVILES
www.wsimarketingelectronico.comVISÍTANOS: LinkedIn | Twitter | Facebook | Blog | Youtube
Header
Main Navigation
Content
Footer
LAYOUTS SIMPLES!
www.wsimarketingelectronico.comVISÍTANOS: LinkedIn | Twitter | Facebook | Blog | Youtube
TAMAÑOS DE PANTALLAS MÓVILES MAS COMUNES
www.wsimarketingelectronico.comVISÍTANOS: LinkedIn | Twitter | Facebook | Blog | Youtube
60 MEJORES PRÁCTICAS DE DISEÑO PARA MÓVILES
http://www.w3.org/TR/mobile-bp/summary
www.wsimarketingelectronico.comVISÍTANOS: LinkedIn | Twitter | Facebook | Blog | Youtube
• iPhone simulator http://developer.apple.com/iPhone/program/• Android emulator
http://code.google.com/android/reference/emulator.html• BlackBerry simulator
http://www.blackberry.com/developers/downloads/simulators/index.shtml
• Windows Phone 7http://create.msdn.com/
• Opera Mini simulatorhttp://www.opera.com/mobile/demo/
• Nokia Qt SDK (Symbian)http://www.forum.nokia.com/info/sw.nokia.com/id/e920da1a-5b18-42df-82c3-907413e525fb/Nokia_Qt_SDK.html
SIMULADORES(Consejo: usa dispositivos reales!)
www.wsimarketingelectronico.comVISÍTANOS: LinkedIn | Twitter | Facebook | Blog | Youtube
• NO frames
• NO uso de tablas para layout
• NO tablas anidadas
• NO espaciadores gráficos
• NO scrolling horizontal
• NO confíes en que objetos insertados van a funcionar:
JAVA, animaciones con CSS, plug-ins, etc.
• NO CONFÍES EN QUE LOS MÓDULOS VAN A
FUNCIONAR EN MÓVILES.
Finalmente, para los técnicos…
www.wsimarketingelectronico.comVISÍTANOS: LinkedIn | Twitter | Facebook | Blog | Youtube