¿Qué es la composición web?

¿Qué es la composición web?

¿Qué es la composición web?

Diseño es construir algo funcionalmente.

El diseñador, como el artista, se esfuerza en crear algo que estimule la percepción estética con un fin, «vender». En el diseño, la forma se une a la funcionalidad para crear algo útil además de bello. Una web por muy bien diseñada que esté, sólo funciona si la dotamos de un buen contenido que incentive su compra. Si por el contrario tenemos una web con todo el contenido necesario pero con un mal diseño (diga lo que diga Nielsen), no atraerá a los visitantes, o al menos lo hará en una menor medida.

Un sitio web debe sorprender, ser ágil, rápido y usable. La cultura .com es cada día más aceptada y el usuario empieza por elegir entre varios productos y proveedores en internet, antes de decidirse a comprar.

En teoría, la composición de un sitio web debe ser igual que en cualquier otro campo, las mismas directrices que se aplican en otras publicaciones son perfectamente adaptable al diseño web. Evidentemente teniendo en cuenta que en nuestra web, no podemos saber por dónde va a entrar nuestro cliente, ni qué está buscando, ni si va a salir por una u otra puerta, por lo que es función del diseñador, hacer un sitio accesible, usable y sobre todo, saber conducir al usuario allá donde nos interese.

Share and Enjoy !

Shares
Diseño de la Home

Diseño de la Home

Diseño de la home
«La primera impresión es la que cuenta«, pues si, para qué nos vamos a engañar, además «nunca tendremos una segunda oportunidad para dar una buena primera impresión».

Es muy importante la primera reacción de un usuario al entrar en nuestra web. Y de la web, la home se puede considerar la página más importante, ya que es la que más trabajo tiene que hacer.

En una web, la página de inicio debe de tener el objetivo de enseñar al usuario lo que va a poder ver más adelante, es el escaparate del resto de las páginas. Debemos convencer al usuario de que se adentre en la web.
Podríamos compararla con el prólogo de un libro. En él no se cuenta el contenido del libro, pero sí se da una idea de lo que nos vamos a encontrar.

El uso de buscadores en la home, para según qué negocios, es fundamental. Para no hacer demasiado pesada esta página, podemos hacer unos buscadores «light» y dar la opción en otra página de hacer una búsqueda más avanzada.
Es muy importante el peso de esta primera página, que cargue en poco tiempo es fundamental para no echar a los nuevos usuarios.

Las páginas se leen (en occidente) de izquierda a derecha y de arriba abajo, teniendo en cuenta esto, sabemos que ciertas zonas de la web son perceptibles de recibir una menor atención, por lo que habrá que destacarlas más que las demás.

Otro de los factores a tener en cuenta es la resolución de pantalla. Es muy importante que la informaición más importante se vea en el primer pantallazo, es decir, sin necesidad de hacer scroll.

Yo no soy partidario de grandes textos, salvo en aquellos casos en los que estemos dando una información solicitada al usuario, por lo que en la home, los titulares deben de ser muy descriptivos y los textos información adicional a estos títulos.

Un buen titular es aquel que nos llama la atención y nos provoca el seguir leyendo. Para esto no hay mejor ejemplo que las portadas de los periódicos. También en ellos podemos aprender mucho de cómo colocar los módulos principales y los secundarios.

Tanto en esta página como en las interiores, es también muy importante el <title> que vayamos a usar, ha de ser suficientemente descriptivo, porque va a ser el texto que le aparezca al usuario en la ventana del navegador cuando tenga minimizada nuestra página y cuando la añada a favoritos, o porque va a ser el texto que apareza en los resultados de un buscador.

Particularmente, no suelo hacer una home cuyo contenido sea una presentación en flash. En todo caso si es necesario por el tipo de web o por petición expresa del cliente, hay que poner desde el primer frame de la película, la posibilidad de que el usuario pueda saltarse esa intro. La primera vez puede gustar, pero la segunda ya cansa…

En definitiva, y como siempre, se trata de poner en práctica el sentido común, y según el tipo de negocio o de contenido que se encierre detrás, saber destacar lo más relevante y darle la llave al usuario para entrar a la información que anda buscando.

Share and Enjoy !

Shares
Comunicación y contraste

Comunicación y contraste

Comunicación y contraste

El trabajo de un diseñador, es el de comunicar, por eso mismo es muy importante saber el por qué las cosas adquieren significado.

Como siempre, los estilos y las modas marcan al diseñador web a la hora de enfrentarse a la pantalla en blanco, pero esas modas no pueden estar por encima de nuestra labor de comunicadores.

Cuando hablo de comunicación, hablo de unos fundamentos esenciales a la hora de plasmar una idea:

  • Vocabulario .- hay que tener muy en cuenta a quien va dirigida la web, las lineas, colores y texturas se tienen que adaptar a ese target. Las lineas y formas angulares, por ejemplo, dan fuerza, velocidad o masculinidad, así como las redondeadas generalmente se asocian a suavidad, tiempo lento o feminidad.
  • Gramática .- el equilibrio, la armonía y la distribución de los textos es muy importante, ayuda a transmitir un contexto y a manipular las sensaciones del usuario.
  • Contraste .- el contraste sirve para manipular la atención del usuario, definimos jerarquías e incluso dibujamos los diagramas que el usuario debe de seguir en su lectura de nuestra web. El contraste es opuesto a la tónica general, es decir, no podemos pretender meter todo en negrita, porque no resaltará ante nada, habremos creado un simple «pegote».
    Ese contraste lo podemos encontar en un cambio del tamaño de la fuente, en una textura distinta, en una desalineación respecto a los demás, en una forma distinta, en el color o en la posición. No hace falta ponerle luces a una idea para que resplandezca sobre las demás.

Un diseñador no puede dar por sentado lo que para un usuario lo es. Tenemos que estar pendientes de esas pequeñas cosas que no son apreciables (algo subliminales) pero que consiguen resultados sorprendentes.

El diseñador tiene que tener en cuenta muchos aspectos que no tienen por qué ser conocidos para el usuario, por ejemplo, que para el usuario occidental, la forma de leer una web es de izquierda a derecha, teniendo una gran relevancia el área superior izquierda, esto simplemente significa que hay zonas de la web suficientemente poderosas, y que por lo tanto no es necesario tener que destacarlas tanto como otras que resultan más inaccesibles para el usuario.

Otro ejemplo es que la lectura se produce en diagonal, de la zona superior izquierda al inferior derecha, este es uno de los motivos por los que tengamos que poner los botones importantes del formulario abajo y a la derecha. Un periódico es un claro ejemplo de cómo diseñar una web de contenidos, por sus jerarquías, contrastes,…

En conclusión, lo que quiero decir o explicar en este post, es que el trabajo de un diseñador web no se limita a hacer un icono bonito, eso es seguramente lo menos importante de su trabajo. Por eso mi indignación al ver los diseños que veo por la red y sobre todo mi indignación por la supeditación a la que estamos sujetos, por esos «gurús» que solemos tener por jefes y cuya única meta es demostrarnos lo buenos diseñadores que son, porque ya se sabe… «todos estamos capacitados para opinar de diseño» 😉

Share and Enjoy !

Shares
¿Cómo crear un buen sitio web?

¿Cómo crear un buen sitio web?

¿Cómo crear un buen sitio web?

Evidentemente no hay una poción mágica que sirva para asegurarse el éxito, pero si unas directrices que deben seguirse. Aquí os dejo mi procedimiento de trabajo, espero que os sirva.

PRIMEROS PASOS

  • Hacer una buena planificación ten claro a dónde quieres llegar y sobre todo a quien quieres llegar. Ponte unos plazos e intenta seguirlos.
  • Empápate de los demás no se trata de copiar, se trata de hacer un estudio de mercado, ver las webs con contenidos similares, ver además documentación que no sea online (revistas, publicidad,….), evalúa que secciones tienen, como muestran la información, mira quien está mejor posicionado,….
  • Siéntelo!!! seguro que si se trata de un tema que dominas y que te apasiona, tendrás un pie por delante de los demás.

HOSTING

  • Busca y compara, elige un servicio que por un buen precio cubra tus necesidades, mira la plataforma sobre la que vas a programar, las posibilidades de ampliación y los precios, el mantenimiento. Mira en los foros las opiniones de los usuarios,…

DISEÑO Y DESARROLLO

  • Antes de empezar, estudia cómo vas a diseñar la web, en qué vas a programar, qué tiene que ir en includes, dónde colocar la información más relevante, la arquitectura del sitio debe de estar clara antes de empezar a dibujar.
  • Nombrar bien las carpetas, tienes que pensar en que tu web tendrá que estar bien poscionada, utiliza nombres de carpetas que describan a la página que va a ir dentro, de ese modo tendrás url’s que ayuden a tu web a estar bien posicionada.
  • Peso de la web, una web ligera es fundamental para que el usuario no se suicide mientras espera que se cargue. Cuida los pesos de las imágenes, no olvides utilizar el width y height para que cargue antes la web, utiliza CSS. Si es necesario haz varias css.
  • Usabilidad, muchas veces creemos que todo es evidente, conviene enseñar nuestro trabajo y si puede ser, enseñarlo a alguien que no sea profesional del mundo web, alguien que navegue y observar sus reacciones.
  • Contenido, es muy importante dar al usuario lo que viene a buscar a nuestra web. De nada sirve engañar, porque no volverá y no nos recomendará. No abusar de los párrafos muy grandes. Es mucho mejor separar por ideas. Títulos muy descriptivos. Por supuesto no olvides los h1, h2, …..

FIDELIZACIÓN

  • ¿Por qué tienen que volver?, si quieres tener éxito, no puedes dejar que desaparezcan tus usuarios, tienes que ofrecerles algo para que de vez en cuando vuelvan a visitarte, por los contenidos actualizados, por eventos,… No tiene nada que ver un blog con la web de una tienda, en un blog «supuestamente» van apareciendo post que hacen que el usuario vuelva, sin embargo, tal vez en una tienda, lo que tengas que tener es una buena forma de enseñar el producto, fichas claras, la posibilidad de que el usuario se registre en una newsletter para recibir las novedades,….. El «por qué» lo tienes que encontrar tú 😉

Share and Enjoy !

Shares
Diseño americano para producto español

Diseño americano para producto español

iJam 5Js Diseño americano para producto español

Genial, sencillamente genial estos de iJam 5Js . La verdad es que hay veces que sobran las palabras. Esta es una de esas ocasiones en las que una imagen vale más que mil palabras.

Ahora que nuestro típico producto nacional, el jamón serrano, está abriéndose fronteras, nada mejor que hacerle una buena publicidad web con uno de los diseños más reconocidos en el mundo.

Que lo disfrutéis 😉

Share and Enjoy !

Shares