Practicas+en+Diseño+Web

=media type="custom" key="7349705" align="right"= =**__LAS MEJORES PRACTICAS EN CUANTO A DISEÑO WEB:__**=


 * NO ABANDONE LAS REGLAS DE BUEN DISEÑO QUE YA CONOCE:**


 * **Siga las reglas básicas de un buen diseño (diseño centrado en el usuario, escribir concisamente evitando el lenguaje comercial superfluo, ofertar menos opciones, incluyendo sólo las más importantes no incluir gráficos y sonidos sólo por contar con ellos).**
 * __﻿__**


 * GRAFICOS Y MULTIMEDIA:**




 * **Reducir al mínimo el uso de imágenes**
 * **Nunca difuminar las imágenes para indicar no disponibilidad**
 * **Cuando los gráficos contengan información útil, también proporcione la información en texto.**
 * **Dé a los usuarios maneras y alternativas de obtener la información contenida en cualquiera de los gráficos que se encuentren.**
 * **No utilice una imagen en miniatura de la página de su sitio para utilizarla como gráfico (o botón) en otra página**
 * **Al hacer uso de gráficos, elija siempre imágenes claras y nítidas.**
 * **Facilite a los usuarios la posibilidad de saltarse cualquier elemento multimedia, aplicación Java o Flash.**
 * **En el caso de hacer uso de cuadros de diálogo en pop-ups, asegúrese de que la acción por defecto es la más “perdonable”.**
 * **Evite abrir nuevas ventanas del navegador.**
 * **Si abre nuevas ventanas del navegador, siempre proporcione una forma sencilla de volver a la página principal del sitio principal.**
 * **No confíe en los rollover de texto (tooltip) para transmitir información.**
 * **Evite utilizar menús en cascada (menús que se despliegan)**


 * ENLACES Y BOTONES:**


 * **Limite el número de enlaces en una página**
 * **Evite pequeños botones y enlaces con texto en minúscula**
 * **Deje espacio entre los enlaces y botones**
 * **Evite el uso de imágenes como el único método de enlazar a otra página.**
 * **Asegúrese de que los comandos importantes aparecen con sus propios vínculos exclusivos.**
 * **Subraye todos los enlaces**
 * **Crear vínculos dentro del texto cuando tenga sentido. Utilice los botones adicionales sólo cuando sea necesario.**


 * ORGANIZACION DE LAS PAGINAS:**
 * **Confirmar al inicio de la carga de la página principal el nombre de la compañía.**
 * **Confirmar al inicio de la carga de una página en qué página se está.**
 * **Reducir la necesidad de desplazarse con scroll.**
 * **Cuando los usuarios deban hacer una elección, ponga todas las posibilidades en la misma zona.**
 * **Cuando los usuarios deben hacer una elección, adviértales de la elección mediante, por ejemplo, un texto del tipo “Selección de pedido”, e infórmeles de la cantidad de opciones que tienen.**
 * **Haga un diseño de páginas consistente**
 * **Considere la posibilidad de utilizar un enlace “Saltar Enlaces” para que los usuarios puedan saltar los enlaces o elementos de navegación.**
 * **Elija una dirección Web de su sitio simple e informativa, y mantenga esa URL en el campo de la dirección de la página después de la carga.**


 * PAGINAS:**
 * **Evite las “páginas portada” previas a la página de inicio de un sitio, haga que la primera página que la gente vea sea la página que mejor describe la compañía y el sitio.**
 * **Incluya tan sólo los pasos y las páginas necesarias**
 * **Evite las “páginas portada” previas a la página de inicio de un sitio, haga que la primera página que la gente vea sea la página que mejor describe la compañía y el sitio.**
 * **Incluya tan sólo los pasos y las páginas necesarias**
 * **Incluya tan sólo los pasos y las páginas necesarias**


 * CAMPOS Y FORMULARIOS:**
 * **Ponga las etiquetas de texto de los campos muy cerca de los campos que les corresponden.**
 * **No confíe sólo en el asterisco para indicar que un campo es necesario.**
 * **Asegúrese de que el orden de tabulación es lógico.**
 * **Haga coincidir el orden de tabulación con la disposición visual de los elementos cuando sea posible.**
 * **En los formularios, ponga el botón “submit” lo más cerca posible del último campo.**
 * **Ponga cualquier instrucción relativa a un campo en particular antes del campo y no después.**
 * TEXTOS:**
 * **Seleccione colores de texto con buen contraste.**
 * **No use un tamaño de fuente muy pequeño para el texto de la página.**
 * **No use texto pequeño o sutil (por ejemplo un gris rebajado) para los encabezados y categorías.**
 * **Cree siempre un buen contraste entre el color del texto y el color de fondo de la página.**
 * **No se base en una imagen de fondo para crear el contraste con el texto.**
 * **Pruebe los colores y fuentes de su sitio con un magnificador de pantalla.**
 * **Asegúrese de que es posible magnificar su sitio.**
 * **Escriba de forma concisa y elimine el texto superfluo.**
 * **Replantéese la forma en la que usa los paréntesis y los asteriscos.**
 * **Ofrezca un motor de búsqueda que perdone los errores de ortografía.**
 * **No base únicamente la capacidad de búsqueda de un sitio en la interfaz de navegación.**
 * **Coloque la caja de búsqueda donde los usuarios la esperan encontrar, no en una zona inesperada.**
 * **Describa claramente los resultados de la búsqueda.**
 * **Avise a los usuarios cuando no han introducido nada en la caja de búsqueda.**
 * **No presente el ranking de relevancia de los resultados de la búsqueda en una tabla.**
 * COMERCIO ELCTRONICO:****﻿**
 * **Describa minuciosamente las imágenes de los productos que el sitio vende como si no hubiera imágenes.**
 * **Ayude a los usuarios a seguir comprando después de haber añadido algo al carrito, dándoles una forma de llegar de nuevo a donde estaban.**
 * **Coloque los botones de “añadir a la cesta de compra” o “realizar pedido” cerca de los elementos a comprar.**
 * **Tenga en cuenta a los clientes internacionales seleccionando cuidadosamente los términos que utiliza.**


 * TABLAS Y FRAMES:**
 * **Evite el uso de tablas para maquetar un sitio.**
 * **Evite el uso de tablas muy grandes sin motivo. Si debe usarlas, considere proporcionar la información también en formato texto.**
 * **En especial en las tablas, no use gráficos para indicar un dato como por ejemplo el estado, es mejor usar texto.**
 * **Asegúrese de que las listas alfabéticas visuales siguen estando en orden alfabético cuando son leídas por un lector de pantalla.**
 * **Incluya un resumen (“summary”) en todas las tablas.**
 * **Antes de usar columnas en el diseño considere cómo se le mostrarán a un usuario con un magnificador de pantalla.**
 * **Describa todos los frames.**


 * CONFIANZA,ESTRATEGIA E IMAGEN DE LA COMPAÑIA:**




 * **Proporcione en su sitio un servicio de atención al cliente cuyas personas tengan unos básicos conocimientos de los problemas de accesibilidad.**
 * **No se refiera a personas en sillas de ruedas con sillas de ruedas o lector de pantalla de usuarios con lector de pantalla.**