Web App con jQuery Mobile I
Hoy vamos a ver cómo enfrentarnos por primera vez a una Web App con jQuery Mobile. Se trata de un pequeño tutorial en el que podrás hacer tu primer diseño web para movil. Es básico, pero puede ser la base de grandes diseños futuros.
Vamos a empezar paso a paso definiendo cada uno de los códigos que componen la Web App y vamos a explicarlos.
diseño para iPhone, iPad
En este blog de diseño web, hemos tratado alguna vez el diseño enfocado a Smartphones, en concreto a iPhone. En esta ocasión pretendo hacer un post que pueda ser un recopilatorio y fuente de documentación para el diseño para iPhone e iPad.
Además de consejos de diseño, podréis descargaros plantillas para diseñar tanto en iPhone como en iPad.
Internet está cambiando, la forma de uso de la Red ha evolucionado más allá del PC y de la web.
Medialabs ofrece estrategias multicanal que convergen y aportan una forma creativa y eficaz de ver Internet.
Redireccionamiento para iPhone, iPod, iPad
En este blog de diseño web, hemos hablado varias veces de lo importante que puede resultar tener la web adaptada para su navegación en terminales móviles, y en particular en iPhone.
Lo ideal sería tener una web adaptada a cualquier tipo de navegador, pero es muy grande la diferencia de usabilidad que existe entre el usuario que accede a nuestro contenido a través de su pantalla de ordenador y el que lo hace a través de un terminal móvil. El tamaño de pantalla, la falta de ratón, incluso el tiempo de dedicación, mucho menor que el que pueda tener un usuario desde casa, son algunos de los factores que nos obligan a tener nuestra web adaptada a estos terminales móviles.
A continuación vamos a ver cómo detectar si el usuario accede a nuestra web con un iPhone, iPod Touch o un iPad.
Futuro del Diseño Web
El Futuro del Diseño Web tiene una cita en Londres del 17 al 19 de Mayo en el «Future of Web Design», uno de los certámenes más importantes en lo que se refiere al Diseño Web.
Conferencias y talleres dedicados al CSS3, al HTML5, jQuery, accesibilidad, diseño de interfaces emocionales, diseño para iPhone, Google Analytics,.. En definitiva una enorme oportunidad para quien tenga la suerte de poder asistir.
Para más información, http://futureofwebdesign.com/schedule/
Usabilidad Web para Móvil
No podemos hablar de un diseño de web para móvil estándar, porque la disparidad de posibilidades que pueden ofrecer los distintos terminales móvil es enorme.
Nada tiene que ver la experiencia de navegación entre un terminal estándar, no tactil de pantalla pequeña al uso de un iPhone, por ejemplo. Y lo peor de esto es que frenta la inmensa comodidad de navegación que ofrece un iPhone o un Android táctil, la mayoría de los usuarios (alrededor del 80%) tiene terminales del tipo estándar, con una horrible usabilidad web.
Además de esto, tenemos una gran franja diferencial entre velocidades de descarga.
También podemos hablar de la incompatibilidad existente entre la visualización de un sitio web en un sobremesa y en un dispositivo móvil. No podemos hacer webs para móviles con imágenes tan grandes y pesadas como se están haciendo hoy en día en webs y blogs. La limitación del tamaño de la pantalla choca frontalmente con la tendencia de grandes fuentes e imágenes.
Otro factor diferencial es el técnico. Terminales que no muestran flash o vídeo, que no ejecutan scripts,…
Entonces, ¿qué es lo correcto?, ¿debemos hacer una web para cada tipo de terminal?, ¿no vale la web que tengo para ser vista en el móvil?,…
