Hoy vamos a examinar un ejemplo muy específico de buen diseño y discutir qué lo hace tan exitoso. A lo largo del camino, descubriremos la importancia de un buen diseño y cómo estructurar experiencias que conviertan a los usuarios en adictos.
Nos centraremos 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 sus usuarios amarán absolutamente.
Una idea poco convincente
Imagina que vine a ti en 2010 con lo que me pareció una idea brillante. Confiaba en que podría hacerlo funcionar y solo necesitaba algunos inversores para ayudar a que las cosas despegaran.
Siendo el gastador cauteloso que eres, preguntas por mi idea. ¿Qué es? ¿Como funciona? Mi respuesta: un sitio de marcadores sociales. Voy a crear un sitio web donde la gente pueda registrarse y guardar enlaces. Cue condescendiente decepción. Sin duda, me informaría que esta idea no es única y que seguramente fracasará. ¿Cómo podría enfrentarme a Delicious y a los otros gigantes de los 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 ligeramente despectivo, me informaría para hacer una búsqueda en Google de "marcadores de imagen". ¡Y toma 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, publicada en 2010, como una prueba más de que mi idea era completamente original.
La historia de éxito de Not So Lame
En su 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 competición en el que nació Pinterest y admirar cómo se destacó como un claro líder en la categoría.
Entonces, ¿por qué Pinterest se ha incendiado últimamente? Si es uno de los innumerables servicios de marcadores de imágenes, ¿cómo en el mundo atrajo a más de 1,5 millones de usuarios durante un "privado"? ¿beta? ¿Cómo podría estar enganchando decenas de millones de páginas vistas por semana y tener una compañía estimada en alrededor de $ 200 millones?
¿Por qué funcionó?
El secreto del éxito de Pinterest es increíblemente importante. En una época 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 para el éxito de Pinterest, pero en el que nos centraremos hoy es en el diseño. ¿Cómo Pinterest no solo se distinguió por el diseño, sino que en realidad superó lo que todos los demás estaban haciendo y creó algo que atrajo a los usuarios a un nivel completamente nuevo?
Resolución de diseño con diversos tamaños de imagen
Uno de los aspectos principales que diferencia a Pinterest de otros servicios de marcadores de imágenes sociales es que reconsideran completamente cómo se deben presentar las imágenes al usuario.
El objetivo es simple, lo ideal es que sus usuarios puedan navegar entre cientos o incluso miles de imágenes con relativa facilidad. Si esta acción requiere demasiado esfuerzo por parte del usuario, perderá su interés. Si no requiere esfuerzo, mantén su atención centrada en el contenido.
Un paso importante en esta batalla fue la mampostería. diseño de estilo, una tendencia bastante reciente en el desarrollo web que lleva el nombre de jQuery Masonry plugin. Pinterest utiliza sus propios scripts 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 posible dadas las diferentes alturas de imagen. Supera los obstáculos del diseño anterior y tiene en cuenta la altura vertical al diseñar las imágenes, creando así un flujo de imágenes de rompecabezas en la página, muy ajustado.
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 acertijo de la paginación
Además de maximizar la eficiencia del diseño sin sacrificar la calidad de la 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.
Sitios web amor paginación porque aumenta sus vistas de página (más vistas = más dinero), pero como usuario apesta: desplácese hacia abajo, haga clic en "¿Siguiente?" ¿Espera a que se cargue una nueva página, desplácese hacia abajo y haga clic en el botón nuevamente? luego, en algún momento, te das cuenta de que quieres volver atrás 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 lo encuentres.
Para resolver este problema, el equipo de Pinterest buscó un desplazamiento infinito, un pequeño truco que carga automáticamente más contenido cuando el usuario llega a la parte inferior de la página, lo que permite un proceso de navegación bastante ininterrumpido.
En 2008, Paul Irish estaba creando y distribuyendo infinitos complementos de desplazamiento. El consejo en ese sitio dice que debes usar el desplazamiento infinito cuando:
- ¿Retener al usuario es importante y hacer clic en? ¿Siguiente página? 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 la cartera.
Esto describe a la perfección las circunstancias de un servicio de marcadores de imágenes sociales, lo que convierte a Pinterest en el territorio principal 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 unirlos crea una experiencia verdaderamente adictiva.
Si dudas esto por un segundo, pasa por Pinterest y comienza a desplazarte.Lo que sigue es una extraña forma de viajar en el tiempo en el que se detiene en el sitio para echar un vistazo rápido y de la nada ha pasado una hora sólida. En este momento en que se olvida de las interfaces y controles de usuario, simplemente absorbe el contenido a medida que se deslizan miles de hermosas imágenes, controladas por un solo golpe de dedo.
Es una experiencia realmente atractiva que simplemente elimina muchos modelos de interacción con usuarios anteriores. Es interesante observar que la fuente de noticias de Facebook, el epítome de la adicción a sitios web, utiliza el desplazamiento infinito. Además, las nuevas páginas de la Línea de tiempo ahora combinan esta técnica con un diseño de estilo de mampostería de dos columnas. Está afectando a la gente, espera 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 realmente despegara, debían cumplirse dos condiciones: el contenido tenía que ser genial y tenía que haber una tonelada.
Estos dos objetivos son en realidad conflictivos. La mejor manera de obtener gran cantidad de 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 eligió permanecer en la versión beta privada durante un período de tiempo bastante prolongado, controlando cuidadosamente las invitaciones. Honestamente, no tengo idea de cómo lo lograron, pero el grupo central de los primeros usuarios adoptantes sentó las bases de la identidad y las expectativas de 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 todas las imágenes del sitio rebosaban de estilo. En lugar de buscar pilas de basura para encontrar las gemas, se te presentó una oleada tras ola de magníficas ideas de diseño de interiores, proyectos de bricolaje y similares. Lo que me lleva a mi siguiente punto: una base de usuarios específicos.
El toque de una mujer
Los servicios de marcadores sociales, por cualquier razón, tradicionalmente han sido bastante nerd. La naturaleza visual del servicio atrae a dos tipos de personas: diseñadores y chicos que desean guardar imágenes de chicas que tienden a ser de una variedad particular. En consecuencia, estos servicios suelen estar llenos de una extraña mezcla de hermosos ejemplos de diseño y fotografía erótica. No me crees ¡Pasa veinte minutos en FFFFOUND! y serás un creyente.
Por otro lado, Pinterest ha encontrado una audiencia en gran parte con mujeres. A medida que la base de usuarios se expande a un ritmo rápido, la gente de todos los tipos se reúne en Pinterest y? Pinning? todo tipo de contenido, pero la base inicial de contenido fue en gran parte material de estilo Etsy que exudaba un estilo femenino que simplemente no se encuentra en otros servicios similares.
Las mujeres encontraron Pinterest y lo usaron para guardar recetas, recopilar 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. Hablé con un amigo no técnico ayer que, ciertamente, todavía está "asustado". cuando un usuario masculino la sigue en Pinterest porque la ve como una red mayoritariamente femenina.
Al final, esto demostró ser una estrategia muy poderosa que ha dado resultados con contenido que nadie más puede acercarse a la coincidencia. 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 anima a compartir
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 y la capa social del servicio es otro 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 tu pinboard virtual. ¿Usted crea varias tablas? y asigne categorías, luego use un bookmarklet o el feed principal para? pin? Artículos para tus tableros. Otros usuarios pueden seguir los tableros de los usuarios que les gustan y recibir un flujo personalizado de contenido adaptado a sus gustos específicos.
Lo que la gente pinta se ha convertido en un tema candente de discusión que promete una nueva visión incluso en la mente de aquellos que ya conoce bien. Por ejemplo, usé la cuenta de Pinterest de mi esposa para ideas de regalos en Navidad. También ayuda con aquellos que te gustaría saber mejor. Cuando invito a otra pareja a cenar, mi esposa revisa la cuenta de Pinterest de la otra niña para ver qué tipo de comida disfruta la pareja.
Haciéndolo fácil
Ya hablamos sobre cómo Pinterest ha creado una fuente increíble para encontrar inspiración, pero para que las personas utilicen realmente su servicio de colección de contenido digital, debe hacer que el acto de recopilar y compartir contenido sea una tarea casi sin esfuerzo.
Una de las maneras en que han hecho esto (además del bookmarklet) es recoger el? Retweet? idea de twitter. Cada elemento en un flujo dado de pines puede ser comentado, comentado y, lo más importante, repinned.
Esto crea un sistema en el que la recopilación es súper fácil y alienta a muchos a fijar. Incluso hay una página que describe la etiqueta de pin para que todos puedan aprender a jugar muy bien juntos.
Conclusión
Mirando alrededor de la web, encontramos innumerables ejemplos de ideas fantásticas que se arruinan 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 increíble 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 un desplazamiento infinito.A continuación, seleccionaron y diseñaron cuidadosamente 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 hay una metáfora y una plataforma de intercambio que se entienden al instante y que es increíblemente viral y muy fácil de usar y de recoger.
Todos estos factores juntos crean una fórmula ganadora para una experiencia de usuario indudablemente adictiva. Si personalmente lo amas o lo odias es irrelevante, la verdad es que Pinterest está girando la cabeza y aumentando dramáticamente el valor corporativo. Por lo tanto, sirve como una lección importante que usted, como diseñador, simplemente no debe ignorar.