28 Jun

10 reglas importantes del Diseñador Web

 

Un sitio web bien diseñado no solo atraerá a muchos lectores, sino que también ayudará a que su negocio crezca más de lo que imaginas! En el diseño hay que respetar algunas reglas básicas de usabilidad, diseño y SEO con el fin de hacer el sitio web exitoso. Las siguientes normas esperando que le sea útil y puedan llevarse a cabo en sus sitios.

1. Utilice las fuentes adecuadas
Las fuentes pequeñas, con mucha decoración, o la famosa “comic sans” pueden llegar a arruinar un sitio web. Para ello tenga cuidado de no utilizar fuentes que son ilegibles. El objetivo principal es hacer que sus visitantes lean tu sitio web, no que descifre lo que está intentando transmitir. Los sitios que tienen fuentes demasiado pequeñas, por lógica son difíciles de leer y no estipule que han de utilizar la función de zoom con la que vienen los navegadores, ya que no todos conocen de su existencias.

2. Evite nuevas ventanas del navegador
Una de las reglas principales a la hora de un sitio, es dejar que el usuario final tenga el control de todo el sitio y por ello de los enlaces también. Por eso la apertura de nuevas ventanas del navegador además de ser molesto, da una sensación al usuario de no poder controlar todas las acciones que él quiere. En todos los navegadores hay botones para volver “Atrás” así que no se preocupen, el usuario volverá a su sitio si lo desea.
En caso de que el enlace es hacia un sitio interesante con contenido mucho más relevante que el suyo, recién aquí se aconseja utilizar el abrir una nueva ventana, ya que el usuario puede perderse en un contenido relevante de tercero olvidándose de su sitio por completo

3. Suscripciones no automáticas
El envío de correos electrónicos con el último contenido de su sitio es algo muy importante que mantendrá informado a sus seguidores y hará que lo visiten periódicamente. Pero no por ello subscriba a las personas sin su consentimiento.
Ya que no es profesional, es muy probable que pierda visitantes y corre el riesgo de ser penado por motores de búsqueda (más si ha comprado base de datos de email)

4. No utilice música.
Esta es una regla bastante sencilla. No poner música en un sitio! Claro que existen excepciones que su cliente se vea empecinado en que se reproduzca un sonido cuando ingresen a su sitio, o que deba incorporarlo en un sitio de algún grupo de música, por ello se recomiendo que no reproduzca la música de manera automática, sino que deje que el usuario siga teniendo el control y sea el mismo el encargado de hacer clic en el botón “play” de su reproductor.

5. No cargue de publicidades el contenido
Si está interesado en que el lector de su sitio no odie sus molestas publicidad (o incluso su sitio), no coloque publicidades engañosas para que hagan clic en ella. En caso de tener mucha publicidad trate de tener una sección apartada para que no interfiera en el contenido que se está leyendo. En la mayoría de los sitios una publicidad en el contenido es tolerable, más de una ya no es aconsejable debido a que suele romper la lectura del contenido y por lo general suele mal presentando.

6. Cambio de color en enlaces.
Esta es una regla de usabilidad importante. Color a los vínculos que ya se le ha hecho clic, permitirá a los visitantes de su sitio, conocer las páginas que ya ha visitado, y para que no se pierdan en la navegación del sitio. También no se olvide de destacar con otro formato los enlaces en su sitio, recuerde que usted sabe en dónde se encuentran cada uno de los enlaces, mientras que sus visitantes desconocen de ellos, y si no son reconocibles en la navegación, no podrá acceder a todo el contenido relevante de su sitio

7. Sin desplazamiento horizontal
El desplazamiento vertical es algo que puede aceptarse, siempre y cuando se respeten sus límites. Pero el horizontal es algo que debe ser evitado en su totalidad. Recuerde que la resolución de pantalla más utilizada es de 1024 x 768 píxeles así que al diseñar un sitio web asegurarse de que encaja dentro de él.

8. Utilice CAPTCHA de lectura.
Muchos sitios web utilizan filtros de CAPTCHA para reducir el spam entrante por medio de los formularios de contacto o comentarios. El problema surge cuando los visitantes deben cargar más de una vez para poder descifrar dicho código CAPTCHA. Por ello trate de colocar palabras que sean entendibles para los usuarios visitantes, caso contrario; tendrá alguna serie de malos comentarios del sitio, y en el peor de los casos no comentaran o no enviaran las sugerencias. No demuestre su habilidad de hacer cosas complejas, haga que lo complejo sea fácil y útil en el sitio: Fácil al usuario y útil para usted.

9. No obligar a registrarse
La mayoría de las personas sólo quiere obtener información precisa al navegar por Internet y dejar los datos personales de uno, es desagradable. Mucho más si una vez registrado descubre que el contenido que visualiza no era el deseado. Por supuesto, que si el sitio es realmente bueno, el registro obligatorio no será un problema para los usuarios..

10. No sature el sitio
Muestre todos los premios, anuncios y sponsor que quiera a tal punto que saturen y vean que tan reconocido es usted, pero al mismo tiempo prepárese para perder lectores. No significa que sus logros no sean importante, pero sepa dónde ubicarlos para que no saturen la imagen del sitio y la lectura de sus visitantes. Es recomendable colocar un apartado en “Sobre nosotros” / “About Us” o utilice algún sector de la página que no canse a la vista del usuario.

Share this
28 Jun

Animar sombras con jQuery

Real Shadow es un pequeño plugin desarrollado con jQuery y que hace un uso intensivo de la propiedad CSS box-shadow. Este fantástico script nos permite animar sombras de forma dinámica, teniendo como posibilidad utilizar el puntero del mouse y su ubicación para definir la orientación de las sombras.

Al momento de configurar el plugin podemos definir si deseamos que las sombras se muevan con respecto a la posición del puntero del ratón, o bien fijando unas coordenadas que son las que muestran la ubicación del foco de luz, por lo que las sombras se verán directamente en la posición opuesta, obviamente dependiendo de la forma del objeto.

En la imagen que muestro a continuación el puntero del mouse se encuentra en el centro, de ahí que las sombras se reflejan en distintas direcciones.

Ejemplo: Como animar sombras con jQuery


$(selector).realshadow(); // options are optional

$(selector).realshadow({
followMouse: false, // true by default

pageX: x, // x coordinate of the light source
pageY: y // y coordinate of the light source

c: { // shadow color
r: 1, // red channel for shadow
g: 1, // green channel for shadow
b: 1, // blue channel for shadow
}
});

El plugin funciona en la mayoría de los navegadores modernos, la única limitación es simplemente que acepten el uso de box-shadow, algo que hacen casi todos los navegadores publicados en estos últimos años.

Web: Real Shadow

Share this

© 2006 Miracle Design. Todos los derechos reservados