Mejora de la lista de lectura de Medium: un estudio de caso de UX

Un concepto para organizar y utilizar mejor su lista de lectura.

Como ávido usuario de Medium, no recuerdo cuántos artículos he leído, guardado y dado aplausos. Abro Medium para mejorar mis habilidades, descubrir cosas nuevas y simplemente escribir algo.

Sin embargo, mi hábito de navegar en Medium en mi tiempo libre ha hecho que mi Lista de Lectura sea un desastre.

Tengo 100 artículos guardados que (en su mayoría) no he leído.

Tengo 100 artículos no leídos guardados en mi Lista de lectura, porque los necesitaba para referencia futura, o quería leerlos cuando tuviera tiempo de hacerlo. Pero, por desgracia, he estado acumulando demasiados artículos que incluso olvidé que existen.

Leí principalmente sobre diseño, tecnología, escritura, trabajo independiente, productividad, superación personal, salud, creatividad, psicología, relaciones y emprendimiento: 8 categorías en total. Ahora, quiero ordenarlos, pero no tengo tiempo para leerlos uno por uno. ¿Qué hago ahora?

Bueno, creo que es hora de crear una solución a mi molestia.

Proceso de diseño

Proceso de diseño utilizado en este caso de estudio.

1. Observar

Suposiciones del problema

Comencé con algunas suposiciones de problemas sobre la lista de lectura actual. Estas suposiciones se hicieron en base a mi encuentro inicial con los problemas y algunas exploraciones adicionales.

  1. Los artículos guardados se olvidan. A menudo guardo muchos artículos para leer más tarde, pero terminé olvidándome de eso.
  2. Los artículos se guardan en la misma Lista de lectura, aunque no estén juntos. Por ejemplo, un artículo de diseño / tecnología se combinará con algunos artículos sobre poesía, así como artículos relacionados con la salud.

Persona

Basado en una investigación en línea y algunas discusiones con mis colegas, encontré 4 tipos de usuarios de Medium:

  1. Escritor / blogger a tiempo completo
  2. Usuario específico de conocimiento
  3. Representantes de la compañía (es decir, alguien que escribe para el equipo de productos de su compañía)
  4. Influenciadores

Decidí centrarme en diseñar para "Usuario específico del conocimiento" porque todos los participantes que entrevistaré parecen pertenecer a ese tipo de Persona. En general, este tipo de usuario utiliza Medium para leer / escribir sobre algunos conocimientos específicos: diseño, tecnología, mejoras personales, salud, etc.

Conocimiento específico Usuario Persona

Escenarios de usuario

Creé dos escenarios donde el usuario interactuaría con la Lista de lectura

1. Buscando un artículo

2. Guardar artículos

Entrevistas de usuario

Para validar el problema, hice algunas entrevistas con algunos colegas y amigos. Hablamos sobre su comportamiento al usar Medium. El propósito es comprender sus objetivos, necesidades, dolores y ganancias.

Para mi sorpresa, de 12 participantes, 4 personas prefieren marcar artículos en su navegador (específicamente los navegadores Safari, Chrome y Mozilla). La razón principal por la que prefieren marcar en un navegador es porque a menudo guardan artículos de diferentes fuentes y los organizan por categorías.

A menudo guardan artículos de diferentes fuentes y los organizan por categorías.

Estas son algunas conclusiones clave recopiladas de la entrevista del usuario:

  • Razones por las que abren Medio: Quieren sentirse mejor consigo mismos. Quieren encontrar artículos que sean útiles para su trabajo, y artículos que creen que mejorarán su calidad de vida. No tienen que leerlo de inmediato; guardar / marcar los artículos también funciona. El objetivo principal es sentirse "productivo".
  • Tiempo de lectura: la mayoría lee cuando están en su viaje, en medio de las horas de oficina, en el baño mientras hacen el número 2 y antes de dormir por la noche.
  • Guardar un artículo: 8 participantes usan la Lista de lectura de Medium, mientras que los otros 4 prefieren usar el marcador del navegador.
  • Por qué guardar un artículo: para futuras referencias y para leer más tarde. Los artículos también se guardan porque no tienen tiempo para leerlos en este momento, generalmente cuando están en su viaje. Sin embargo, la mayoría admitió que rara vez recuerda leer un artículo que guardó anteriormente.
  • Categorías que leen: todas leen más de 5 categorías. Principalmente incluye diseño, tecnología, emprendimiento, creatividad y productividad.
  • Plataforma de lectura: en el móvil, 9 leen con la aplicación Medium, los otros 3 usan el navegador móvil.

Prueba de usabilidad

Hice algunas pruebas de usabilidad con solo una tarea que hacer. La tarea es buscar un artículo en particular en su Lista de lectura. El resultado:

  • El usuario no puede buscar artículos (en su Lista de lectura) en la aplicación de iOS Media. No hay una función de búsqueda, por lo que deben desplazarse manualmente.
  • Todos ellos sintieron que debería haber una configuración de clasificación / filtro. Después de que no pudieron encontrar un botón / barra de búsqueda, los participantes buscaban una función de clasificación / filtro.
  • Hay algo extraño con las fechas que se muestran en la Lista de lectura. Las fechas que se muestran en la lista son diferentes a las que se muestran en el artículo. Esos definitivamente no son la fecha en que guardamos el artículo, porque no se muestra cronológicamente.
Fechas raras. Mi suposición: las que se muestran en la lista de lectura son la fecha de

2. Definir

Después de hacer la investigación, estoy seguro de que los problemas ahora están validados. También descubrí nuevas ideas de los participantes.

Puntos de dolor # 1: los artículos guardados se olvidan

Desplácese hacia abajo y encuentre algunos artículos de 2016 que no he leído. Ya he olvidado por qué los guardé; para mí, el artículo del Plan de negocios es un poco irrelevante en mi situación actual.
  • Los artículos guardados deben leerse más tarde / para futuras referencias.
  • Sin embargo, el usuario a menudo olvida leer los artículos que guardó. Para cuando se desplazaran por la Lista de lectura, estos artículos podrían no ser relevantes.
  • Estos artículos olvidados serían apilados y enterrados debajo. No hay forma de que un usuario pueda verlos sin desplazarse

Puntos de dolor # 2: buscando un artículo guardado

  • No hay función de búsqueda en la aplicación móvil tanto para Android como para iOS. El usuario tiene que desplazarse hacia abajo y leer manualmente el título uno por uno para encontrar un artículo específico.
  • No hay forma de que el usuario pueda ordenar o filtrar los artículos por fecha guardada, autor, publicación, etc.

Puntos de dolor # 3: Organización de la lista de lectura

  • Cuando el usuario guardó un artículo, se colocará en la parte superior de la lista de lectura. No hay indicaciones sobre cómo se ordena la lista de lectura.
  • Las fechas que se muestran en la lista de lectura no son útiles. Agrega confusión a algún usuario.
  • La organización de la lista de lectura sería realmente útil para los artículos que se cortan en partes. Por ejemplo, las Fraats Cheatsheets de Tess Gadd.

3. Idear

Modelo conceptual

Utilizo el modelado de conceptos para encontrar ideas sobre la solución a los puntos débiles y comprender cómo podrían funcionar estas soluciones en un nivel superior.

Considero que este método es realmente útil y esencial para mi proceso de diseño, especialmente cuando entro en la fase de ideación / diseño.

Un modelo conceptual para la solución. Una de las muchas iteraciones que hice.

Lo-fi Wireframes también conocido como bocetos de papel

Explorando ideas y flujos usando bocetos en papel.

Algunos esquemas ásperos y bocetos de flujos de usuario.

4. Prototipo

Wireframes

Aquí hay algunos wireframes que hice basados ​​en el modelo conceptual y bocetos en papel.

Exploraciones de estructura metálica para la solución.

Interfaz de usuario

Al crear la interfaz de usuario, me di cuenta de que me había perdido un par de cosas, como cómo buscar y ordenar artículos. Agregué las piezas de rompecabezas que faltaban en la fase de IU, creé el prototipo y pasé a la fase de iteración.

  • Flujo 1: Cómo configurar un recordatorio para leer un artículo que guardó y cómo guardar un artículo en una Lista de reproducción.
El primer flujo, a partir de la página del artículo.
  • Flujo 2: Cómo buscar y ordenar artículos en su lista de lectura y en la página Lista de reproducción.
La lista de lectura recientemente rediseñada.

En el proceso de diseño de la interfaz de usuario, también intento reutilizar los componentes de la aplicación Medium actual. Aquí hay algunos ejemplos de los componentes que reutilicé:

Se utiliza el mismo carrusel para el carrusel El componente de resumen del artículo se reutiliza en la página

5. Resultado y validación

Solución # 1: Recordatorio de lectura

Establecer un recordatorio para un artículo, hecho en ProtoPie. Y una autopromoción descarada: mi otro estudio de caso sobre Harry Potter.
  • Puntos de dolor abordados: Olvidé leer un artículo guardado.
  • Una función de recordatorio donde el usuario puede establecer una fecha y hora futuras para leer un artículo. Esperemos que de esta manera, los artículos tengan una mejor oportunidad de no ser olvidados.
  • Para configurar un Recordatorio de lectura, solo toque el ícono del temporizador que se coloca junto al ícono de compartir y marcar. Luego, puede establecer la fecha y la hora para recibir un recordatorio para leer el artículo.
  • La configuración predeterminada se establece el mismo día, 30 minutos después. La razón es porque la mayoría de los participantes que entrevisté dijeron que guardan artículos principalmente cuando viajan al trabajo.
  • Las fechas anteriores están deshabilitadas, porque las personas no podían viajar en el tiempo. Todavía.

Solución # 2: funcionalidad de búsqueda y clasificación

Pequeñas pero significativas mejoras.
  • Puntos de dolor abordados: Búsqueda de un artículo guardado.
  • Capacidades de búsqueda y clasificación en la Lista de lectura.
  • Esto será realmente útil cuando los usuarios intenten buscar un artículo. No más desplazamiento, no es necesario leer los títulos uno por uno.

Solución # 3: Lista de reproducción de lectura

Página de detalles de listas de reproducción y listas de reproducción, realizada en ProtoPie.
  • Puntos de dolor abordados: no hay organización de la lista de lectura
  • Los usuarios pueden guardar artículos en una lista de reproducción. Agrúpelos según su tema, contexto, serie, cualquier cosa. La pestaña de la lista de reproducción se mostrará en la lista de lectura.
  • La idea principal es organizar los artículos en grupos, donde puede buscar fácilmente artículos relacionados para futuras referencias.
Guardar en una lista de reproducción, realizada en ProtoPie.
  • Para guardar un artículo en una lista de reproducción, simplemente toque el icono de marcador y seleccione una lista de reproducción para guardar. Un artículo también se puede guardar en varias listas de reproducción.

Validación

Para validar los cambios de diseño, realicé algunas pruebas de usabilidad con 5 participantes. Hay las tareas que deben hacer.

  1. Busque un articulo
  2. Guardar un artículo en una lista de reproducción
  3. Establecer un recordatorio para un artículo

Para abreviar, todos los participantes hicieron las tareas fácilmente y solo habían experimentado algunos problemas menores cuando estaban haciendo la tarea:

  • Algunos participantes no entendieron que el ícono "Temporizador" significa establecer un recordatorio.
  • No está del todo claro cómo cambiar entre la fecha y la hora al configurar un recordatorio. El color del texto inactivo parece deshabilitado / no se puede tocar.
  • Guardar un artículo en una lista de lectura no es tan fácil como solía ser.
  • Para ir a la página de detalles de la lista de reproducción, los usuarios deben desplazarse hasta el final del carrusel. Algunos participantes pensaron que era una pérdida de tiempo. ¿Por qué no poner el botón "ver todo" en la delantera?

Conclusión

Medium es un gran producto. Me ha ayudado (y probablemente a muchas otras personas) a crear un hábito positivo de leer todos los días. Una pequeña pero significativa mejora, como agregar una funcionalidad de clasificación y filtro a la lista de lectura, mejoraría la experiencia de usar la aplicación.

Agrupar artículos en una lista de reproducción fue una idea que tuve mientras guardaba algunos videos musicales en una lista de reproducción de YouTube. Y ahora que lo pienso, se utilizan conceptos de agrupación similares en algunos otros productos como Spotify (lista de reproducción) y Pinterest (tableros).

Creo que las personas están familiarizadas con este tipo de concepto, y agregaría un valor a Medium si decidieran agregar esta función. ¿Una característica exclusiva para los miembros medianos, tal vez?

En general, creo que el concepto aún carece de investigación y necesitaba más iteración antes de que realmente pueda resolver los problemas actuales. Por ejemplo, me acabo de dar cuenta de que realmente no he pensado en algunos escenarios inesperados para la función de recordatorio como:

  • ¿Qué sucede si el usuario establece 100 recordatorios de lectura para la misma fecha y hora?
  • ¿Habrá 100 notificaciones push? ¿Debería haber una página de "Lista de recordatorios"? ¿Lo que sucederá?
  • ¿Dónde pueden los usuarios ver artículos con un recordatorio establecido para ellos?

Por último, para la parte de investigación: creo que con datos de usuarios reales, algunos experimentos y quizás algunas investigaciones conductuales de usuarios, el problema y la solución propuesta pueden validarse con mayor precisión.

Descargo de responsabilidad: no trabajo para Medium ni tengo ninguna afiliación con Medium. El propósito de este estudio de caso es mejorar mis habilidades y hacerme un mejor diseñador.