Todos quieren el Pinterest Mira.
El marcador visual convertido en sitio web de redes sociales actualmente está teniendo el mismo efecto en el diseño web que cierto peinado de Amigos tuvo en la industria del cabello y la ingeniería revolucionaria de Apple tuvo en el diseño de productos.
Para aquellos que todavía desconocen qué es Pinterest, es un tablón de anuncios en línea que permite a sus usuarios ver, recopilar, organizar y compartir las imágenes que les gustan de toda la web. Piensa en Del.icio.us pero completamente basado en imágenes (también te permite anclar videos). La estética agradable de Pinterest no habría llamado mucho la atención si no fuera por el papel que desempeñó su apariencia distintiva en los asombrosos logros del sitio web: Pinterest se convirtió recientemente en el sitio web más rápido en llegar a 10 millones de visitantes en un mes, y ahora genera más tráfico al sitio web. sitios web desde los que los usuarios vinculan su contenido que Google+, YouTube y LinkedIn combinados.
El ascenso meteórico de Pinterest a la ubicuidad de las redes sociales está impulsado por su combinación de excelente diseño visual y una interfaz de usuario altamente intuitiva. Debido a la enorme respuesta positiva que ha recibido Pinterest, sin darse cuenta ha encabezado la última tendencia de diseño web y no nos cansamos de ello.
Aquí hay 6 formas en que puede incorporar parte de la magia del diseño de Pinterest en su sitio web y mejorar su tasa de conversión:
Pinterest se basa principalmente en bloques del tamaño de notas adhesivas que sirven como mini páginas web completas con sus propios botones ‘Me gusta’ y ‘Repin’, y espacio para comentarios.
La mayor parte del espacio en cada bloque está ocupado por una imagen y los botones solo aparecen cuando pasa el mouse sobre él. Los bloques se organizan juntos a través de una cuadrícula que utiliza un diseño vertical para ajustar mejor las imágenes, una estrategia de desarrollo que se remonta a la complemento de mampostería jquery incluso si Pinterest lo trajo firmemente a la corriente principal. El diseño de mampostería elimina los espacios visuales entre imágenes de diferentes tamaños y proporciones y, por lo tanto, utiliza de manera efectiva el espacio disponible.
La cuadrícula visual forma la columna vertebral de la interfaz de usuario general de Pinterest. Debido a que el sitio web tiene un atractivo visual vívido en pantalla completa, los elementos de diseño de apoyo se han mantenido simples a propósito para que el centro de atención permanezca en el contenido del usuario. El objetivo es que el diseño facilite y enriquezca el contenido creado por el usuario, no que lo domine.
El diseño de mampostería tipo Pinterest funciona mejor para mostrar una galería de imágenes o publicar noticias (o una combinación de ambos). Al usar bloques separados para albergar su contenido, puede lograr una mejor organización y una interacción superior con el usuario.
La reciente renovación de Facebook se asemeja a la ideología de diseño de Pinterest. En una nueva configuración de dos columnas, el suministro de noticias tiene su propio bloque y el resto del contenido del usuario se agrupa en bloques separados.
Pinterest presenta su contenido (que básicamente son imágenes) en un collage de desplazamiento que claramente resta énfasis al texto. Si bien puede agregar subtítulos a las imágenes y hacer clic para acceder a una larga lista de comentarios, el enfoque sigue siendo crear una comunidad de personas unidas por imágenes compartidas, no por conversaciones.
Pinterest se basa y se basa en un desarrollo social que ha estado ganando terreno desde hace bastante tiempo: los usuarios de Internet (y las masas en general) se están volviendo cada vez más intolerantes con el texto y la comunicación escrita. El éxito de Tumblr, Instagram y Pinterest, y el potente potencial viral de las infografías, los memes y los gifs, señalan una sociedad moderna claramente orientada a lo visual. La industria editorial es, con mucho, la más afectada por esta renuencia a leer, pero también hay ciertas implicaciones para los diseñadores web y las empresas.
Con Pinterest bien encaminado para formar la trifecta de las redes sociales (junto con Facebook y Twitter), lo visual se ha convertido en el medio de comunicación más poderoso. Las imágenes captan la atención más rápido y generan respuestas emocionales más poderosas. El éxito de Pinterest refuerza el dicho de que una imagen vale más que mil palabras.
Esencialmente, el efecto más grande que está teniendo Pinterest en las estrategias de diseño web es que se les pide a los diseñadores que creen contenido ‘pinnable’. Si su página web carece de imágenes que se puedan fijar y compartir en Pinterest, no existirá en la tercera red social más grande. En los viejos tiempos, un sitio web pesado en imágenes se consideraba torpe y poco práctico, pero ahora, las imágenes en su sitio web decidirán si vuela en Pinterest o se queda fuera. Al asegurarse de que su sitio web contenga imágenes y elementos de diseño que se puedan fijar, puede ser parte de la conversación visual en Pinterest.
La buena noticia es que Pinterest ofrece una excelente solución para las empresas que venden productos que se pueden fotografiar. Puede usar su tablón de anuncios como una tienda en línea, completa con imágenes de productos y etiquetas de precios magníficamente organizadas. También puede recrear fácilmente el aspecto de su tienda en línea. Utilice un producto destacado como portada para un álbum de productos similares, cree ‘tableros de anuncios’ separados para sus diferentes tipos de productos, agregue precios y botones de ‘comprar’ y deje que todo el escaparate de su producto se desplace infinitamente.
El medio visual se ha vuelto tan fuerte en estos días que incluso el Wall Street Journal ahora está convirtiendo sus citas en imágenes y colocándolas en sus tableros de Pinterest en un esfuerzo por llevar a los usuarios a los artículos completos.
Lady Gaga utiliza una visualización tipo Pinterest para su red social.
Anteriormente discutí el «contenido que fluye» en un artículo sobre cómo mejorar la conversión y Pinterest es un excelente ejemplo. Es como una experiencia de escaparate que nunca termina: sigues pasando de una hermosa exhibición a la siguiente.
Similar a la renovación de Google Images, Pinterest utiliza el «desplazamiento infinito» para mostrar contenido adicional a medida que el usuario se desplaza hacia abajo. Debido a este efecto continuo, es mucho más probable que un usuario pase más tiempo viendo e interactuando con el contenido que si tuviera que hacer clic para ver la ‘página siguiente’ y esperar a que se cargue. También hace que sea más fácil encontrar una imagen que le haya gustado anteriormente: no tiene que retroceder página tras página para llegar a ella. El desplazamiento infinito de Pinterest se complementa con un simple botón de «desplazarse hacia arriba» en la esquina inferior derecha que lleva al usuario de regreso al punto de partida, sin importar cuánto se haya adentrado en la pantalla visual en expansión de Pinterest.
La lección de diseño web aquí es que no debe esperar a que sus visitantes hagan un esfuerzo concertado para obtener más información y contenido de usted.
Hazlo más fácil. Haz que fluya.
El desplazamiento infinito es una de las mejores cosas que le han pasado al diseño web. Su antecesor, la paginación, siempre había sido tedioso para el usuario final. Los diseñadores web en su mayoría distribuyen contenido en varias páginas para aumentar los ingresos publicitarios a medida que los usuarios hacen clic de una página a la siguiente, pero la práctica no permitía una gran experiencia de usuario. ¡Una posible solución podría ser entregar más anuncios a través del desplazamiento infinito también!
La fuente de noticias de Facebook solía ser el mejor ejemplo de desplazamiento infinito que es a la vez práctico y adictivo. Pero gracias a su magnífico contenido visual, Pinterest puede combinar el atractivo diseño de mampostería con el desplazamiento infinito para una experiencia visual cautivadora que hace que los visitantes pasen más tiempo en el sitio de lo que habían planeado.
Claro, todos queremos saber qué está pasando en este momento y solo nos preocupa el muy reciente, pero Pinterest ha demostrado que la cronología inversa no es la única forma posible de organizar el contenido en línea. A diferencia de Twitter y Facebook, que tienen que ver con las «últimas actualizaciones de estado», Pinterest organiza su contenido por intereses y tablones de anuncios que los usuarios pueden mover y organizar como quieran.
Pinterest no se preocupa tanto por «lo nuevo» como por «lo que es interesante y relevante» para ti. La estrategia es evidente en la forma en que ve los pines de otros usuarios, así como su propio tablón de anuncios. De esta manera, puede mostrar sus pines de la manera que desee en lugar de estar representados por pines que solo se ven cara a cara porque se publicaron recientemente. En consecuencia, le da al contenido una vida útil más larga.
Puede utilizar esta estrategia de organización en su diseño web adaptando el contenido para sus usuarios de acuerdo con sus intereses señalados. No se limite a decirles qué hay de nuevo. Dígales lo que les gustaría sin importar cuándo se publicó.
Pinterest permite que los nuevos usuarios inicien sesión con sus cuentas existentes de Facebook y Twitter. Les permite twittear sus pines y publicar en sus fuentes de noticias con su aplicación de Facebook. Va un paso más allá con el botón social bookmarklet ‘Pin It’ que le permite capturar y fijar cualquier imagen de toda la web. Y una plétora de aplicaciones de Facebook permite a los pinners traer todos sus pinboards a sus páginas de Facebook.
En lugar de intentar construir su propia base de usuarios única, Pinterest aprovechó sabiamente los millones de cuentas legítimas de Facebook para garantizar que el contenido de Pinterest provenga de personas reales que se sientan responsables del contenido que fijan. Esto ayudó a crear una comunidad basada en los intereses genuinos de personas reales. En consecuencia, Pinterest logró curar contenido de alta calidad y evitar las trampas de iniciativas similares que están repletas de contenido de baja calidad y spambots.
La idea de los marcadores visuales no es nueva: hay muchos sitios web que ofrecían una capacidad similar a sus usuarios antes de Pinterest. Sin embargo, mientras muchas nuevas empresas de Internet basadas en ‘ideas brillantes y originales’ fracasan debido a una mala ejecución, Pinterest logró triunfar gracias a la excelente ejecución de una idea genérica. Pinterest es una entrada relativamente nueva en un nicho abarrotado que ya tenía varios jugadores fuertes (recuerde weheartit?). Sin embargo, pudo convertirse en líder gracias a una estrategia de diseño inteligente. Si bien comparten similitudes, ninguno de los otros sitios web de marcadores visuales utilizó diseños de mampostería, desplazamiento infinito y cuentas sociales existentes en una conjunción bien diseñada como lo hizo Pinterest.
En última instancia, lo que Pinterest nos enseña sobre el diseño web es esto: con la ejecución correcta del diseño, puede convertir cualquier experiencia de usuario en una empresa atractiva, gratificante y rentable. Después de todo, no es sólo lo que dices. Es como lo dices.
¿Quieres compartir esta publicación en Pinterest? Usa esta imagen.
