Consejos para un mejor diseño web (Parte I)
Para quienes no sabían, hace un tiempo que fue el afortunado de ganar el libro “Diseño de páginas Web con XHTML, JavaScript y CSS“, obra que se otorgaba al primer puesto del primer concurso que organizó ChicaSEO hace un mes… Cuando recibí el libro empecé inmediatamente a leerlo, pero tuve que abandonarlo a mitad de camino por tener que dedicarme al estudio, pero por suerte me encontré luego con varios espacios libres al día y terminé finalmente de leerlo completamente…
Como me parece muy egoísta guardarme todo lo que he aprendido del libro, he decidido realizar una recopilación de consejos o sugerencias para mejorar el diseño web, es decir pequeños “tips” para un diseño más profesional y prolijo… Algunos podrán ser nuevos para unos, pero está muy bueno y sirve recordarlos…
- El uso de muchas fuentes (tipos de letras) en una página dificulta la lectura de la misma. Es recomendable no utilizar más de dos fuentes.
- Las líneas de texto corta son más fáciles de leer que las largas.
- Hay que utilizar normalmente una altura de texto de 10 ó 12 puntos para el texto.
- Deben alinearse los textos por la izquierda, ya que la alineación derecha dificulta la lectura del mismo (obvio, hay idiomas que piden lo contrario pero yo estoy hablando en Español).
- Nadie suele leer todo el texto de una página. La mejor opción consiste en dividir en varias páginas el contenido de la web, y tener en cuenta que las páginas que contienen mucha información tardan más en cargarse (no todos tienen banda ancha, muchos todavía la pelean con el módem de Dial-Up). Por otra parte muchos usuarios no sueles utilizar las barras de desplazamiento para ver el resto de la página (lo que se relaciona también con el poner un logo muy grande que deje abajo lo importante del artículo, si Mikel, de Porta-Folio Blog, a vos te digo, JeJe).
- No hay que utilizar textos intermitentes (la etiqueta Blink), ya que distrae al lector y hace que pierda la concentración.
- No abusar de los textos en mayúsculas, ya que bien sabemos son muy útiles para representar que estamos gritando pero quedan agresivas si se las utiliza en todo el contenido.
Con pueden notar esto no termina aquí, es recién el comienzo pero para no saturarlos no quiero poner todos los consejos juntos ya que pierden importancia o se olvidan a medida de que se avanza en la lectura…
Por otro lado, ¿que consejos tienen ustedes para brindar?, estaría bueno hacer una recopilación y los termino juntando en la última parte de los consejos (con su respectivo link de agradecimiento)… Saludos…
Gracias ChicaSEO…
[...] Nuevamente retomo los consejos o pautas (también podrían ser”tips”) para que podamos, a partir de pequeñas indicaciones, mejorar el diseño de nuestra propia web… Recuerden que, como bien dice el título, esta es la segunda parte de la recopilación de consejos del libro ““Diseño de páginas Web con XHTML, JavaScript y CSS“ (gracias a ChicaSEO), por lo que estaría bueno complementar estos con los anteriores (léase “Consejos para un mejor diseño web (Parte I)“)… [...]
Hola,
Quería hacer una puntualización sobre el consejo de utilizar fuentes de 10 o 12 puntos: sería mejor utilizar fuentes en medidas relativas (em) en lugar de fuentes fijas (pt o px). Esto hace que la página se adapte a las diferentes resoluciones de pantalla de los usuarios.
Este mismo consejo también se aplica a las medidas de los diferentes elementos de la página, donde lo ideal seria utilizar medidas en porcentajes (%), claro que esto no siempre es posible dependiendo del diseño… saludos!
[...] los restantes, los cuales recuerden es recomendable acompañarlos de la primer parte (léase “Consejos para un mejor diseño web (Parte I)“) y la segunda parte (léase “Consejos para un mejor diseño web (Parte [...]
[...] y es necesario recordar que los siguientes consejos hay que complementarlos sin duda alguna con la primera, segunda y tercera parte de los [...]
[...] Consejos de Diseño: En este blog usted detallará algunos consejos para que pueda desarrollar un mejor portal para Internet. Además encontrará algunos artículos relacionados, categorías similares, una sección en la cual usted podrá verter sus opiniones, zona de registro y de contacto. [...]
Déjame felicitarte, que bueno que está tu blog los temas tienen la información exacta que me interesa, sigue posteando más sobre estos temas de color y diseño.
Saludos