UX adictivo: por qué Pinterest es tan increíble
Hoy examinaremos un ejemplo muy específico de buen diseño y discutiremos qué lo hace tan exitoso. En el camino descubriremos la importancia del buen diseño y cómo estructurar experiencias que conviertan a los usuarios en adictos.
Nos enfocaremos en Pinterest y realizaremos un análisis en profundidad para ver por qué esta idea aparentemente genérica parece estar tan lejos de la competencia. Las conclusiones finales lo equiparán para diseñar experiencias que a sus usuarios les encantarán.
Una mala idea
Imagine que vine a usted en 2010 con lo que pensé que era una idea brillante. Estaba seguro de que podría hacerlo funcionar y solo necesitaba algunos inversores para ayudar a despegar.
Siendo el gastador prudente que eres, preguntas sobre mi idea. ¿Qué es? ¿Como funciona? Mi respuesta: un sitio de marcadores sociales. Voy a crear un sitio web donde las personas puedan registrarse y guardar enlaces. Decepción condescendiente. Sin duda me informarán que esta idea es todo menos única y seguramente fracasará. ¿Cómo podría enfrentar a Delicious y los otros gigantes de marcadores?
Sin embargo, tengo una gran idea: voy a usar imágenes. Los usuarios podrán tomar cualquier imagen de cualquier página web, guardarla en su cuenta y compartirla con otros.
Una vez más, en su mejor tono un poco despectivo, me informaría que haga una búsqueda en Google de "marcadores de imágenes" y tome nota de los innumerables sitios como FFFFOUND. y Ember que ya pueblan este mercado. Incluso podría dirigir mi atención a una lista de 10 servicios populares de marcadores de imágenes, publicados en 2010, como una prueba más de que mi idea era completamente poco original.
La historia de éxito no tan cojo
En esencia, Pinterest es casi idéntico al concepto de los sitios en la lista anterior: un simple servicio de marcadores visuales con un fuerte énfasis en compartir. No puedo evitar mirar el clima de competencia en el que nació Pinterest y maravillarme de cómo se destacó como un claro líder en la categoría.
Entonces, ¿por qué se incendió Pinterest últimamente? Si se trata de uno de los innumerables servicios de marcadores de imágenes, ¿cómo atrajo a más de 1, 5 millones de usuarios durante una beta "privada"? ¿Cómo podría ser posible obtener decenas de millones de visitas a la semana y tener un valor estimado de la compañía de alrededor de $ 200 millones?
¿Por qué funcionó?
El secreto del éxito de Pinterest es increíblemente importante. En un momento en que las redes sociales son una industria multimillonaria, una fórmula verdaderamente exitosa es el santo grial.
No hay duda de que hay varias piezas en el rompecabezas de éxito de Pinterest, pero en la que nos centraremos hoy es en el diseño. ¿Cómo Pinterest no solo se distinguió con el diseño, sino que realmente superó lo que todos los demás estaban haciendo y creó algo que involucró a los usuarios en un nivel completamente nuevo?
Resolviendo el diseño con diversos tamaños de imagen
Uno de los aspectos principales que distingue a Pinterest de otros servicios de marcadores de imágenes sociales es que repensan por completo cómo se deben presentar las imágenes al usuario.
El objetivo es simple: lo ideal es que sus usuarios puedan navegar por cientos o incluso miles de imágenes con relativa facilidad. Si esta acción requiere demasiado esfuerzo por parte del usuario, pierde su interés. Si no requiere esfuerzo, mantén su atención enfocada en el contenido.
Un paso importante en esta batalla fue el diseño de estilo "albañilería", una tendencia bastante reciente en el desarrollo web que lleva el nombre del complemento jQuery Masonry. Pinterest usa sus propios guiones para esto, pero el concepto es el mismo.
Básicamente, el diseño de estilo de mampostería crea la utilización más eficiente del espacio dado las diferentes alturas de imagen. Supera los obstáculos de diseño anteriores y tiene en cuenta la altura vertical al diseñar las imágenes, creando así un flujo súper apretado de piezas de rompecabezas en la página.
Sin embargo, Pinterest no fue el único servicio de marcadores de imágenes que probó este diseño. Competidores como Image Spark también habían integrado diseños de mampostería. Obviamente, tiene que haber más en este rompecabezas.
El enigma de la paginación
Además de maximizar la eficiencia del diseño sin sacrificar la calidad de imagen del recorte uniforme, el equipo de Pinterest pudo identificar otro problema subyacente con los formatos existentes de la galería de imágenes: la paginación es una molestia.
Los sitios web adoran la paginación porque aumenta las visitas a su página (más visitas = más dinero), pero como usuario apesta: desplácese hacia abajo, haga clic en el botón "siguiente", espere a que se cargue la nueva página, desplácese hacia abajo y vuelva a hacer clic en el botón ... luego en algún momento te das cuenta de que quieres volver y encontrar una imagen o página específica y te quedas presionando ese botón de retroceso un millón de veces hasta que la encuentras.
Para resolver este problema, el equipo de Pinterest buscó un desplazamiento infinito, un pequeño truco que carga automáticamente más contenido a medida que el usuario llega al final de la página, lo que permite un proceso de navegación bastante ininterrumpido.
En 2008, Paul Irish estaba creando y distribuyendo complementos de desplazamiento infinitos. El consejo en ese sitio dice que use desplazamiento infinito cuando:
- Retener al usuario es importante y hacer clic en "Página siguiente" es una barrera de usabilidad.
- El contenido completo disponible es demasiado grande para mostrar en la carga inicial.
- El contenido está disponible en fragmentos paginados: resultados de búsqueda, publicaciones de blog, listados de productos y características de cartera.
Esto describe perfectamente las circunstancias de un servicio de marcadores de imágenes sociales, lo que convierte a Pinterest en un territorio privilegiado para implementar esta técnica.
Albañilería + Desplazamiento infinito = Magia
El diseño de estilo de mampostería y el desplazamiento infinito se han fusionado en una sola idea en nuestra cabeza, pero comenzaron como dos tecnologías separadas. Resulta que juntarlos crea una experiencia verdaderamente adictiva.
Si dudas de esto por un segundo, pasa por Pinterest y comienza a desplazarte. Lo que sigue es una forma extraña de viajar en el tiempo donde pasas por el sitio para echar un vistazo rápido y salir de donde pasó una hora sólida. En este momento, se olvida de las interfaces de usuario y los controles, simplemente absorbe el contenido a medida que se deslizan miles de bellas imágenes, controladas por un solo movimiento de su dedo.
Es una experiencia realmente atractiva que simplemente deja atrás muchos modelos de interacción con usuarios anteriores. Es interesante notar que Facebook News Feed, el epítome de la adicción al sitio web, utiliza desplazamiento infinito. Además, las nuevas páginas de línea de tiempo ahora combinan esta técnica con un diseño de estilo de mampostería de dos columnas. Está atrapando a la gente, espere ver muchas más de estas dos técnicas en el próximo año.
Contenido inmejorable
Los modelos de interacción sofisticados no significan nada a menos que tenga el contenido para respaldarlos. Para que Pinterest despegara realmente, se debían cumplir dos condiciones: el contenido tenía que ser excelente y tenía que haber una tonelada.
Estos dos objetivos son realmente conflictivos. La mejor manera de obtener mucho contenido es abrir su sitio al público, que también es la mejor manera de asegurarse de que su sitio esté lleno de basura.
Pinterest decidió permanecer en beta privada durante un período de tiempo bastante extenso, controlando cuidadosamente las invitaciones. Sinceramente, no tengo idea de cómo lo lograron, pero el grupo central de pinners de los primeros usuarios realmente preparó el escenario para las expectativas de identidad y calidad de Pinterest.
Especialmente en los primeros días, no se podía negar la personalidad fuerte y única que parecía tener la comunidad de Pinterest. Parecía que cada imagen en el sitio rebosaba de estilo. En lugar de buscar entre las pilas de basura para encontrar las gemas, se le presentaron una ola tras otra de ideas de diseño de interiores magníficas, proyectos de bricolaje y similares. Lo que me lleva al siguiente punto: una base de usuarios específica.
El toque de una mujer
Los servicios de marcadores sociales, por cualquier motivo, han sido tradicionalmente bastante nerd. La naturaleza visual del servicio atrae a dos tipos de personas: diseñadores y hombres que desean guardar imágenes de niñas que tienden a ser de una variedad particular. En consecuencia, estos servicios suelen estar llenos de una extraña combinación de hermosos ejemplos de diseño y fotografía erótica. No me creas ¡Pasa veinte minutos en FFFFOUND! y serás un creyente
Pinterest, por otro lado, en realidad ha encontrado una audiencia principalmente con mujeres. A medida que la base de usuarios se expande a un ritmo rápido, las personas de todo tipo acuden en masa a Pinterest y "fijan" todo tipo de contenido, pero la base inicial de contenido era en gran medida material de estilo Etsy que exudaba un estilo femenino que simplemente no se encuentra en otros similares. servicios.
Las mujeres encontraron Pinterest y lo usaron para guardar recetas, recolectar ideas de atuendos y crear listas de productos de decoración para el hogar. Pinterest apuntó y aprovechó esta vasta base de usuarios potenciales y la utilizó como base para su personalidad. Ayer hablé con una amiga que no es de tecnología, que ciertamente está "asustada" cuando un usuario masculino la sigue en Pinterest porque lo ve como una red mayoritariamente femenina.
Al final, resultó ser una estrategia muy poderosa que ha valido la pena con contenido que nadie más puede igualar. Sin embargo, una vez más, la gente de Pinterest tendrá que vigilar de cerca a su audiencia y evolucionar con su base de usuarios. Su crecimiento ya los está llevando de una oferta muy específica a una más general y de mayor alcance.
Una metáfora sólida que alienta el intercambio
Lo último que quiero discutir sobre el éxito de Pinterest es un poco más profundo en el modelo de interacción que el diseño de la superficie y las técnicas de desplazamiento. La forma en que han estructurado el proceso de recolección del servicio y la capa social es otro golpe de genio que ayuda a fortalecer el servicio.
La metáfora detrás de Pinterest es instantáneamente comprensible y bastante pegadiza para discutir. La idea es que Pinterest es su "tablón de anuncios virtual". Usted crea varios "tableros" y les asigna categorías, luego usa un bookmarklet o el feed principal para "anclar" elementos a sus tableros. Luego, otros usuarios pueden seguir los paneles de los usuarios que les gustan y recibir un flujo personalizado de contenido adaptado a sus gustos específicos.
Lo que las personas señalan se ha convertido en un tema de discusión candente que promete una nueva visión, incluso en las mentes de aquellos que ya conoce bien. Por ejemplo, utilicé la cuenta de Pinterest de mi esposa para ideas de regalos en Navidad. También ayuda con aquellos que le gustaría conocer mejor. Cuando invito a otra pareja a cenar, mi esposa revisa la cuenta de Pinterest de la otra chica para ver qué tipos de comida disfruta la pareja.
Haciéndolo fácil
Ya discutimos cómo Pinterest ha creado una fuente increíble para encontrar inspiración, pero para que la gente realmente use su servicio de recopilación de contenido digital, debe hacer que el acto de recopilar y compartir contenido sea una tarea casi sin esfuerzo.
Una de las formas en que lo han hecho (además del bookmarklet) es recoger la idea de "Retweet" de Twitter. Cada elemento en un flujo determinado de pines se puede dar me gusta, comentar y, lo más importante, repintar.
Esto crea un sistema en el que la recolección es súper fácil y fomenta muchísimos anclajes. Incluso hay una página que describe la etiqueta del pin para que todos puedan aprender a jugar bien juntos.
Conclusión
Mirando por la web, encontramos innumerables ejemplos de ideas fantásticas que se ven arruinadas por una ejecución deficiente. Pinterest le da la vuelta a esto al presentar una idea bastante genérica que funciona extremadamente bien debido a su sorprendente ejecución.
Pinterest tiene éxito en varias capas de interacción. Primero, maximizan su presentación de contenido con un diseño similar a la mampostería y lo mantienen interesado durante horas y horas con desplazamiento infinito. Luego, apuntaron cuidadosamente y crearon una base de usuarios muy específica que era tanto una gran fuente potencial de usuarios como un mercado bastante sin explotar en este espacio. Esto condujo a una base sólida de contenido diario que definió la identidad de Pinterest. Finalmente, debajo de todo esto hay una metáfora y plataforma de intercambio instantáneamente comprensible que es perversamente viral e increíblemente fácil de aprender y usar.
Todos estos factores juntos crean una fórmula ganadora para una experiencia de usuario indudablemente adictiva. Si lo amas personalmente o lo odias es irrelevante, la verdad es que Pinterest está llamando la atención y está aumentando dramáticamente el valor corporativo. Por lo tanto, sirve como una lección importante que usted como diseñador simplemente no debe ignorar.
