Ir al contenido principal

7 errores que debemos evitar al diseñar sitios web

Aunque cada trabajo de diseño web es distinto, hay ciertas cosas que se deberían de evitar a toda costa si deseamos que el resultado sea lo más atractivo posible de cara al cliente/usuario final. Se trata de cosas básicas al diseñar sitios web y que sin embargo algunas veces algunos pasan por alto, sobre todo aquellos que recién comienzan en este vasto mundo de gustos y colores.

1. Tipo de letra incorrecto

El tipo de letra que se usa en un sitio web suele ser un aspecto al que muchas veces se le presta poca atención y sin embargo es el alma de cualquier página. El tipo de letra debe de ser amigable a la vista, de fácil lectura, tener buenasformas e integrarse perfectamente en el diseño general. Hay que evitar usar tipos de letra demasiado extraños, aunque tampoco hay que irse por la vía fácil y usar siempre Arial o Lucida Grande.

2. Demasiados tipos de letra

Aunado al punto anterior, hay que evitar utilizar demasiados tipos de letra en nuestro diseño. La variedad es buena, sí, pero si abusamos podríamos terminar con un diseño inconsistente y de mal aspecto.

3. Mala combinación de colores

Los colores del diseño general también deben de estar bien combinados. Si estamos faltos de inspiración siempre podemos hacer uso de herramientas en línea que nos proporcionan paletas de colores que, la mayoría de las veces, son bastante buenas.

4. Imágenes mal optimizadas

Aunque las velocidades de conexión a Internet son cada vez más rápidas, hay que recordar que en algunos lugares hay aún conexiones muy lentas. Por ello hay que asegurarnos de optimizar adecuadamente las imágenes de nuestro diseño para que carguen rápidamente sin que pierdan demasiada calidad, sobre todo si utilizamos elementos en formato JPG.

5. Enlaces que confunden

Hay que asegurarnos de que los enlaces se vean claramente como enlaces y que avisen al usuario si han sido visitados o no. Es realmente molesto visitar el mismo enlace dos veces.

6. Mala alineación

A no ser que el cliente nos encargue un diseño asimétrico debemos asegurarnos de que la alineación de los distintos elementos de la página es la correcta, cuidando espacios y márgenes. Un diseño mal estructurado da la sensación de dejadez, causando una mala impresión.

7. Incompatibilidad entre navegadores

Finalmente llegamos al último punto, tal vez uno de los más importantes: la compatibilidad de nuestro diseño en los distintos navegadores del mercado. Hay quienes diseñan sólo para uno o dos navegadores, cuando como mínimo deberíamos de diseñar para los 5 más populares (en orden aleatorio): Firefox, Opera, Internet Explorer, Chrome y Safari. Aunque más que preocuparnos por nombres de navegadores deberíamos de hacerlo por motores de renderizado como Gecko, WebKit, Trident, etcétera.

Comentarios

Entradas populares de este blog

Instalación de Zorin OS Lite 15.2 x86 (32 bits) para equipos con hardware de bajos recursos

Zorin OS ( https://zorinos.com/ ) es una distribución Linux, pensada para ser una alternativa para los usuarios de Windows y Mac que quieran migrar. Diseñado para que tu equipo sea más rápido, más poderoso, y respectando tu privacidad, o al menos, eso es lo que expresan en su página oficial. Este sistema operativo ofrece diferentes opciones que se pueden adaptar al proyecto que tengas en mente. Tanto para el trabajo como para la escuela y uso personal. Estás son las alternativas que brinda: Zorin OS 15.2 Ultimate (a solamente a $39.00 dólares) Zorin OS 15.2 Core Zorin OS 15.2 Lite Zorin OS 15.2 Education  0. Requisitos mínimos. Para instalar Zorin OS, dependiendo de la versión que deseemos instalar serán los requisitos mínimos que tiene que cumplir nuestro equipo de cómputo. Para Zorin OS Ultimate, Education, y Core. CPU: 1Ghz Dual Core - 64 bit RAM: 2 GB Storage: 10 GB (Core y Education) or 20 GB (Ultimate) Display 800 x 600 resolution Para Zorin OS Lite. CP

¿Cómo configurar un servidor para archivos estáticos con nginx en Windows 10?

Hola, ¿Qué tal? Deseo que te encuentres muy bien. En esta publicación te traigo la segunda publicación de Guía de inicio básica para nginx en Windows 10, donde te mostraré la configuración básica para un servidor de archivos estáticos con Nginx. ¿Cómo configurar un servidor para archivos estáticos con nginx en Windows 10? 0. Primero, lo primero. Supongo que ya tienes instalado NGINX en tu computadora. Si no es así te invito a que revises la publicación  ¿Cómo instalar nginx en Windows 10?   1. Configurando nuestro servidor de archivos estáticos. Primeramente, te recomiendo que hagas un respaldo del archivo de configuración que trae por defecto Nginx, mismo que se encuentra en la carpeta "conf". En mi caso, realice una copia del archivo y lo renombre como "nginx.conf.back", así como se muestra en la siguiente imagen. Y como te habrás dado cuenta en la imagen. Debes de crear un archivo con el nombre de "nginx.conf". En este archivo es donde ira la config

Guía de inicio básica para nginx en Windows 10

Hola, ¿Qué tal? Deseo que te encuentres muy bien. En esta publicación te traigo una Guía de inicio básica para nginx en Windows 10, muy básico. Sin más esto es,  Guía de inicio básica para nginx en Windows 10 0. Primero, lo primero. Supongo que ya tienes instalado NGINX en tu computadora. Si no es así te invito a que revises la publicación  ¿Cómo instalar nginx en Windows 10?   Para ejecutar NGINX podemos hacerlo de dos formas. La primera es dando doble clic en el archivo ejecutable, y la segunda es ejecutar la aplicación desde la línea de comandos. Para ejecutar NGINX debes de escribir el siguiente comando en la línea de comandos: Mediante el siguiente comando verificaremos que se este ejecutando NGINX. Una vez que estás seguro de que se está ejecutando NGINX, podemos continuar con lo siguiente. Si te diste cuenta, se están ejecutando dos procesos de nginx. Uno de ellos es el proceso maestro ( master ), y el otro es el proceso de trabajo ( worker ). Y ¿qué función tienen estos dos pro