7 Principios que tienes que conocer para el buen diseño web

principios diseño web

El diseño web puede ser más difícil de lo que uno se cree, ya que se trata de lograr un diseño que a la vez sea útil y atractivo al mismo tiempo que ofrecer información de la marca o producto. En el articulo anterior te dábamos varios consejos para diseñar vuestra web pero hoy escribimos los 9 principios a tener en cuenta para que vuestra página pueda tener un buen diseño web.

Guiar al lector

Un buen diseño web debe guiar al lector de la página por dónde queremos que lea, pase o haga click. Un ejemplo sencillo es el siguiente: lo primero que ve un usuario al entrar a una web es el logotipo ya que a menudo es muy grande y se ha demostrado que es lo primero que la gente mira (parte superior izquierda). Si quieres seguir manteniendo que el usuario sepa inmediatamente qué sitio está visitando siga manteniéndolo en esa posición. Pero la prioridad de una página web va más allá, es decir, no solamente queremos que el usuario sepa dónde está sino que queremos que el usuario haga click en una promoción o información determinada que tenemos colgada en nuestra web. Entonces debemos colocar esta información importante para el usuario y para nosotros en una posición especial, o al lado de una imagen impactante. El usuario debe ser atraído por esto para hacer click donde queremos que lo haga.

¿Cómo se puede lograr la llamada de atención de los usuarios que entran en la web? Hay que tener en cuenta:

  • Posición: cuando algo está en una página influye claramente el orden en el que el usuario ve la información.
  • Color: el uso de colores llamativos y sutiles es una forma sencilla de decir al usuario dónde buscar.
  • Contraste: Ser diferente hace que las cosas destaquen al mismo tiempo que las hacen secundarias.
  • Tamaño: lo grande prevalece sobre lo pequeño
  • Elementos de diseño: flechas que indiquen…

Para lograr prioridad que tiene muchas herramientas a su disposición:
Posición – Cuando algo está en una página influye claramente en el orden en que el usuario ve.
Color – El uso de colores llamativos y sutiles es una forma sencilla de decirle a su usuario donde buscar.
Contraste – Ser diferente hace que las cosas se destacan, al tiempo que la misma les hace secundaria.
Tamaño – Big prevalece sobre poco (menos que todo es grande, en cuyo caso poco podría sobresalir gracias al contraste)
Elementos de diseño – si hay una gigantesca flecha que apunta a algo, supongo que el usuario se verá?

No Saturar al usuario

El espacio vacío parece un desperdicio dentro de la página web pero el efecto es el opuesto. Cuanto más separación hay entre la información que des al usuario más claro es para él. Hay tres aspectos que debes considerar:

  • Interlineado: El espacio entre las líneas afecta directamente a la facilidad de lectura. Demasiado espacio o poco espacio complica la lectura así que hay que encontrar un término medio.
  • Relleno: El relleno es el espacio entre los elementos y el texto. Hay excepciones pero como regla general es importante espaciar bien el texto del resto de información e imágenes de la página ya que esto hace que la web sea infinitamente más fácil y agradable de leer.
  • Espacio en blanco: El espacio en blanco no necesita ser de color blanco. El término blanco se refiere sencillamente a un espacio vacío en una página (o espacio negativo como a veces se le llama). El espacio en blanco se utiliza para dar equilibrio, proporción y diferencia de una página. Una gran cantidad de espacio en blanco tiende a hacer que las cosas parezcan más elegantes, así que si por ejemplo tu sitio está orientado a un nicho de alto standing tendrás que dejar un montón de espacios en blanco. Para aprender más sobre cómo utilizar los espacios en blanco te recomendamos que ojees revistas de anuncio de grandes marcas de relojes o coches y similares ya que son un gran ejemplo del uso de espacios en blanco.

Facilitar la navegación

Una de las experiencias más frustrantes que puede tener un sitio web es que el usuario no sepa dónde ir o dónde está. Hay dos conceptos de navegación a tener en cuenta:

  • Navegación ¿Dónde puedo ir? Hay algunas reglas de sentido común que recordar aquí: pon botones fáciles de encontrar para facilitar la navegación dentro del sitio web (en la parte superior de la página). Los botones además deben ser fáciles de identificar (usa distintos colores que llamen a la acción).
  • Orientación ¿Dónde estoy ahora? Hay un montón de maneras de orientar a un usuario así que no hay excusa para no hacerlo. En sitios pequeños puede ser sólo cuestión de un gran título o un botón correspondiente en el menú. En sitios más grandes hay que hacer uso de la miga de pan para marcar el camino, es decir, utiliza subtítulos y un mapa del sitio para que los usuarios no se pierdan.

Tipografía

El texto es el elemento más común del diseño. Es importante tener en cuenta cosas como:

  • Opciones de fuente – las fuentes dicen cosas distintas sobre un diseño o marca. Algunas son más modernas y otras tienen un look más retro. Asegúrate de utilizar una fuente adecuada para tu imagen corporativa.
  • Tamaños de fuente – hace años la moda era que el texto apareciera en letra muy pequeño. Afortunadamente nos hemos dado cuenta que el texto está destinado a ser leído, no sólo a mirar. Asegúrate que los tamaños de texto son consistentes, lo suficientemente grandes para ser leídos.
  • Espacio – el espacio entre las letras es importante, aunque en el conjunto de la web no sea lo más importante debes tenerlo en cuenta.
  • Longitud de la línea – Por lo general las líneas de texto no deben ser demasiado largas. Cuanto más largas más difícil que las acaben leyendo. Recomendamos pequeñas columnas de texto ya que funcionan mucho mejor (piensa en como un periódico presenta el texto).
  • Color – Es importante que se contraste con el fondo para que la lectura sea óptima.
  • Párrafos – El texto justificado tiende a crear espacios extraños entre las palabras. Esto no es agradable para el ojo por lo que es mejor utilizar textos alineados a la izquierda a menos que puedas evitar los espacios entre palabras cuando justifiques el texto es más estético en el conjunto general del diseño web.

Usabilidad

El diseño web no son solamente fotografías bonitas. Exponemos aquí tres aspectos importantes para que tu página web sea cómoda para el usuario:

  • Normas: hay ciertas cosas que la gente espera. Por ejemplo, si el texto está subrayado esperamos que sea un enlace. Hacer lo contrario no es una buena práctica de usabilidad. Claro que puedes romper algunas convenciones, pero la mayor parte de tu sitio web debe seguirlas.
  • Piensa como un usuario en qué lógica seguirá dentro de tu sitio web y en qué tareas podría hacer en tu web (comprar, suscripción a tu web…) todo ello con el objetivo de guiar al usuario en qué es lo que debe hacer en la web. Al fin y al cabo el diseño web es una herramienta para que las personas utilicen una página web y por ello mismo el funcionamiento tiene que ser agradable.

6. Alineación

No quiere decir que toda la página web tenga que estar alineada, sino que hay que tratar de poner las cosas de forma ordenada y de fácil digestión para que a los usuarios les parezcan fáciles.

Consistencia y coherencia

Tu página web debe ser coherente y seguir el mismo estilo: tamaños de fuente, opciones de fuente, colores, estilos de botón, espacios, elementos de diseño, ilustraciones, opciones de foto, etc. Todo debe ser coherente entre la misma página y el resto de la web.

Mantener el diseño de tu página web de forma coherente da profesionalidad a la imagen de tu negocio o marca. Las inconsistencias en el diseño con como los errores de ortografía en un ensayo. Ellos sólo consiguen disminuir la percepción de la calidad. Sea cual sea tu diseño debes mantenerlo siempre constante. Incluso si se trata de un mal diseño, al menos que sea un mal diseño coherente.

Consejos para diseñar tu pagina web

diseñar web

Conocemos que el inconsciente humano es capaz de captar mensajes que el ojo a simple vista no percibe. Este factor debemos considerarlo y tenerlo en cuenta para realizar el diseño no visible de nuestra página web para que podamos comunicarnos con el usuario de nuestra plataforma web de forma subliminal a través de historias. Esta capa invisible tiene un impacto significativo en lo que dice, cómo lo dice y a quién se le dice.

Para que el diseño web tenga sentido tienen que explicar historias. Hay que diseñar lo invisible, las señales, los mensajes y los detalles adicionales ocultos bajo la estética de la página. Todo ello trata de la historia que explica la página web.

Los beneficios de abordar el diseño de la narración que queremos que tenga nuestra web desde el inicio del proyecto es que estaremos creando el diseño que necesitamos para poder explicar con éxito la historia que queremos transmitir a nuestro público objetivo de forma atractiva y relevante. Mediante la lectura entre líneas, imágenes, y asociaciones entre colores, tipografías y signos.

¿Cómo podemos diseñar algo que es invisible?

Si sabemos qué queremos comunicar podemos hacer visible lo invisible. El buen diseño es como el aire, sólo se nota cuando es malo. Así que para diseñar lo invisible hay que diseñar historias que el usuario de la página web recibirá como subliminar, para que lo que queremos comunicar sea desapercibido, del mismo modo que el buen aire.

Detalles Web de Storytelling

Cada capítulo de una historia contiene un mensaje por sí mismo, pero cuando se combinan se puede empezar a contar una historia completamente distinta. Estos detalles a tener en cuenta son los colores, tipos de letra, marca, tono de voz y símbolos. Todos estos elementos son visibles en una web pero el significado que se puede extraer de la combinación de los mismos es invisible. En este artículo nos centramos en el color, tipos de letra, tono de voz y como la forma en que se combinan estos factores puede cambiar el significado de la historia que queremos explicar en nuestra web.

El color

Las asociaciones entre el color y las emociones se han aprendido con el tiempo y se refuerza continuamente a través de los medios de comunicación y la cultura. Por ejemplo:

  • Rojo – representa las emociones (amor, odio…)
  • Verde – es de uso común para todas las cosas relacionadas con el medio ambiente
  • Púrpura – denota la riqueza y realeza

Por ello mismo debes tener en cuenta qué emociones se asocian a cada color porque los usuarios que vayan a tu página web tienen expectativas de encontrar lo que buscan. Por ejemplo, se espera que los sitios de niños sean brillantes y coloridos. Si tu página web está orientada a un público que busca algo relacionado con el medio ambiente lo ideal es que utilices el color que tienen asociado a esto. Estas convenciones ayudan a los usuarios a decodificar los textos y leer entre líneas o, más bien, para dibujar el significado de lo invisible. Esto que estamos explicando es una habilidad prácticamente innata que tiene el ser humano. Y por ello mismo es necesario diseñar lo invisible de tu web. Los usuarios van a deducir rápidamente el significado de tu sitio y a llenar los vacíos de la historia, es importante darles la mayor cantidad de señales para interpretar bien la historia.

De todas las maneras de contar una historia mediante el diseño web, el color es el más importante y fascinante. No sólo evocan emociones en los usuarios,  su significado varía de forma significativa entre las culturas. En el oeste, por ejemplo, el blanco es un color que se asocia con las bodas, y el negro es el color del luto. Esto está representado por la tradición de las novias vistiendo de blanco y los que hacen duelo vestidos de negro. En otras culturas, los significados se invierten, el negro es un color que representa la buena suerte y el blanco es un color que significa luto. Si asumes los mismos valores en todas las culturas corres el riesgo de ofender a las personas que quieres atraer.

Cuando los colores se combinan, la historia que se cuenta puede cambiar. Si se diseña con rojo, blanco y azul, entonces va a ser difícil de quitarse de encima connotaciones patrióticas, porque esta combinación de colores es tan arraigada al americano, británico o francés gracias en gran parte a sus banderas. Esto se extiende a la política también. Cada parte tiene su propio color representativo. En el Reino Unido, los conservadores son de color azul y el partido laborista de color rojo por lo que sería apropiado que si quieres contar historias para los conservadores utilices el color azul y si lo haces para el laborista lo hagas en rojo. Ya que si hicieras lo contrario habría un conflicto entre el contenido y el diseño, un conflicto que podría dar lugar a una pésima experiencia de usuario.

Los conflictos se convierten en un problema cuando se empiezan a combinar colores y formas o iconos que el usuario no entenderá. En el siguiente ejemplo ¿qué combinación de símbolo y color provocará confusión en el usuario? (respuesta al final del artículo)

La tipografía

Los tipos de letra también cuentan historias. Son mucho más que las palabras que se escriben con ellas porque connotan valores diferentes. Éstos son algunos de ellos:

  • Fuenes Serif – son más formales y se asocian con valores de tradición, sofisticación y de alta gama.
  • Sans Serif – son sinónimo de modernidad, informalidad y amistad

Estas percepciones se han reforzado a través de los medios de comunicación más tradicionales, como cabeceras de periódicos, donde las malas noticias tienen títulos serif y la parte de ocio o “salsa rosa” tienen títulos en sans serif. Esto se traduce así en una web ya que los usuarios están condicionados a esta asociación. Los tipos de letras dan personalidad y asocian valores a la marca y es algo que debes tener en cuenta en el diseño de tu página web.

El tono de voz

El tono de voz no es qué se dice sino cómo se dice. Cuando interactuamos con otras personas no nos limitamos a escuchar las palabras que dicen sino que también nos acercamos a lo que dicen con su lenguaje corporal y el tono de voz. El hecho de que mediante la web no haya interacción cara a cara no significa que no pueda tener un tono de voz. Por ejemplo, si tu negocio está enfocado a actividades que las personas hacen en su tiempo libre no deberías utilizar un tono de foz demasiado formal.

Investigación

Si no entiendes o no sabes gran cosa de tu público objetivo entonces no sabrás que historia diseñar. Cada proyecto se presta a un cierto nivel de investigación. Aquí te proponemos una simple investigación que puedes tener en cuenta antes de empezar con el diseño:

  • ¿Qué significan los diferentes colores para tu audiencia?
  • ¿Es el tipo de letra y el tono de voz adecuado para tu audiencia?
  • ¿La identidad de la marca representan los valores y la personalidad de tu servicio?
  • ¿Existen las significaciones sociales, políticas o religiosas asociadas a la audiencia que debes tener en cuenta?

Pregunta a tu audiencia, co-crea con tu público objetivo el diseño de las historias y las mismas historias para crear una mejor experiencia de usuario y que tu marca llegue a sus corazones y los conquiste.

3 Aspectos clave para conseguir conversión en nuestro proyecto

conversion marketing

A dia de hoy los usuarios están saturados debido a que reciben y tienen acceso a gran cantidad de información. La creatividad es sin duda la parte más importante a tener en cuenta para destacar y que los usuarios retengan en su memoria tu marca. Es muy importante optimizar la creatividad en tus campañas de publicidad y comunicación.

Exponemos los tres tipos de creatividad que hay que tener en cuenta en una campaña de publicidad con el objetivo de que puedas ofrecer una experiencia de usuario mejor que la de tu competencia.
           

 El pantallazo o anuncio SEM

El objetivo de la publicidad no es solamente conseguir el clic del usuario sino también establecer una expectativa de a qué te conducirá ese clic. El trabajo se centra aquí en convencer a los usuarios de que en la página de destino encontrará satisfacción a sus necesidades. Es importante que la información que ofrezcas a tus usuarios sea exactamente la que ellos necesitan para saber que encontrarán la solución a lo que están buscando. ¿Cómo saber si tu landing funciona? Prueba con los experimentos de Google Analytics y realiza A/B tests

Si por el contrario no consigues de forma creativa comunicar bien qué encontrará el usuario al hacer clic en tu anuncio el usuario seguirá buscando entre toda la información que esté a su alcance.

Es fundamental que estudies las ubicaciones y desarrolles una creatividad concreta y apropiada para cada entorno de comunicación. Es decir, ten presente dónde y a quién te vas a comunicar para saber qué y cómo comunicar.

La Landing Page

El trabajo de la Landing Page es cumplir la promesa de la comunicación. Cuando los usuarios hacen clic en un anuncio y descubren que no han llegado al sitio que esperaban, no tendrán motivación suficiente para descubrir más sobre ti. Por ello mismo ten en cuenta la apariencia y el mensaje que comunicas y se consistente con la comunicación y mensajes ofrecidos en tu landing.

La Landing Page es clave ya que tiene que ser atractiva para el visitante y también estar optimizada en SEO, es decir, incluir las palabras clave adecuadas, contenido de calidad y la información pertinente para la conducción a las conversiones.

Si actualmente no estás recibiendo las conversiones que esperas es el momento de hacer un chek-in a tu página con el objetivo de optimizarla.

Reenfoque de la presentación

Cuando un usuario ha hecho clic en un anuncio y llega hasta tu página pero se va sin convertir, es el momento de revisar el enfoque que estás dando a tu página. Tienes que encontrar la fórmula para que el usuario se sienta bien en la página y encuentre lo que está buscando. Es decir, reducir el porcentaje de rebote para aumentar el porcentaje de conversión.
Si tu página no impulsa a la conversión es buena señal de que debes hacer ajustes para conseguir tus objetivos. Si muchos usuarios salen de tu página web sin convertir lo más probable es que seas tú quién esté mal orientado al usuario.
Un ejemplo de ello fue Facebook, que en búsqueda de que la experiencia de usuario sea mejor modifica su interface.

¿Qué significa todo esto?

Lo que significa es que debes tener presente en todo momento la experiencia completa de tu cliente. Entender porqué no hay conversiones o porqué no se cumplen objetivos y comenzar a realizar cambios con la finalidad de mejorar y reducir el porcentaje de clientes que se pierden.

Por supuesto, también significa vigilar de cerca los resultados en cada paso del camino para descubrir qué puede estar fallando en tu campaña publicitaria.

Actitudes y palabras que no usa un buen Emprendedor

Actitudes y palabras emprendedor

Un buen emprendedor no puede permitirse ciertos lujos, como son las pérdidas de tiempo y el derroche de energía. He aquí, una serie de palabras, actitudes y expresiones que debe borrar de su diccionario mental.

Protestar: No arregla problemas, supone gasto de energías y nos pone de mal humor, pero sobre todo, nos coloca como una víctima. Si algo no te ha gustado, anticípate en la próxima ocasión, extrae la lección de tus errores y haz todo lo que tengas que hacer para que a partir de ahora, seas el dueño de tus actos.

Hablar (mal) de terceras personas: cotillear es la manera más fácil y gratuita de que nos sintamos bien por un rato. Al poner a otros bocabajo, puede parecer que nosotros somos mejores. Pero es MENTIRA. Si fueras mejor que esa otra persona, no estarías rajando de ella. Un ESC no pierde su precioso tiempo en atacar a otros, y si no está trabajando en su proyecto, está ayudando a crecer a otra persona.

Miedo: he sustituido esta palabra por inspiración o guía. Sencillo: si algo me da miedo, ya se que lo antes posible debo hacer eso mismo que me da miedo acometer. Por ejemplo, este blog: contar el día a día de mis andanzas da miedo porque enseñas parte de tu intimidad y ser fiel a la verdad puede que me obligue a contar algo que no me guste reconocer, pero…si quiero realmente tener un blog creíble, debo contar todo lo que acontece en el día a día de un ESC.

Errar. Aunque me equivoque en algo, no me dejo paralizar por el error porque rápidamente me dispongo a extraer el aprendizaje de ese error, con lo que pasa a convertirse en una enseñanza. Así que errar es mejorar.

Circunstancias: Esta palabra la he sustituido por oportunidades. Y es que lo de las circunstancias me toca las narices bastante. A lo mejor es porque me han puesto esa excusa tantas veces que ya me he dado cuenta de que quienes hablan de circunstancias, o mienten y te ponen las circunstancias como excusas, o bien, no creen en ellos mismos y se amparan en las circunstancias que les rodean. Un ESC no cree en las circunstancias: crea las que más le favorecen,convirtiendo lo que a priori es desfavorable, en una oportunidad.

Tirar la toallaun ESC nunca ceja en su empeño. Puede (y debe) tomarse descansos, pero nunca abandona. Puede cambiar el rumbo de su proyecto, pero no dejar el modus vivendi del emprendimiento.

Crisis: la he cambiado por momento que nos ha tocado vivir. Si hablo de crisis, es para hablar de crisis de valores. Pero las crisis son temporales, cuando una crisis dura varios años, deja de serlo para convertirse en un ciclo. Y en este ciclo, de dificultades ciertamente, muchos trabajamos para hacer de este un mundo mejor.

Los diferentes tipos de Crowdfunding que existen

La financiación colectiva tiene varias vertientes, y ante las dudas que concita, responderemos a la pregunta: ¿cuantos tipos de crowdfunding existen?.

De todos los modelos de plataformas que están apareciendo, podemos hablar de crowdfunding de recompensas, de préstamos, de donaciones y de inversiones. Vamos a ver cada uno de ellos:

Crowdfunding con recompensas

Fue el primero y con el que se popularizó el sistema de micromecenadgo. Un mecenas entrega una cantidad económica, por la que recibe a cambio una recompensa. Dependiendo del importe, la recompensa va mejorando. Es muy utilizado para el lanzamiento de un producto o servicio, por lo que la recompensa suele ser el producto final una vez terminado a un precio muy inferior al futuro de mercado. Muy utilizado en proyectos editoriales para sacar libros, o en el musical, para lanzar nuevos discos.

Crowdfunding con donaciones

Muy utilizado por organizaciones sin ánimo de lucro, supone la estandarización de una microdonación usando internet y las redes sociales como plataforma de dar a conocer sus proyectos y sus necesidades financieras. En este caso, al ser donaciones, el donante no recibe nada a cambio (salvo la satisfacción personal de ayudar a una causa de su interés personal) …y a una desgravación fiscal que se permite por toda donación a ONGs.

Crowdfunding con préstamos o crowdlending

Esta modalidad de crowdfunding consiste en financiar a personas mediante prestamos financieros de pequeñas cantidades, que de forma conjunta suman la cantidad que el usuario solicita. Es mucho más complejo que el anterior, ya que debe haber un portal intermediario, con expertos en finanzas, legislación, fiscalidad, etc. Éste portal suele hacer un estudio del usuario y le asigna un  nivel de riesgo, indicando el interés que tendrá que pagar por el dinero obtenido si alcanza el objetivo y puede lanzar el proyecto.

Vista la idoneidad del usuario, se le da acceso al portal y los prestamistas deciden si le prestan el dinero para obtener el tipo de interés que fijó la plataforma. (al tipo de interés previamente expuesto por la plataforma o ellos mismos) y qué cantidad. El usuario devolverá una cantidad mensual más los intereses al portal para devolver la financiación recibida. El portal ingresará la parte proporcional a cada prestamista, con lo que finalmente recibirán su capital más los intereses pactados.

Crowdfunding con inversión o equity crowdfunding

Esta es la opción que ha tardado más en aparecer debido a la complicación legal de instrumentar cómo un inversor entrega un dinero a cambio de una participación en una sociedad (debe haber un notario de por medio que refleje en estatutos quienes son los socios, qué porcentajes ostentan, que derechos, etc. Este modelo de crowdfunding consiste que una persona que necesita financiación para un proyecto empresarial, ofrece participaciones de la futura empresa a los posibles inversores interesados.

Es como comprar acciones de una empresa…que no cotiza en bolsa, simplemente porque confías en su idea, en su proyecto, en su viabilidad, o en sus promotores. No sólo se apoya el proyecto por una recompensa…sino que se participa de su posible beneficio futuro.

Muchas veces los nuevos portales de financiación colectiva, ofrecen por separado o de forma conjunta varias posibilidades de crowdfunding para un mismo proyecto.

De forma resumida, estos son los 4 tipos de sistemas de financiación colectiva que tienes a tu alcance para poder sacar adelante tu proyecto. Que la falta de financiación no sea la excusa.