> Faqs > Diseño de sitios web para PDAs

Diseño de sitios web para PDAs

Necesito consejos para el correcto diseño de sitios web accesibles desde PDAs.

Respuestas

  1. Ser consciente de las limitaciones de los PDAs.
    Los ordenadores de bolsillo tienen una pantalla más reducida, menos memoria y menos velocidad de proceso que los ordenadores convencionales.
  2. Definir cuidadosamente la estructura del site.
    Con las secciones más importantes y enlaces a las mismas desde todas las páginas. La primera página ya ha de mostrar información útil para el usuario, evitando páginas de bienvenida o de selección de idioma.
  3. Evitar el uso de tablas.
    En la mayoría de los casos basta con dividir el texto con saltos de línea y párrafos. El procesado de las tablas ralentiza la velocidad de carga de la página. Si se utilizan, especificar las dimensiones en porcentajes y sin sobrepasar los 150 pixels de ancho.
  4. No utilizar marcos (frames).
    Si ya de por sí se ha de intentar evitar su uso en el Internet convencional, con más razón en el Internet móvil: la mayoría de los navegadores no los soportan y restan mucho espacio en la pantalla.
  5. Publicar contenidos concisos.
    Por la limitación de la memoria y de la pantalla, escoger sólo la información más importante y esencial.
  6. Organizar la información cuidadosamente.
    Minimizando la longitud del texto (máximo 3 pantallas de longitud) y escogiendo una distribución óptima de los links de navegación (enlaces a otras secciones). Si el texto debe ser extenso, incluir enlaces a distintas partes del mismo para mejorar la navegación.
  7. Optimizar los gráficos.
  • En dimensión: las pantallas de dispositivos Palm OS tienen un tamaño de 150x150, y los Windows CE/Pocket PC de unos 240x320.
  • En tamaño: escogiendo el número de colores visibles en el PDA. (16 y 8 bits de color; 16, 4 y 2 escalas de grises).
  1. Incluir texto alternativo en todas las imágenes.
    Con el tag alt ofrecemos información a los usuarios que han deshabilitado la carga de imágenes en su navegador.
  2. Añadir el tag handheldfriendly al comienzo de todas las páginas.
    AvantGo sabrá que la página está optimizada para PDAs.
    <span class="codigo"> <meta name="HandheldFriendly" content="true"> . </span>
  3. Utilizar convenientemente el caching de las páginas.
    Para aumentar la velocidad de carga de las páginas. No guardar en caché las páginas que se actualizan todos los días (página de noticias), y guardar en cache las páginas que se actualizan raramente (página de créditos).
José Julio Ruiz