Combinaciones de colores naturales

Navegando en internet uno se encuentra con la dificultad de que muchos websites tienen muchas similitudes incómodas, mismos layouts, mismos colores, misma distribución de los elementos … Aunque uno puede decir que esto ayuda a la  navegación (Por la estandarización de los layouts), sigue siendo una costumbre incómoda y no hace una conexión positiva con los visitantes. Una forma sencilla de mejorar un diseño es con el color.

Quizás no haya otro elemento que influya tanto en como nos sentimos en relación a un diseño que el color. Aparte de dar pistas acerca de la navegación y la importancia de los elementos y secciones en un website, influye directamente en el estado de animo de la audiencia. Pueden alterarnos, hacernos sentir calmados, ponernos en atención. En el caso del diseño web lo colores encontrados en la naturaleza resultan particularmente útiles. Ya sea una aplicación web o un website tipo brochure, una combinación de colores que fluye naturalmente tiene el potencial de distinguir (Creando un website más memorable), guíar (Haciendo que el usuario se enfoque en la interacción), atraer (Haciendo los layouts mas cómodos y placenteros) e inspirar (Ofreciendo nuevas ideas para el uso del color).

El estilo de un diseñador está formado de multiples factores, y el color juega un papel determinante. Cada quien tiene sus métodos de encontrar una combinación de colores apropiada lo que vá a afectar el resultado.

Aquí hay algunas combinaciones de colores inspiradas en elementos de la naturaleza en República Dominicana.

Bayahibe
Color by COLOURlovers

Cayena
Color by COLOURlovers

Larimar
Color by COLOURlovers

Diseñando los errores

Todo el mundo odia las feas paginas de errores “404 File Not Found” cuando una página ha sido borrada de un website, o el usuario escribe la dirección mal.

Así que debemos crear nuestras propias páginas de error para situaciones como esta, hay dos razones principales para hacerlo.

  1. Las feas páginas de error hacen que la gente se vaya. una sugerencia, crea tus propias páginas de error con información y con enlaces a tus páginas principales, o mejor aún, incluye tu sitemap o los enlaces principales de tu sitemap. Cada vez que un usuario llega a un punto sin salida en tu website, te arriesgas a perder un cliente.
  2. Es bueno para tu search engine optimization. Las páginas que desaparecen de tu website son borradas del index de los search engines. Cuando el web crawler llega a una pagina de error es como un cuarto oscuro, no tiene adonde ir. Sin embargo cuando creas tus propias páginas de error con links a las secciones principales de tu website, le das unas cuantas opciones para seguir navegando e indexando tu sitio.

También se pueden usar redirecciones 301 para las páginas que no existen para transferir su ranking a otra o para los usuarios que las tienen en favoritos.

Para crear tus propias páginas de error necesitas hacer un archivo .htaccess y poner estas lineas:

[snippet=25430]

Donde /401.php es el nombre del archivo en relacion al root de tu dominio.

Algunos ejemplos de buenas páginas de error.

20 consejos para mejorar tu website … en serio

Este título puede parecer del tipo de post dirigido a amateurs, que es una lista con links a páginas de cliparts y gif animados, pero esto es serio. Esta es una compilación de cosas que pueden ayudar a tu website en diferentes maneras, y son relativamente fáciles de hacer, en poco tiempo cada una.

SEO

Añade un Meta-Description dinámico Para que la descripción de cada página sea agradable en los resultados de los search engines.

Utiliza buenos títulos para las páginas. Nunca es demasiado recalcar la importancia y la relevancia de los títulos. Optimiza siempre los títulos de tus páginas principales.

Agrega un title a los links. Principalmente a los links de la navegación principal de tu website. Vá a fortalecer la información de tus enlaces.

Links internos. Desde el copy de tus páginas principales hasta las páginas más profundas en tu navegación.

Crea un Sitemap. Muchas herramientas los pueden generar por ti automáticamente. Puedes aumentar dramáticamente el número de visitas con esto.

Diseño

Browsers. Observa la funcionalidad principal de tus website en la mayor cantidad posible de navegadores. Asegúrate de que todo esté funcionando bien y toma nota acerca de las inconsistencias.

Cambia las letras a mayusculas con CSS. Si necesitas unas palabras escritas en mayusculas, como un encabezado, en vez de re-escribirlas, deja que CSS haga ese trabajo. El fragmento de abajo convertirá todos los H1 en mayusculas, sin importar el formato:

h1 { text-transform: uppercase; }

Dá Direcciones. Dale razones a tus visitantes para navegar el sitio, guíalo por tus páginas (links internos, páginas relacionadas, etc…)

Usabilidad / Accesibilidad

Navegación Consistente. Debes estar seguro de que la navegación de tu website este siempre en el mismo sitio, que refleje los enlaces visitados, para que tus visitantes no se confundan.

Que los links parezcan links. Esto es un trabajo sencillo haciendo que resalten del resto del texto.

Que el texto sea legible. No te preocupes por hacer el texto tan pequeño para que no se salga de tu layout perfecto. Deja que el texto respire, añadiendo line-height y espacio.

Que el logo te lleve a la página principal. Suena simple, pero le va a ahorrar mucho tiempo a tus visitantes.

Contenido

Re-escribe. Si el primer párrafo no resume la intención del resto de la pagina, re-escríbelo.

Haz que los encabezados tengan un significado importante. Sustituye el texto de cualquier encabezado que no tenga un significado relevante al resto del contenido de tu pagina. Si es posible por uno o dos keywords.

Escribe para las personas, no para los buscadores. Incluye texto que signifique algo, no trates de engañar a los buscadores llenando tu copy con keywords que no significan nada para alguien que  viene desde un buscador.

Usa el interés. Si alguien ha visto una página, el detalle de un producto o ha leído un post en tu blog, significa que está interesado, no lo dejes así solamente, hazle sugerencias para que siga navegando por contenido relacionado.

Fuera del sitio

Visibilidad. Verifica que tengas un ranking alto por el nombre de tu compañía o el nombre de tu website, si no lo tienes, verifica tu contenido y añade algunos enlaces con el nombre de tu compañía.

Se amigable. Responde una pregunta en un foro sobre tu área de especialidad. Ganaras un amigo y algo de respeto.  Reputación = trafico.

Lee. Mantente leyendo y aprendiendo cosas sobre tu industria, puede servirte de referencia.

Mantente un paso adelante. Mantente investigando sobre las nuevas tecnologías y tendencias. Si puedes usar una nueva tecnología y escribir sobre eso, puedes haber encontrado una buena manera de ganar visitas por medio de los buscadores.

Te sirvieron algunos de estos consejos? Tienes algún consejo interesante? Déjame saber dejando un comentario.