10 consejos para que tus páginas sean más adictivas

Hasta ahora te he mostrado los pasos para convertir un Psd a Html de forma profesional y 100% compatible con los navegadores.

Pero en el proceso de maquetado HTML, debes tener en cuenta ciertas cosas para que tu sitio web quede con muy buen estilo y tus paginas sean lo más atractivas y adictivas que sea posible.

Aquí te doy 10 consejos para que mejores tu maquetación web a la hora de convertir tu Psd en Html.

1 – No abuses de los textos en mayúsculas (ver como las utlizan en las revistas y periódicos)

2 – Utiliza la menor cantidad de imágenes que puedas. Recuerda que cuando mas imágenes, mas tardará el sitio en cargar, y los buscadores “prefieren” los textos.

3 – No utilices imágenes demasiado grandes. Si es necesario, recorta esa imagen en varias más pequeñas para que la carga sea progresiva.

4 – Las líneas de textos más cortas, son mucho más fáciles de leer que las largas.

5 – Procura alinear los textos a la izquierda, ya que las demás alineaciones dificultan la lectura.

6 – No utilices muchas fuentes diferentes en la misma página. Intenta no utilizar más de dos.

7 – El uso de colores neutros, pasteles o desaturados para el fondo, aumenta la legibilidad de las páginas.

8 – Diseña y maqueta tus paginas para TODOS los navegadores, no cierres las puertas. Utiliza estándares XHTML  para la maquetación web como explico en otros artículos. Hay muchas opciones en CSS para hacer compatible tu diseño, incluso el CSS mismo bien usado, es prácticamente 100% compatible entre navegadores.

9 – Los títulos deben ser lo mas sintéticos y descriptivos posible. Recuerda que es lo primero que leen los usuarios de tu página. Si no les interese, jamás leerán el texto que les sigue.

10 – Siempre, pero SIEMPRE, colócale titulo a tu pagina Html con la etiqueta <title>. Recuerda que es lo primero que ven los buscadores y directorios. Además, al guardar tu página en favoritos, esa será la referencia para el usuario.

Como siempre, te pido que me dejes tus comentarios y yo personalmente los estaré respondiendo para ayudarte con tu maquetacion web.
Saludos!

Anuncios

5 pensamientos en “10 consejos para que tus páginas sean más adictivas

  1. Antonio L. Gil

    Buenas!

    Soy programador y estoy aprendiendo un poco sobre diseño o más bien a usar Photoshop para poder diseñar las webs que programo. También quiero aprender bien maquetación.

    Buen post, estoy impaciente por ver los siguientes.

    Saludos!!

    Responder
    1. Psd a Html Autor de la entrada

      Bienvenido Antonio, un gusto tenerte por aquí.
      Seguiré posteando mucho mas material.

      Te puedes suscribir arriba a la derecha y te llegaran avisos de cuando postee un nuevo articulo.
      Saludos!!!

      Responder
  2. David Martín

    Ya si te curras un post sobre cómo adaptar el xHTML maquetado a un theme WordPress, lo bordas! 😉
    Gracias por los post 😉

    Responder

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s