Desarrollando sitios web para moviles

DESARROLLANDO VERSIONES

PARA MÓVILES DE SITIOS WEB

www.wsimarketingelectronico.comVISÍTANOS: LinkedIn | Twitter | Facebook | Blog | Youtube

http://www.wsimarketingelectronico.com/

http://www.linkedin.com/in/arturodelcastillo

http://twitter.com/MercadoInternet

http://www.facebook.com/MercadotecniaporInternet

http://mercadotecnia-internet.blogspot.com/

http://www.youtube.com/user/MercadotecniaEnLinea

EL USO DE BROWSERS MÓVILES EN MÉXICO








A NIVEL MUNDIAL

4.45%








EN MEXICO3.71%








La participación de los browsers móviles se duplicó desde julio del año pasado








El desafío…








DISEÑO WEB PARA BROWSERS MÓVILES








Header

Main Navigation

Content

Footer

LAYOUTS SIMPLES!








TAMAÑOS DE PANTALLAS MÓVILES MAS COMUNES








60 MEJORES PRÁCTICAS DE DISEÑO PARA MÓVILES

http://www.w3.org/TR/mobile-bp/summary


http://www.w3.org/TR/mobile-bp/summary







• 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!)








• 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…








Technology

Desarrollando sitios web para moviles