Lista de vericacin de buenas prcticas de diseo

Estructura de la pgina
Atractiva para el usuario objetivo Logo/cabecera consistente rea de navegacin consistente Ttulo de la pgina de carcter informativo, incluyendo nombre de la empresa rea del pie de pgina copyright, ltima revisin, email de contacto Uso inteligente de los principios del diseo grco: repeticin, contraste, proximidad, alineamiento Displays sin Scroll horizontal (1024768 y resoluciones mayores) Equilibrio entre textos, grcos y espacios blancos en cada pgina Contraste entre texto y fondo de las pginas La informacin repetida (cabecera y logo adems de la navegacin) no debe ocupar ms de un cuarto o un tercio de la parte superior de la pgina a 1024768 La pgina de inicio debe contener informacin relevante/interesante por encima de la lnea de scroll La pgina de inicio debe cargarse en menos de 6 segundos desde su peticin

Compatibilidad con los navegadores

Compatible con las versiones ms populares de Internet Explorer (8+) Compatible con las versiones ms populares de Firefox (5+) Compatible con las versiones ms populares de Opera (10+) Compatible con las versiones ms populares de Safari (Mac y Windows)
Lista de vericacin de buenas prcticas de diseo 2

Navegacin
Los enlaces de la navegacin principal estn claramente resaltados en todas las pginas de site de forma constante La navegacin es sencilla de utilizar Si la navegacin principal est construida mediante ash o imgenes entonces repetiremos de forma clara los enlaces en el pie de pgina y slo con texto. La navegacin est ordenada como una lista UL (accesibilidad) Las ayudas de navegacin, sitemaps, breadcrums son utilizadas para mejorar la experiencia de la navegacin No hay enlaces rotos

Color y grcos
Utilizacin de colores bien diferenciados entre fondos y textos, limitando el nmero de colores a 3 4 adems de los colores neutrales que se quieran utilizar. El color es utilizado de forma jerrquica Los colores tienen buen contraste con los textos utilizados El color utilizado en grcas facilita la comprensin del sitio La grca es optimizada para que los tiempos de carga sean adecuados Cada imagen utilizada tiene una funcin clara Los tags de las imgenes utilizan el atributo alt para facilitar un texto alternativo a la imagen en el caso que el navegador o User Agent no soporte imgenes. Las imgenes animadas no distraen la atencin innecesariamente y no se repiten o lo hacen pocas veces
Lista de vericacin de buenas prcticas de diseo 3

Multimedia
Cada audio/vdeo/ash tiene una funcin clara Cada audio/vdeo/ash aportaq claridad al contenido, nuca distraccin Se proporcionan subttulos para cada archivo de audio o de vdeo utilizada (accesibilidad) Los tiempos de descarga de archivos de audio o vdeo estn optimizados Los enlaces a descargas de plug-ins utilizados se proporcionan en la propia web

Presentacin de contenidos
Utilizacin de tipografas comunes en entornos web. No proliferacin de multitud de tipos de letra distintos en una misma web. Utilizacin de tcnicas de escritura HTML: encabezamientos, bullets Utilizacin de espacios blancos que ayuden a la comprensin, sentencias cortas en prrafos resumidos. Utilizacin jerrquica y consistente de los atributos tipogrcos El contenido proporciona informacin relevante El contenido es organizado de forma consitente Mnimos clicks para llegar a cualquier contenido Lnea de tiempo: la fecha de la ltima revisin y/o copyright es correcta El contenido no tiene informacin anticuada El contenido est escrito de forma adecuada y sin errores ortogrcos El contenido proporciona enlaces de inters a otras webs Evitar el recurrido pincha aqu en los hipervnculos
Lista de vericacin de buenas prcticas de diseo 4

Funcionalidad
Todos los enlaces internos funcionan Todos los enlaces externos funcionan Todos los formularios funcionan correctamente No hay errores de javascript

Lista de vericacin de buenas prcticas de diseo