diseño ux/ui
Perfil Goodreads
¿Cómo podría hacer la experiencia de compartir e interactuar para usuarios socialmente activos en Goodreads de manera que puedan interaccionar fácilmente con la comunidad de la app e intercambiar recomendaciones de libros y opiniones?
Resumen del proyecto
Proyecto individual
End-to-end diseño aplicación móvil
Rol
Diseñadora UX/UI
Duración
10 semanas
Programas
Figma
Google docs
PROBLEM STATEMENT
Goodreads es una de las plataformas más populares entre lectores, sin embargo, carece de una interfaz accesible y centrada en el usuario, lo que dificulta la navegación a través de la aplicación por la limitada y obsoleta personalización.
Esto afecta a los lectores frecuentes que quieren hacer un seguimiento, organizar y compartir recomendaciones de libros. La ineficiencia de la interfaz puede llevar a perder engagement de los usuarios y perder potenciales usuarios nuevos que acuden a otras aplicaciones por no encontrar lo que necesitaban en Goodreads.
OBJETIVOS DE LA INVESTIGACIÓN
Entender cómo los usuarios interactúan con la app
Entender qué tan intuitiva es la navegación para los usuarios
Descubrir dónde y por qué los usuarios tienen problemas
Entender por qué otras aplicaciones empiezan a ganar popularidad
DESK RESEARCH
Aunque Goodreads tenga una valoración alta, muchos usuarios frecuentes encuentran problemas y frustraciones que no se han resuelto con las actualizaciones
Descubrimientos clave
Organizar los libros y estanterías de manera que funcione para todos los usuarios es difícil por las limitaciones de la aplicación
Sistema de valoración de libros es poco preciso (1-5 estrellas)
El sistema de búsqueda actual es general y dificulta la acción de encontrar libros
Solo se tienen en cuenta libros escritos, no se pueden valorar ni escribir reseñas de audiolibros
BENCHMARKING COMPETITIVO
Usuarios de Goodreads dejan la plataforma para buscar otra aplicación que cumpla sus necesidades y expectativas
Comparar las diferentes aplicaciones centradas en el mercado de la lectura para comprender sus puntos fuertes y débiles y encontrar oportunidades para aplicarlas a Goodreads.
Descubrimientos clave
Cada una se centra en una característica siendo ésta el aspecto diferenciador
Interfaz clara y organizada
Elementos personalizables y customizables por el usuario
Aspecto de la aplicación es importante para mantener a los usuarios
ENTREVISTAS
Usuarios frecuentes siguen utilizando la aplicación a pesar de tener problemas con los diferentes apartados de Goodreads y las limitaciones que encuentran en la organización, personalización, interacción entre usuarios y búsqueda
Las entrevistas me han permitido obtener una mirada más profunda a través de entender el por qué de las acciones de los usuarios respecto a la plataforma.
Claudia, 22 · Semanalmente
“Me gusta ver las reseñas de los libros para ver si a otra gente le ha gustado el libro, entonces tomo una decisión”
Chris, 22 · Diariamente
“Buscar ediciones especificas en la aplicación es difícil e introducir libros manualmente es tedioso”
Miriam, 22 · Mensualmente
“Encuentro interesante ver los puntos de vista de otra gente y sus preferencias de lecturas”
Lucia, 23 · Cada 1-2 días
“Principalmente uso la aplicación para ver lo que mis amigos están leyendo y para descubrir libros nuevos para añadir a mi TBR”
Mario, 23 · Semanalmente - mensualmente
“Añadir un libro que he acabado en la librería y compartirlo con amigos me da una sensación de logro”
Carolina, 22 · Diariamente
“Me ayuda mucho a mantener registro de mis libros y tener mi progreso de lecturas organizado”
Descubrimientos clave
Dependiendo del perfil y personalidad del usuario, da más importancia a unas secciones u otras
Usuarios que son parte del target de la aplicación encuentran libros con más facilidad
Principalmente utilizan la aplicación con tres objetivos: registrar el progreso de las lecturas, descubrir nuevos libros o interactuar con amigos
MAPA DE AFINIDAD
La interacción con otros usuarios o amigos, el sistema de estanterías, búsqueda con filtros, valoraciones y reseñas son los temas más recurrentes entre los usuarios al definir sus problemas y necesidades
Con los datos de la investigación pude definir temas comunes para priorizar los puntos más relevantes sobre los que trabajar en el rediseño. Estos se definen por la importancia, el uso y el tipo de feedback que dieron los usuarios, si todo es negativo hay algo en lo que se debe trabajar.
Descubrimientos clave
Sistema limitado y rígido el cual no permite mucha personalización en la organización de los libros en las estanterías
Interactuar con otros usuarios o amigos puede ser un desafío, los usuarios tienen problemas para encontrarlos en la plataforma
Sistema de valoración y registro de libros es simple e impreciso
El sistema de búsqueda suele generar confusión en los usuarios, haciendo que la acción sea difícil y tediosa
Usuarios que no son el target de la aplicación tienen problemas para descubrir nuevos libros y recomendaciones
El diseño actual se siente abarrotado, antiguo y plano además de tener distracciones creando una mala experiencia de usuario
Sistema de reseñas puede ser difícil para que los usuarios interactúen
USER PERSONA
Lectores habituales que quieren hacer un seguimiento de sus libros
Usa Goodreads como método de organización y habitualmente actualiza su progreso de las lecturas.
Lectores quienes interactúan con la comunidad de lectores y les gusta descubir nuevos libros
Encuentra nuevos libros a través de recomendaciones, reseñas, valoraciones y participa en discusiones y grupos.
INSIGHTS & HMW
A partir de la investigación y las personas definidas, reformulé los problemas en preguntas para guiar el proceso de ideación a través de estas nuevas oportunidades
HMW (how might we) es un método para convertir problemas en posibles ideas creativas que fomentan el pensamiento innovador a través de preguntas abiertas.
When organizing their book collection, frequent readers classify them according to their needs, causing the need of a flexible and customizable feature. This creates frustration by the limitations of the app’s rigid system for organizing bookshelves.
HMW improve the shelves system for frequent readers so that they can organize their book collections in a flexible and customizable way according to their personal needs?
When tracking and rating the books, readers track in a general way causing low details and vague descriptions about their lectures. This makes the record of their reading experience not accurate and the users feel disengaged to keep track.
HMW improve the tracking and rating system for readers so that they can provide more detailed and accurate records of their reading experiences?
(and that the rereadings doesn’t generate confusion or errors)
While writing and interacting with reviews, interactive readers often struggle to learn how to use the review system, write and change the font family or answer directly to other users in reviews, causing them to don't use the feature that regularly. This makes that the social impact, interaction and richness of the app is reduced because of the lack of engagement of the users.
HMW simplify the review creation and interaction process for users that wants to interact with the community so that they can engage more regularly the social features of the app?
The large community of the app generates an exchange of opinions and recommendations, social active users usually struggle to share and interact with other readers making difficult to engage in the social features the app offers.
HMW make the sharing and interaction experience for socially active users so that they can easily engage with the app’s community and exchange opinions and recommendations?
Users who wants to discover new books or find specific titles usually use the search system, spending more time than necessary in the action. This makes them frustrated because it becomes difficult and tedious to find books.
HMW enhance the search system for users looking to discover new books or find specific titles so that they can complete the action more efficiently?
When using the app, frequent users navigate the app and it’s features, causing them to rely on the interface design to do the main actions. This gives special importance to the design to give users a good experience and enjoy fully the platform.
HMW change the interface design for frequent users so that they can interact with a more enjoyable and engaging user experience while doing the main actions of the platform?
When getting to know the app, new users usually don’t understand all the features at first, causing them to delete the app. This makes Goodreads lose potential users because of the poor introduction to the app.
How might we create a more user-friendly experience for new users so that they can quicky undestand how to navigate the main features of the app?
Aunque todas las preguntas propuestas abordan cuestiones importantes que pueden mejorar la calidad de la aplicación, el proyecto se centra en la siguiente:
¿Cómo podría hacer la experiencia de compartir e interactuar para usuarios socialmente activos en Goodreads de manera que puedan interaccionar fácilmente con la comunidad de la app e intercambiar recomendaciones de libros y opiniones?
Durante el benchmarking, uno de los puntos fuertes es la comunidad ya que genera muchas interacciones, además de ser el principal objetivo de la app: compartir y conectar con amigos para descubrir nuevos libros.
BRAINDUMP
El mayor número de potenciales ideas aumenta la diversidad de posibles soluciones para mejorar
CLUSTER IDEAS
A partir de todas las propuestas, hice grupos según el tema para definir la solución y responder a la pregunta planteada
Rediseñar el perfil para que genere más interacción entre los usuarios
Mejorar el feed del inicio para hacerlo más user-friendly e interactivo
Crear más interacciones en las reseñas
Introducir elementos para mejorar la interacción con amigos
SOLUTION STATEMENT
¿Cómo podría hacer la experiencia de compartir e interactuar para usuarios socialmente activos en Goodreads de manera que puedan interaccionar fácilmente con la comunidad de la app e intercambiar recomendaciones de libros y opiniones?
Para incentivar la interacción y conexión entre lectores, la propuesta se centra en el rediseño del perfil basado en las necesidades de las user personas. Permitiendo un perfil personalizable y representativo de cada uno para descubrir libros conectando con usuarios con intereses similares de una manera más fácil. Las nuevas funciones crean un perfil versátil dependiendo de lo que el usuario prefiera compartir con otros, resultando en una experiencia más atractiva y centrada en la comunidad.
SITEMAP
Jerarquía y organización para no generar confusión a los usuarios
Mejorar y añadir nuevas funciones al perfil provoca la alteración de la navegación de la aplicación, ya que sino habría más de una forma de acceder a la misma función.
TASKS & USER FLOWS
Mapear cómo los usuarios intactúan con la interfaz para lograr diferentes objetivos asegura un diseño intuitivo, eficiente y centrado en el usuario
Definir tareas y user flows me permitió clarificar los objetivos e intenciones que pueden tener los usuarios para simplificarlos y reducir la posibilidad de confusión.
LOW FIDELITY WIREFRAMES
El perfil está principalmente inspirado por aplicaciones de redes sociales, centradas en la interacción de los usuarios y la creación de comunidades.
Busqué y analicé diferentes redes sociales como Twitter, ya que el objetivo principal es fomentar la interacción y generar nuevas conexiones entre usuarios. Con los wireframes y los user flows hice un wireflow para saber qué pantallas eran necesarias en el prototipo.
UI KIT
Modernizar pero conservando la identidad, familiaridad, valores y esencia de Goodreads
Teniendo en cuenta las opiniones de los usuarios decidí modernizar la estética con un diseño centrado en el usuario, diseño visual, navegación y organización. Manteniendo la paleta de colores, tipografía y modificando pequeños detalles en los componentes para mejorar el aspecto conjunto pero .
MID & HIGH FIDELITY WIREFRAMES
El primer diseño permite que los usuarios puedan realizar las diferentes tareas presentadas anteriormente
DISEÑO: ANTES Y DESPUÉS
Diseño con un enfoque centrado en el usuario, busca la usabilidad y fomentar la conexión entre usuarios para descubrir nuevos libros
Desliza el separador hacia la derecha para ver el diseño antiguo, o deslízalo hacia la izquierda para ver el rediseño de las diferentes pantallas de la aplicación.
Feed de la página inicial
Antiguo
Rediseño
Buscar
Antiguo
Rediseño
Perfil usuario
Antiguo
Rediseño
Sugerencias usuarios
Antiguo
Rediseño
Libros
Antiguo
Rediseño
Estadisticas
Antiguo
Rediseño
Grupos
Antiguo
Rediseño
Actualizaciones
Antiguo
Rediseño
Estanterías
Antiguo
Rediseño
Detalles libro
Antiguo
Rediseño
PROTOTIPO
Mejora del diseño actual para una mejor usabilidad de manera que los lectores puedan conectar con facilidad con otros usuarios y descubrir nuevos libros
El prototipo final del rediseño de Goodreads se puede ver en el video siguiente, o clicando en el botón.
TEST DE USABILIDAD
4 de 5 usuarios tuvieron problemas con la tarea de buscar usuarios mediante la sugerencia pero al final lograron realizarla
Sugerencia de usuarios: Difícil de encontrar, la tendencia es buscarlo en el apartado de búsqueda
Editar descripción: Fácil de usar, botón inferior ha causado un poco de confusión
Editar cita favorita: Sin problemas para encontrarla, intuitivo
Interacción con perfil: Navegación sencilla, más fácil de acceder desde la barra de navegación y las nuevas secciones son interesantes
Estanterias: Intuitivo, fácil de usar y menos abarrotado
Aprendizajes y problemas detectados
Sugerencia de usuarios
Perfil
Secciones y características
Interfaz
SIGUIENTES PASOS
La mayoría de los problemas se pueden solucionar modificando componentes del sistema de diseño
El siguiente paso consistiria en resolver los problemas de bajo esfuerzo y gran impacto para luego valorar cómo abordar los otros problemas.
REFLEXIÓN
Cada vez que entraba a Goodreads decia: "No puede ser que después de tantos años en el mercado, parece que nunca se actualice."
Cuando me adentré en el mundo del diseño UX/UI, uno de los primeros pensamientos que tuve fue: "Ahora que tengo conocimientos, podría hacer un rediseño que se adapte a las necesidades que tanto he comentado con mis amigas."
Sin duda, uno de los principales desafíos que me he encontrado ha sido entender las necesidades generales dentro de una aplicación donde hay infinitos tipos de usuarios y cada uno con sus objetivos y preferencias. Pero después de una investigación exhaustiva y definición del problema, he podido acotar y priorizar hasta encontrar aquella característica que pueda impactar positivamente a la experiencia del usuario.
Después de trabajar mucho en el diseño, componentes e interacción, puedo decir que ha sido un proceso constante de encontrar el equilibrio entre introducir cambios que beneficien al usuario y mantener la esencia de la aplicación sin que parezca una completamente nueva.
Del proceso global haría más iteraciones en cada etapa de diseño para asegurar una buena experiencia y diseño, ¡no hay que ir con prisa! Me llevo los aprendizajes y mejoras que se podrían hacer en las siguientes etapas del proyecto y lo mucho que he disfrutado haciendo el rediseño como diseñadora y también usuaria.
OTROS PROYECTOS UX/UI