Portada | Monotemáticos | Secciones | Desarrolladores | Comunidad | Servicios | Servicios profesionales | RSS
Desde 0 | HTML | CSS | ASP | PHP | AJAX | Javascript | Promoción de webs | Rentabilidad de webs
Directorio | Manuales | Scripts | FAQs | Programas | Artículos Copyleft | Actualidad | La Cosecha | Colabora
Registrarse | Vuestras páginas | Foros del web | Lista de correo | Boletín de novedades
Generador METAs | Compras | Busca cursos
Alojamiento | Dominios.es | Micropagos SMS | Buscadores | Patentes, marcas | Creación web | Multimedia | Videos
Desarrollo Freelance | Buscar proyectos | Buscar profesionales | Solicitar desarrollo

Diseñar para dispositivos móviles


Pautas que aconsejan como realizar páginas web aptas para dispositivos móviles


04/7/07 - Cuando se habla de Web Móvil se está haciendo referencia a una Web en la que el usuario puede acceder a la información desde cualquier lugar, independientemente del tipo de dispositivo que utilice para ello.

En la mayoría de la ocasiones, la experiencia del usuario es poco satisfactoria al encontrarse con numerosos problemas para acceder a la Web desde los dispositivos móviles.

El W3C, con el objetivo de convertir el acceso a la Web desde un dispositivo móvil en algo tan sencillo y cómodo como lo es desde los equipos de escritorio, ha puesto en marcha la "Iniciativa de Web Móvil" que busca resolver los problemas de interoperabilidad y usabilidad que actualmente dificultan el acceso a la misma desde ellos y hacer así posible uno de los objetivos principales de la organización que consiste en alcanzar una Web única.

En el sitio de W3C se habla de “Candidate Recommendation”, “Candidato a recomendación” lo que significa que el próximo paso, una vez que se haya recibido suficiente información sobre la implementación de estas prácticas, será el de Recomendación (es decir, oficialmente aprobado por el W3C).

Hoy hay un total de 60 pautas, que nos aconsejan cómo hacer páginas Web aptas para pequeños dispositivos conectados a Internet, como por ejemplo teléfonos móviles, monitores, PDA, terminales de texto, Web TV, navegadores parlantes...

A continuación ofrecemos una traducción de varias de las pautas que aparecen en esa lista:

  • Como en el mundo de las PC de escritorio, hay navegadores que no respetan las intenciones del proveedor del contenido. Hay diferencias en la interpretación entre los navegadores y hay también deficiencias en la puesta en práctica. Por deficiente nos referimos al no poder soportar las características obligatorias de un estándar o una recomendación relevante como otros bugs o errores en la puesta en práctica.
  • Se recomienda testear el sitio Web desarrollado en los navegadores que utilizan los dispositivos móviles y sobre los dispositivos móviles reales, ya que los emuladores de navegadores móviles en la práctica no funcionan exactamente igual que dentro del propio dispositivo.
  • Se recomienda también definir URLs cortas, debido a la dificultad de tipeo sobre dispositivos móviles. Evitar tener que hacer entrar al usuario a un subdirectorio dentro de un dominio por la misma dificultad.
  • Proporcionar solamente una navegación mínima en la parte superior de la página. Cualquier otro elemento de navegación secundario se puede poner al pie de la página si realmente es necesario. Es importante que los usuarios puedan ver el contenido de la página de una vez cuando la misma haya cargado sin la necesidad de realizar scroll.
  • Proporcionar los links básicos en una sola línea.
  • Proveer mecanismos de navegación consistentes, incluir atajos de teclado para dispositivos sin “pointing device” así el usuario podrá saltar grupos de contenidos. Informar sobre links que apunten a contenido en otro formato, de modo que los usuarios no se descarguen contenido que su dispositivo no puede visualizar o interpretar.
  • No utilizar los mapas de imagen a menos que el dispositivo los soporte con eficiencia.
  • Arriba, abajo, izquierda, derecha y “enter” están disponibles en la mayoría de los dispositivos móviles, aún si no cuentan con “pointing device”.
  • No generar cambios de ventana o “pop ups” sin avisarle al usuario. Muchos dispositivos móviles no pueden soportar más de una ventana abierta.
  • Asegurarse de que el tamaño total de la página sea apropiado a las limitaciones de la memoria del dispositivo. Si las páginas son demasiado pesadas pueden tomar mucho tiempo para cargarse. Además, los dispositivos móviles en general tienen restricciones para visualizar páginas grandes.
  • No usar imágenes para espaciar. El mecanismo popular de utilizar 1 píxel no funciona en una variedad de pantallas.
  • Asegurarse que la información proporcionada a color es decodificada correctamente en pantallas monocromáticas. Asegurarse también de proporcionar un buen contraste entre figuras y fondo. Los dispositivos móviles a menudo no tienen buen contraste de color y se utilizan en general en condiciones de la iluminación poco ideales.
  • No utilizar “frames”, ya que muchos dispositivos móviles no los interpretan.
  • No utilizar tablas, a no ser que se sepa de antemano que el dispositivo las soporta.
  • Muchos dispositivos móviles no soportan “embedded objects” o “scripts” y en muchos casos no es posible que los usuarios descarguen el “plug-in” correspondiente. El contenido se debe diseñar con esta limitación en mente. Aún cuando el dispositivo soporte “scripts”, no lo utilizarlos a menos que no haya otra manera de lograr sus objetivos. Los “scripts” aumentan el consumo de energía disminuyendo la vida de la batería.
  • Evitar las medidas absolutas para permitir que el navegador se adapte el contenido a la medida de pantalla.
Esta guía de buenas prácticas será tan importante como actualmente lo son en el diseño Web en general las demás establecidas por el W3C. De hecho, al igual que ya existen herramientas de validación para comprobar nuestros documentos CSS, HTML, etc., no tardará en aparecer un validador de contenidos móviles.

Para más información sobre este tema recomiendo visitar los siguientes sitios:

 Seguir navegando a partir aquí:
+ 1 manual relacionado
+ 2 categorias relacionadas
+ 1 comentario no revisado

 Autoría, licencia y acciones sobre este artículo

Informe de Serviweb*
Diseño web Murcia
URL: http://www.serviweb.es/

Atención: Copyright. Este artículo no se puede reproducir sin la autorización expresa del autor.

* Para consultas técnicas utilizar la lista de correo.

Versión imprimible Versión imprimible del artículo
Enviar artículo por e-mail Enviar artículo por e-mail
Añadir un comentario al artículo Publicar un comentario del artículo

Manuales relacionados con este artículo
Dentro de Usabilidad en la web

Categorias relacionadas
A través de las categorías de nuestro directorio se pueden encontrar otro tipo de recursos relacionados con este artículo:
+ Entrar en Diseño web
+ Entrar en Usabilidad


 Comentarios sin revisar
Entre los comentarios no revisados puede haber algunos interesantes que se hayan enviado recientemente.
 Se ha encontrado un comentario sin revisar

Ver el comentario no revisadoVer los comentarios no revisados
Añadir un comentario al artículo Añadir un comentario del artículo



Enlaces:
Maestrosdelweb
  Ir arriba

Manuales relacionados
+Usabilidad en la web
Categorías
+Diseño web
+Usabilidad

Lectura recomendada

Compra este libro en Agapea, la librería urgente a domicilio.

Tienda DesarrolloWeb

DesarrolloWeb.com | Copyright | Anunciese | Acerca de | Datos legales | Contacta | Por GuiarteMultimedia