Rediseño de la aplicación TechCrunch

Durante los últimos dos años, hemos estado trabajando arduamente para mejorar la experiencia de los productos TechCrunch para nuestros lectores. Nuestro pequeño pero poderoso equipo de productos lanzó la nueva aplicación móvil TechCrunch para Androide y iOS a principios de este mes y no podríamos estar más emocionados. Ha sido completamente rediseñado con el objetivo de brindarle un fácil acceso a las noticias que más le interesan, sin importar dónde se encuentre.

TechCrunch ha tenido una aplicación en el mercado durante mucho tiempo, pero no se había mantenido bien y se volvió obsoleta, incluso cuando el consumo móvil de noticias creció a lo largo de los años. Los usuarios de nuestra aplicación móvil se encuentran entre nuestros lectores más dedicados, y reinventar la aplicación para brindarles un mejor servicio representó una oportunidad de diseño única.

Nos dimos cuenta de que el uso de nuestras aplicaciones móviles estaba disminuyendo por varias razones: las aplicaciones no eran completamente nativas, los anuncios eran molestos, no había soporte para ciertos sistemas operativos y la interfaz de usuario estaba desactualizada. Mi equipo y yo estábamos emocionados de crear algo único e innovador que también pudiera elevar la marca TC. Después de compartir bocetos y estructuras alámbricas internamente, nos dimos cuenta de que necesitábamos comenzar de manera simple, centrándonos en esta pregunta: ¿Qué ofrecemos que sea exclusivamente nativo?

Para tener una mejor idea de dónde estábamos parados, encuestamos a los usuarios actuales y observamos de cerca las reseñas de la tienda de aplicaciones. Estos hallazgos nos llevaron a definir los primeros conceptos con estos objetivos de alto nivel en mente:

Noticias personalizadas: casi la mitad de nuestros usuarios encuestados confirmaron que querían noticias personalizadas. Si bien algunos se preocupan por la realidad virtual, es posible que otros solo quieran recibir noticias sobre biotecnología y diversidad. Necesitábamos atender mundos diferentes (con contenido diferente) para todos los usuarios de TC. Notifique a los usuarios con contenido nuevo: envíe notificaciones automáticas con contenido adaptado a los intereses del usuario. Proporcione datos de Crunchbase: Descubrir qué empresas están en tendencia, fueron financiadas o adquiridas es algo que nuestra audiencia encuentra muy valioso. Lectura sin conexión: permita a los usuarios guardar directamente desde la notificación automática en la pantalla de bloqueo y sincronizar entre dispositivos. Esto es parte de una idea de “saber ahora, profundizar más tarde”.

Estos objetivos nos dieron una dirección clara para un MVP que tiene tres pantallas de alto nivel:

Feed de noticias de TechCrunch: para acceder a todas las historias destacadas y más recientes, esencialmente su fuente de noticias de inicio.

Tus noticias: para acceder a un feed de historias personalizadas, notificaciones y administrar suscripciones a temas (hablaré más sobre esto en un momento).

Fuente guardada: para acceder a historias marcadas sin conexión.

Una vez que se definieron los requisitos para cada función, creamos dos prototipos que se probaron con los usuarios y nos permitieron descubrir algunas ideas interesantes. Iteramos en base a esos.

Haciendo TechCrunch tuyo

Your News es un espacio para acceder a todas las historias que te interesan; ponerse al día con las notificaciones perdidas y suscribirse o cancelar la suscripción a los temas.

En la barra superior, encontrarás tres pestañas: Para ti, Notificaciones y Temas.

El feed Para ti presenta todos los artículos de los temas a los que te has suscrito. Si bien el feed Para usted mantiene los componentes de la tarjeta de artículos del feed de inicio, es más visual y los artículos se organizan aquí por categoría.

La pantalla Notificaciones es donde vivirán todas sus notificaciones. Los artículos aquí están organizados en el orden en que se recibe la notificación; tocar la notificación lo lleva directamente al artículo.

Y, por último, la pantalla Temas es donde puede suscribirse o cancelar su suscripción fácilmente a los temas de TechCrunch en cualquier momento. Suscribirse a diferentes temas cambiará las historias sobre las que recibe notificaciones y las historias que aparecen en el feed Para usted.

Uno de los aspectos que más destaca visualmente en las pantallas de Your News es el uso de emojis. Aprendimos de las sesiones de prueba de los usuarios que los usuarios se sintieron más atraídos por el prototipo que tenía emojis incorporados en la interfaz. Dijeron que los emojis “les resultaban familiares”. Con eso en mente, decidimos darle a esta área de la aplicación una experiencia más amigable mientras hacemos que las historias sean más reconocibles a lo largo del flujo: desde recibir una notificación automática en la pantalla de bloqueo hasta escanear rápidamente las historias categorizadas Para ti.

Creación de un proceso de incorporación sin fricciones

Nuestra suposición inicial fue que crear una forma divertida e interactiva para que los usuarios se suscribieran a los temas les permitiría completar el proceso sin mucha fricción. Probamos una interacción de pasar la tarjeta que era novedosa para algunos usuarios, pero finalmente se sintió forzada. Aprendimos que hay más disposición para completar el proceso cuando se presentan todos los temas en una vista sin necesidad de deslizar o desplazarse. Era simple y más eficiente.

Obtener información de Crunchbase

Además de tener la capacidad de marcar y compartir un artículo, también puede obtener información de Crunchbase sobre la empresa o la persona de la que trata el artículo. El beneficio detrás de esta función es obtener más contexto sobre el tema mencionado en la historia.

Agregar textura a una fuente de noticias uniforme

Observar cómo leen las personas las noticias en los dispositivos móviles nos hizo pensar detenidamente en cómo escanean el contenido y cómo podemos optimizar el diseño de la tarjeta para facilitar el escaneo a nuestros lectores. Las primeras iteraciones se centraron en la claridad y el énfasis usando mucho espacio en blanco. Los diseños iniciales usaban un tratamiento de tarjeta grande para todos los artículos, con pequeñas diferencias en los componentes de la tarjeta según el tipo de artículo.

En última instancia, este diseño no funcionó bien porque se sentía demasiado uniforme y necesitaba ser “texturizado”. Luego optamos por una solución que muestra variaciones de tarjetas con diferentes componentes para ayudar a crear una mejor sensación de jerarquía, una fuente de noticias más condensada y menos monótona que muestra más noticias con menos desplazamiento y, en consecuencia, una experiencia mejor y más eficiente.

Manejo de la afluencia de notificaciones

Una de las grandes ventajas de habilitar las notificaciones automáticas en la aplicación es que puede recibir noticias seleccionadas por los editores de TC todos los días. Para cada tema al que se suscriba, nuestros editores elegirán las 1 o 2 historias más importantes para enviarle notificaciones automáticas. Para resolver la preocupación de recibir demasiados impulsos por día, alentando a los usuarios a deshabilitarlos, hemos establecido cinco impulsos como límite estricto, incluso si se suscribe a los 12 temas. Además, diseñamos una configuración que brinda a los usuarios la capacidad de establecer un tiempo de silencio para no ser molestado por un período de tiempo.

Nuestro enfoque fue seguir leyendo las noticias con sencillez y agregar funciones no tradicionales, como fuentes de noticias personalizadas, suscripciones a temas y notificaciones automáticas. Estamos entusiasmados con las próximas características que tenemos en preparación. Esperamos que disfrutes de la nueva experiencia y nos digas lo que piensas, porque, en última instancia, ¡esta aplicación es para ti!

Puedes descargar la aplicación para iOS y Androide.

Muchas gracias a Robyn, Dwight, Jedd, Saurabh, Awais, Jose, Nicole y Mischa por el increíble esfuerzo.