A menudo suelo recopilar y crear listados con los principales inconvenientes, errores, problemas… que tengo a la hora de realizar una tarea, es una afición o manía como otra cualquiera.

Con respecto al diseño web son muchos los detalles que pueden hacer que el sitio no funcione o que al subirlo al servidor los enlaces, las rutas de las imágenes, las hojas de estilo… no se vean o actúen correctamente.

Algunas de las recomendaciones para intentar que esto no sucedan son:

Evita la Falta de planificación. Un sitio web bien planificado antes de comenzar a desarrollarlo evitara problemas en su diseño y permitirá realizar improvisaciones y modificaciones sin cometer tantos errores.

Llama a la página de inicio index.htm o como te indique tu servidor de Hosting.

Nunca escribas los nombres de los ficheros en MAYÚSCULAS, con espacios, acentos o caracteres no permitidos.

No Cambies el nombre o el sitio de un archivo, después de haberlo insertado o vinculado.

Cuidado con el peso de los archivos de imágenes, videos, sonidos, pdfs…

Evita URLs o URIs complicadas.

Soluciona los tiempos de espera largos en la carga de una página.

No uses demasiadas combinaciones de colores o combinaciones poco acertadas.

Evita usar demasiados Gráficos Animados, cuanto mas sencillo sea el diseño mas destacará el contenido.

No olvides que el contenido es el protagonista de la página web, el diseño debe ser un entorno agradable para la lectura y la localización del contenido.

Evitar estructuras de navegación complicadas, ofrece soporte para navegar y buscar contenido.

Antes de empezar a diseñar o crear contenido, guarda la página en blanco en la carpeta correspondiente para que el editor HTML pueda establecer las rutas relativas correctas a los archivos y los vínculos locales.

No olvides poner Título de las páginas.

No abuses de los tipos de letra.

Visualiza la página con distintos navegadores y versiones, para evitar sorpresas.

Aunque están en desuso, no olvides definir Meta Tags (etiquetas descriptivas del sitio)

Usa siempre que puedas referencias a rutas locales para evitar problemas al cambiar de ubicación el sitio web.

Evita texto en movimiento o símbolos y animaciones constantes.

No diseñes el sitio con texto “de lado a lado” de la pantalla, su lectora se hace incomoda. Usa líneas en blanco (de alivio) entre párrafo y párrafo.

A veces otros sitios pueden enlazar a una pagina concreta de nuestro sitio web, por tu firma, logo o identidad en todas tus páginas, en la cabecera o en el pie de página.

Evita definir páginas con excesivo texto. Si no queda mas remedio divide el texto en varias partes, y que estas partes se enlacen entre si.

Cada página debe tener un enlace a su página principal (Home page).

Cuidado con el uso de nuevas tecnologías que requieran de plugins. Poner enlaces explicando cono se usan y como se descargan e instalan.

Evita el uso de frames (marcos), los buscadores no indexan correctamente el contenido de la página y no se ajustan bien a distintas resoluciones de pantalla.

Actualiza la información desfasada, si no puedes actualizarla, quítala del sitio web.

No publiques los archivos de materiales intermedios (Word, Flash, Photoshop…) a menos que desees compartirlos o que te los cojan.

Seguramente el listado no este completo, mándame tu aportación en un comentario.