¿Por qué el contenido visual es mejor que el contenido textual? [infografía]

Hace poco un invitado de Wwwhat’s new compartió un artículo titulado Infografías interactivas increíbles y por qué funcionan en el que se mencionaban las características esenciales que hacían tan virales a algunas infografías especialmente si se comparaban con las que prescindían considerablemente del material visual para concentrarse en el textual. Grave error, pero ¿por qué? ¿Por qué el contenido visual es considerado mejor que el textual por parte de los millones de usuarios en la web?

We live in a visual world (“vivimos en un mundo visual”) es la frase que encabeza la flamante y extensa infografía compartida en el blog de Bufferapp y que presentamos a continuación pues con su contenido busca dar respuesta a la anterior pregunta. Para ello nos da una vuelta por las estadísticas relevantes que rigen la red como que el contenido visual consigue casi el doble de cantidad de visualizaciones, es 40 veces más probable que sea compartido en redes sociales o que sus detalles son más fáciles de retener por parte de los usuarios que alcanzan a mantener en sus cerebros 80% de lo que ven frente al 10% de lo que escuchan -sin distinción por sexos.

Y eso es solo un abrebocas pues luego describe muy bien las bondades y otros datos de gran valor sobre tres canales visuales básicos: Presentaciones, Videos e Infografías. Para las presentaciones resalta cosas como que en el último año una tendencia eficiente ha sido incluir más imágenes en cada diapositiva, para los videos que el 90% de los compradores online los tienen en cuenta para sus decisiones de compra y finalmente para las infografías se ilustra el gusto por ellas hasta por el mismísimo Lincoln. En fin, aquí está la infografía en su tamaño completo:

infografia tamaño completo

5 formas de incrementar el tráfico a su sitio web sin agujerearse el bolsillo

incrementar trafico web

Reconozcámoslo. Todos queremos tráfico. Mucho.

Porque sin tráfico, su sitio web no cumple con su cometido.

Digamos que usted es un profesor de biología a quien también le encanta la tecnología. Usted está probando algunas herramientas nuevas online en clase y nota un aumento en el rendimiento de los estudiantes cuando combina la clase con estas herramientas.

Así que inicia un blog sólo para grabar y compartir sus emocionantes descubrimientos. Usted comenta sobre las toneladas de herramientas gratuitas que ha usado. Sin usted saberlo, este pequeño blog comienza a atraer lentamente un tráfico de 10.000 visitantes distintos por día. Pronto comienza a recibir “gracias” por correo electrónico, de otros profesores que buscan este tipo de recursos en línea.

También empieza a escuchar a otros desarrolladores de aplicaciones que le piden que pruebe sus aplicaciones pagas, de forma gratuita. Imagínese lo que eso podría significar para usted. Usted podría comenzar un servicio de testeo de aplicaciones patrocinado. Usted puede tomar su blog y venderlo como un informe a sus suscriptores. Incluso podría escribir un libro electrónico sobre cómo utilizar las 5 mejores herramientas en el mercado. O conseguir comisiones a través de enlaces de afiliados de una aplicación.

Las opciones son ilimitadas.

Ahora ¿qué pasaría si pudiera impulsar este tráfico a 20.000 visitantes por día, transformándolo en un recurso de autoridad para profesores de biología que buscan aplicaciones y software para utilizar en clase?

¡Eso sería increíble! Después de todo, su objetivo con el blog fue siempre que sus hallazgos fueran útiles. Cuanto más, mejor. La buena noticia es que usted no tiene que gastar una fortuna para hacerlo, además. He aquí cómo:

5 formas de incrementar el tráfico a su sitio web

1. Utilice infografías

Las infografías le permiten desmitificar los datos complejos y presentarlos en un formato fácil de entender y de asimilar.

Después de todo, los seres humanos están cableados para el procesamiento y el aprendizaje visual ¿Sabía usted que el 90% de los datos del mundo se ha creado en los últimos dos años?

Estos datos comprenden todo: los cambios estacionales, el uso de los medios de comunicación social, estadísticas deportivas, los patrones de compra en línea de todo el mundo, los días de enfermedad de los empleados, anuncios virales…, para nombrar unos pocos.

¡Acceda a las infografías para salvar el día!
Las infografías no son una tecnología nueva. Google Insights muestra que la palabra ha sido buscada durante años, desde 2004. Aquí hay una creada en Visme que muestra los pasos para crear una infografía:

Pasos crear una infografia

La mejor parte es que una infografía permite ver los datos de forma práctica y fácil. Y sí, usted no tiene que gastar nada para crear una con Visme.

2. Utilice imágenes

Trate de recordar una serie de 12 números. Es difícil de memorizar, ¿no es así? Trate de hacerlo con una ayuda mnemotécnica visual, y de repente no tiene problemas de memoria.

Las imágenes hablan con sus lectores individuales y cuentan una historia.

Las fotos generan 53% más “Me gusta” en su Facebook. Los canales como Google+ están conduciendo más tráfico de clientes a sitios web debido al impacto visual.

Y lo que es más, ¡sus artículos con imágenes tendrán un 94% más vistas que los que no tienen ninguna imagen! En la búsqueda local, la gente es 60% más propensa a comprarle a usted si aparece una imagen en el anuncio. He aquí una prueba más en forma de infografía.

infografia imagenes virales

Para ver la infografía en tamaño completo pulse aquí

También puede agregar citas sobre sus imágenes para lograr un efecto agregado. Quozio es un buen lugar para empezar a crear imágenes con superposiciones de texto y si quiere más control, puede utilizar Visme.

Una precaución: por todos los medios, manténgase alejado de las “fotos estándar” y antiguas con hombres de traje dándose la mano. O peor aún, la del típico jefe gritando a sus empleados con un megáfono ¿cuál es exactamente el punto de una foto así?

Convengamos que las fotografías estándar no motivarán una conversación -y algunas de ellas son horribles- ¡dígales adiós! Sin embargo, no todas las fotos de stock son malas. Las fotos de personas reales hacen un mejor trabajo transmitiendo significado:

chica con gafas hubspot

HubSpot está regalando una colección de interesantes fotografías -incluyendo la anterior de la chica con gafas- de archivo de forma gratuita. Puede conseguirlas este listado. Éstas son algunas de ellas en el tema negocios.

3. Utilice fuertes llamados a la acción

Si usted está manejando un negocio en línea, la forma más segura y más rápida de aumentar las ventas es mediante el aumento de su tasa de conversión.

Una conversión ocurre cuando un visitante hace lo que usted quiere que haga en primer lugar. En el caso de nuestro profesor de biología, una acción deseada podría ser inscribirse a la lista de correo electrónico.

Para que estas acciones sucedan, es su labor facilitarles el trabajo tanto como pueda. Piense en ello como migas de pan: usted quiere marcar literalmente el camino correcto para que la gente “haga clic”, “compre” o “se suscriba”.
Usted puede hacerlo con los botones de llamada a la acción (Call-To-Action) y con las imágenes ¿Puede adivinar la llamada a la acción deseada en nuestra página principal?

visme

En la página de inicio, queremos que los nuevos visitantes hagan clic en el botón “Start Creating” (Comenzar a crear). No es casualidad que el color verde del botón se destaque -es deliberado porque queremos que el botón grite “¡Hey, por aquí!”.

Usted quiere hacer lo mismo con sus botones de CTA. Vea aquí otro ejemplo. El botón CTA usa un claro enfoque hacia el beneficio: “Vea cómo Bob puede entrenar virtualmente a su equipo”.

bob

Cree sus nuevos CTA en forma gratuita ahora con Visme.

4. Crear contenido de valor masivo

Atrás han quedado los días en que “el contenido era el rey”. Con millones de sitios web en línea, el buen contenido es el rey.

Construir y comprometer a una comunidad de seguidores para su negocio en línea requiere tiempo. El marketing de contenidos es una gran manera de acortar la distancia entre los dos. Con la comercialización de contenidos, usted crea entradas de blog estelares, escribe artículos como invitado en otros blogs influyentes y premia a sus lectores con contenido de valor masivo.

En primer lugar, sepa lo que está buscando. Encuentre su historia y su tono. Luego entienda lo que quieren sus lectores. Y deles eso:

• Escriba mensajes de lista útiles (como éste).
• Dé un seminario en línea sobre su tema central (utilice Google Hangouts de forma gratuita).
• Escriba un libro electrónico y regáleselo a su público.
• Haga algo épico.

Cree algo genial y luego envíelo.

5. Utilice los colores correctos

Usted ya lo ha escuchado antes. Los colores participan en la atracción de los lectores a su blog.

Es por eso que se les da tanta importancia a los colores al hacer diseños. Aunque eso es cierto, no es la verdad.

Al considerar los colores, no se olvide de dónde se van a utilizar, es decir, el contexto. Un color que se ve bien para su competidor no necesariamente va a ser lo mismo para usted. Sus colores tienen que agrupar todo y presentarlo como un gran paquete que es inmediatamente agradable.

¿Suena como una tarea difícil? ¿Sería complicar aún más la cosa si le dijera que la elección del color también depende de la visión de la persona, sus antecedentes, su cultura, su género y más? Así, amarillo no significa siempre feliz y azul no significa necesariamente transmitir confianza.

Por ejemplo, el rojo podría significar valentía, pero a la hora de diseñar un formulario de registro, el rojo significa fracaso. El verde puede significar crecimiento en un contexto, pero significa éxito en el mismo formulario. Vea aquí un ejemplo de la página de registro de Twitter, donde el rojo significa éxito y el verde significa fracaso:

twitter formulario

Como Twitter está utilizando los colores adecuados asociados en este contexto, le ahorra tiempo a la gente y esto se refleja positivamente en su aplicación.

La única manera de saber si usted está usando los colores “correctos” es haciendo pruebas A/B constantemente en su sitio web.

Su Turno

Por supuesto, hay muchas más maneras de aumentar el tráfico a su sitio web, y voy a hablar de ellas en futuros posts. Estoy curioso por saber de qué maneras ha intentado y qué ha funcionado mejor para usted. Déjemelo saber en los comentarios.
___
Artículo escrito por la gente de Visme para Wwwhatsnew

Los mejores recursos gráficos y de desarrollo de la temporada

Una vez más traemos a ustedes una selección con 50 recursos de diseño gratuitos, frescos y de alta calidad. Como es costumbre, estos elementos están ordenados en 5 secciones para la conveniencia del lector: gráficos, interfaces de usuario, iconos, plantillas y experimentos de código. Esperamos que les agrade esta lista.

Gráficos

Esta sección incluye elementos para el uso en proyectos web pero tambien para impresión.

Fondo de humo: un fondo de pantalla en alta resolución con humo en colores

Fondo de humo

Continúa leyendo…

Adobe y Behance lanzan Market con mockups, vectores y otros diseños libres para usuarios de Creative Cloud

marketplace contenido diseño creative cloud

Adobe ha agregado un interesante módulo titulado “Market” dentro del menú principal de Creative Cloud, justo al lado de las pestañas Files y Fonts de la sección Assets, dentro de su versión para equipos de escritorio. Mockups, vectores, pinceles, patrones, UI Kits, gráficos, formas, iconos e imágenes de alta calidad hacen parte del contenido seleccionado y disponible para usuarios de pago de CC.

Y como no podía ser de otra manera, los contenidos son tomados directamente de los portafolios de profesionales que han publicado sus materiales en Behance, la comunidad de diseño que desde hace un par de años hace parte de Adobe. Claro, se ha trabajado en conjunto con dichos creativos para poner su material a disposición de los usuarios de Creative Cloud de tal manera que puedan darles uso en cualquier obra libremente, personal o comercial, sin pagar regalías.

Múltiples formatos disponibles para los contenidos (PSD, ABR, TPL, JPEG, PNG, SVG, etc.), un cajón de búsquedas facilitado por el etiquetado de los assets, descargas a un clic con la posibilidad de abrirse fácilmente con su respectiva aplicación dentro de la suite de Adobe y sincronización automática entre los archivos descargados con la respectiva carpeta de archivos de CC figuran en sus características.

Eso sí, cuenta con un par de limitaciones: Se pueden descargar no más de 500 ficheros al mes y el Market no estará disponible para usuarios del plan “Fotografía” de Photoshop ni el de Creative Cloud en general. En fin, para más información bastará consultar el artículo de lanzamiento en el blog de Behance y para verlo en acción, se le puede echar un vistazo al corto video que en VentureBeat han compartido:

Free Flat Icons, miles y miles de iconos personalizables para tu sitio web

icons

Una sección muy importante de Wwwhatsnew es la que dedicamos a publicar herramientas para diseñadores y desarrolladores del mundo web, como fue el caso de esta fantástica compilación que compartimos con vosotros hace un par de meses en la que incluimos plantillas, mockups, fondos de pantalla con desenfoque, interfaces y distintas galerías de iconos temáticos.

En esta última área queremos añadir hoy un recurso más que no sólo nos permitirá tener acceso a una galería de miles de iconos descargables y utilizables, sino también modificarlos al gusto y personalizarlos. Se trata del sitio web Free Flat Icons, una página que hará más fácil la vida de cualquier diseñador web o gráfico.

En él encontraremos miles de packs y galerías de iconos clasificados por temáticas (generales, banca, comida, médicos, seguridad, gente, ciencia, tecnología…) y el gran punto a favor del sitio web respecto a otras galerías es que no sólo nos permitirá buscar iconos que podamos utilizar, sino también a cambiarlos directamente desde la plataforma. Para esto último solamente tendremos que apretar al icono que nos interese modificar y accederemos a un panel de diseño en el que podremos modificar el fondo, el tamaño de los elementos, la forma y el color introduciendo el código HTML correspondiente. Al acabar, podremos descargar el icono en PNG y utilizarlo libremente y sin restricciones.

Oozled, más de 600 recursos para diseño y desarrollo web

Oozled nació de la iniciativa de Dan Edwards al compartir una colección personal de recursos sobre diseño web con sus alumnos de la Universidad.

Pero la lista se hizo tan popular que dio lugar a un espacio colaborativo para compartir recursos gratuitos y de pago, organizados en diferentes colecciones.

oozled

Por ejemplo, podemos encontrar pack de iconos, recomendaciones de diseños para inspirarnos, recursos para encontrar la tipografía perfecta para nuestro proyecto, colecciones de archivos PSD, pinceles para Photoshop, entre otros.

También encontraremos guías, libros, videos, así como referencias a comunidades online para desarrollar nuevas habilidades y explorar nuevas ideas. Hay una sección dedicada a bolsas de trabajo donde encontraremos sugerencias de portales con noticias y oportunidades laborales para diseñadores freelance.

Son 42 las categoría que podemos recorrer y descubrir recursos que se ajusten a nuestras necesidades. Al crearnos una cuenta, nos permite crearnos un feed de las categorías que nos resultan interesantes para no perdernos ninguna actualización.

Y por supuesto, también podemos participar sugiriendo nuevos recursos y contribuir con la comunidad de Oozle.

Captain Icon, una colección de 375 iconos vectoriales gratuitos

iconos

Captain Icon es un interesante opción que no puede faltar en el kit de recursos de todo buen diseñador.

Es una colección de más de 350 iconos gratis para utilizar en diferentes proyectos, ya sea pensando en la web o en aplicaciones móviles. Además de cubrir una variedad de temáticas, tienen un diseño muy divertido y con varias características que permiten personalizarlos a nuestro criterio.

Al descargar este set de iconos nos encontramos que está disponible en una variedad de formatos como PNG, PSD, EPS, SVG y Web Font.  El creador de esta colección no solo ha hecho un trabajo espectacular con su diseño, sino además ha abierto una página explicando de forma muy amena cada detalle los iconos y su potencial para utilizarlo en diferentes diseños.

Podemos descargarlo de forma gratuita y utilizarlo en nuestros proyectos teniendo en cuenta el tipo de licencia, y si deseamos, dejar una pequeña donación en agradecimiento y apoyo a la creación de esta clase de recursos.

Y si buscamos más opciones en iconos para utilizarlos en nuestros proyectos comerciales, podemos tener en cuenta el set de iconshock que compartimos en un artículo anterior.

Nuevo set de iconos totalmente gratis, incluso para proyectos comerciales

iconos

Desde iconshock.com nos presentan una nueva colección de iconos gratuitos cuya licencia nos permite usarlos incluso para proyectos comerciales, siendo así ideal para incluirlos en páginas web corporativas, artículos en blogs, aplicaciones móviles, etc.

En formato Psd (photoshop) y png (con fondo transparente), son más de 10.000 iconos clasificados, con varios formatos y colores, siendo posible descargarlos después de indicar el email o compartir la colección en las redes sociales.

iconshock es un conocido buscador de iconos que vende packs de diversas categorías, ofreciendo con bastante frecuencia algunos sets gratuitos para que podamos usarlo tanto con licencia comercial como con licencia de uso particular.

Sin duda, un gran recurso para guardar en nuestra carpeta de “utilidades para diseño”.