10 puntos de usabilidad y diseño web para PDAs

Información extraida de: http://www.pdaexpertos.com/Tutoriales/Internet_movil/10_puntos_de_usabilidad_y_diseno_web_para_PDAs.shtml

Puntos clave para diseñar correctamente sitios webs accesibles para ordenadores de bolsillo.

Con la expansión del Internet móvil, deberemos tener en cuenta las siguientes claves para optimizar nuestras webs móviles:

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 de sobremesa.

2. Definir cuidadosamente la estructura del site.

Con únicamente las secciones más importantes, y con enlaces a éstas desde todas las páginas. La página de portada ya ha de mostrar información útil para el usuario, evitando páginas inútiles 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 o evitar sobrepasar los 150 pixels de ancho (esta cifra aumenta para los modelos de PDAs con mayor resolución).

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 -scrolls- 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 dentro del documento.

7. Optimizar los gráficos.

En dimensión: las pantallas de dispositivos Palm OS tienen un resolución de 150×150, 320×320 o 320×480, dependiendo del modelo.

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).

8. 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.

9. Añadir el tag handheldfriendly al comienzo de todas las páginas.

AvantGo sabrá que la página está optimizada para PDAs.

10. 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).

Comments are closed.