0

60 consejos UX para diseño y desarrollo para web móvil

UX

Lista de 60 buenas prácticas para web móvil, con todo esto de diseño adaptable, responsive, fluido, etc., es bueno tener en cuenta que:

* Asegura que el contenido al que da acceso un URI dé una experiencia temáticamente coherente al acceder a él desde diferentes dispositivos.
* Explota las capacidades de los dispositivos para mejorar la experiencia de usuario.
* Toma pasos razonables para subsanar las implementaciones deficientes.
* Haz pruebas sobre dispositivos reales, además de en emuladores.
* Haz breves los URIs de los puntos de entrada.
* Da solo una navegación mínima en lo alto de la página.
* Ten en cuenta los compromisos entre tener demasiados enlaces en una página y pedir al usuario que siga demasiados enlaces para llegar a lo que busca.
* Da mecanismos de navegación consistentes.
* Asigna teclas rápidas a los enlaces de los menús de navegación y a la funcionalidad de uso frecuente.
* Identifica claramente el objetivo de cada enlace.
* Anota el formato del fichero enlazado a menos que estés seguro de que el dispositivo lo soporta.
* No uses mapas de imagen a menos que sepas que el dispositivo los soporta de manera efectiva.
* No uses pop-ups ni hagas aparecer otras ventanas ni cambies la ventana actual sin avisar al usuario.
* No crees páginas que se autorefresquen periódicamente a menos que informes al usuario y le dotes de un mecanismo para detener el refresco.
* No uses marcado para redirigir páginas automáticamente: configura el servidor para hacer las redirecciones mediante códigos HTTP 3xx.
* Minimiza el número de recursos externos enlazados.
* Asegúrate de que el contenido es adecuado para su uso en un contexto móvil.
* Usa lenguaje claro y simple.
* Limita el contenido a lo que el usuario ha pedido.
* Divide el contenido en porciones usables pero limitadas.
* Asegúrate de que el tamaño total de la página sea apropiado para las limitaciones de memoria del dispositivo.
* Limita el ’scroll’ a una dirección, a menos que el scroll secundario sea inevitable.
* Asegúrate de que el material central al significado de una página preceda al que no lo es.
* No uses gráficos para el espaciado.
* No uses imágenes que no puedan mostrarse en el dispositivo. Evita las imágenes grandes o de alta resolución excepto cuando de otra forma se perdería información crítica.
* Asegúrate de que la información comunicada a través del color también esté disponible sin este.
* Asegúrate de que la combinación de color de primer plano y fondo dé suficiente contraste.
* Al usar imágenes de fondo, asegura la legibilidad del contenido en el dispositivo.
* Usa títulos de página breves pero descriptivos.
* No uses marcos.
* Usa las características del lenguaje de marcado para indicar la estructura lógica del documento.
* No uses tablas a menos que sepas que el dispositivo las soporta.
* No uses tablas anidadas.
* No uses tablas para maquetar.
* En la medida de lo posible, da una alternativa para las presentaciones tabulares.
* Da un equivalente textual para cada elemento no textual.
* No confíes en objetos embebidos ni scripts.
* Especifica el tamaño de las imágenes en el marcado, si tienen un tamaño intrínseco.
* Cambia el tamaño de las imágenes en el servidor, si tienen un tamaño intrínseco.
* Crea documento que validen según las gramáticas formales publicadas.
* No uses medidas en píxeles ni unidades absolutas en los valores de los atributos de los lenguajes de marcado y valores de las propiedades de las hojas de estilo.
* Usa hojas de estilo para controlar la maquetación y la presentación, a menos que sepas que el dispositivo no las soporta.
* Organiza los documentos de forma que puedan leerse, en caso necesario, sin las hojas de estilo.
* Usa hojas de estilo cortas.
* Usa marcado conciso y eficiente.
* Envía el contenido en un formato que sepas que el dispositivo soporta.
* Siempre que sea posible, envía el contenido en un formato preferente.
* Asegura que el contenido use una codificación de caracteres soportada por el dispositivo.
* Indica en la respuesta la codificación de caracteres usada.
* Da mensajes de error informativos y formas de navegar desde la página de error a información útil.
* No confíes en que las cookies estén disponibles.
* Da información de caché en las respuestas HTTP.
* No confíes en los estilos de las tipografías.
* Minimiza las pulsaciones de teclas.
* Evita la entrada de texto libre en la medida de lo posible.
* Da valores por defecto preseleccionados siempre que sea posible.
* Especifica modo de entrada de texto, idiomas y/o formatos de entrada por defecto, si el dispositivo los soporta.
* Crea un orden lógico para los enlaces, controles de formulario y objetos.
* Etiqueta todos los controles de formulario apropiadamente y asocia explícitamente las etiquetas con los controles.
* Posiciona las etiquetas de forma que que queden dispuestas apropiadamente en relación a los controles a que se refieren.

Pocas sorpresas, mucho sentido común y un lenguaje, inevitablemente, políticamente correcto. Pero una buena lista de cosas a tener en cuenta cuando nos ponemos a ello.


Foto por: slworking2 via Compfight cc

Tags:
Fatal error: Uncaught Exception: 12: REST API is deprecated for versions v2.1 and higher (12) thrown in /web/htdocs/www.uxinperu.com/home/wp-content/plugins/seo-facebook-comments/facebook/base_facebook.php on line 1273