Descubre el Baile del Diseño: Caso UX/UI en TikTok
Scope
TikTok App
Duration
4 semanas
Tools
Figma y google docs
Role
Product Designer
Problema y justificación
El problema identificado en el caso de estudio de TikTok se centra en la necesidad de mejorar la experiencia de usuario para adaptarse a una amplia gama de demografías, desde adolescentes hasta adultos mayores de 39 años. La plataforma busca abordar los desafíos de accesibilidad y usabilidad para asegurar que todos los usuarios, incluyendo aquellos con dificultades visuales, puedan navegar e interactuar de manera efectiva y satisfactoria. La justificación del rediseño se fundamenta en la importancia de ofrecer una experiencia inclusiva y atractiva que refleje la filosofía de creatividad y disfrute de TikTok, al tiempo que se alinea con las expectativas y necesidades cambiantes de su comunidad diversa y activa.
The Challenge
Uno de los principales retos que enfrentamos al abordar el rediseño de TikTok fue mejorar la experiencia de usuario de una plataforma ya popular y diversa, que atiende a una amplia gama de demografías y necesidades. Nos enfrentamos al desafío de equilibrar la simplicidad con la funcionalidad, garantizando que la aplicación fuera accesible para todos los usuarios, independientemente de su nivel de experiencia tecnológica o intereses específicos. Nuestro objetivo era encontrar formas de optimizar la experiencia de TikTok, manteniendo su esencia creativa y su capacidad para fomentar la participación de la comunidad.
User Need
Para comprender mejor las necesidades de nuestros usuarios, nos sumergimos en "user stories" que representaban una variedad de perfiles de usuarios de TikTok. Desde aquellos que desean publicar contenido de manera sencilla hasta aquellos que buscan interactuar con seguidores y descubrir inspiración y entretenimiento, identificamos una serie de necesidades clave. Reconocimos la importancia de facilitar la creación y el consumo de contenido, así como de proporcionar herramientas que permitieran una mayor interacción y participación en la plataforma. Además, nos esforzamos por adaptarnos a las diferentes preferencias y estilos de uso de los usuarios, desde los que prefieren explorar pasivamente hasta los que desean una experiencia más interactiva y personalizada.
Main Goal
Nuestra meta principal en el proceso de rediseño de TikTok fue mejorar significativamente la usabilidad y accesibilidad de la aplicación. Queríamos ofrecer una experiencia más personalizada y relevante para los usuarios, asegurándonos de que pudieran encontrar y disfrutar del contenido que más les interesara de manera rápida y sencilla. Al mismo tiempo, nos propusimos fomentar la creatividad y la participación en la plataforma, brindando a los usuarios las herramientas y la inspiración necesarias para expresarse y conectarse con otros de manera significativa. En resumen, nuestro objetivo era hacer que TikTok fuera aún más atractivo y adictivo, sin perder de vista su espíritu único y su capacidad para capturar la imaginación de millones de personas en todo el mundo.
User Personas
User Stories
Addison Rae:
Como Addison Rae, quiero poder iniciar TikTok y publicar rápidamente fotos de mis rutinas de baile con una sola mano, para poder seguir practicando o preparándome para mi siguiente movimiento sin interrupción, compartiendo así mi pasión y mis habilidades con mis seguidores.
Como Addison Rae, necesito interactuar con mis seguidores y publicar actualizaciones de estilo de vida utilizando solo una mano, para que pueda seguir con mis tareas diarias de belleza y moda, mostrando mi estilo de vida dinámico y estando siempre lista para la cámara.
Como Addison Rae, deseo poder alternar entre la captura de fotos y videos de forma rápida y con una mano, manteniendo la otra mano libre para ajustar mi atuendo o decorado, lo que me permite crear contenido diverso y atractivo para mi audiencia.
Como Addison Rae, quiero que la interfaz de TikTok me permita usar filtros y buscar música con facilidad usando gestos simples, para poder seguir el ritmo de las tendencias y publicar contenido actual sin detener el flujo de mi día a día creativo y ocupado.
Como Addison Rae, busco la capacidad de programar publicaciones durante mis ensayos o sesiones de fotos, utilizando una sola mano para seleccionar el tiempo de publicación, de modo que pueda mantener mi presencia en línea constante sin sacrificar mi compromiso con el arte y mi educación en Bellas Artes.
Valentina López:
Como Valentina López, quiero abrir TikTok cada tarde después de mis clases de Bellas Artes para sumergirme en un flujo de trabajo creativo, donde pueda publicar fácilmente mis últimos trabajos artísticos y técnicas que estoy explorando, con la intención de inspirar y ser inspirada, utilizando una interfaz que me permita hacerlo de manera rápida y sencilla.
Como Valentina López, deseo utilizar TikTok para conectarme con otros artistas y seguidores, participando en retos de arte, colaboraciones y dando retroalimentación, lo cual puedo hacer en breves momentos entre mis estudios, aprovechando las herramientas de interacción social de la plataforma.
Como Valentina López, quiero explorar nuevas técnicas y estilos artísticos en TikTok, usando la función de búsqueda para encontrar contenido que me eduque y desafíe, dedicando tiempo cada tarde para expandir mis conocimientos y habilidades artísticas.
Como Valentina López, busco inspiración en TikTok para crear contenido que refleje mi proceso artístico y mi crecimiento como estudiante de Bellas Artes, utilizando las herramientas de edición y publicación de la aplicación para mostrar mi arte de forma auténtica y atractiva.
Como Valentina López, necesito una forma de gestionar eficientemente mi tiempo en TikTok, para que pueda seguir compartiendo y creciendo en la plataforma sin que esto afecte mi horario de estudios y trabajo en mis proyectos artísticos, utilizando recordatorios y herramientas de programación de publicaciones para mantener una presencia constante en línea.
Alejandro Torres:
Como Alejandro Torres, quiero poder usar TikTok por las noches para desestresarme después de un largo día de trabajo en ingeniería de sistemas, encontrando rápidamente videos de comedia y contenido creativo de otros creadores que me hagan reír y relajar.
Como Alejandro Torres, necesito una manera de seguir las últimas tendencias y actualizaciones en tecnología a través de TikTok, utilizando la plataforma como una fuente de información rápida y confiable que puedo consultar en mi tiempo libre.
Como Alejandro Torres, deseo interactuar con contenido deportivo en TikTok, uniéndome a comunidades de aficionados y profesionales, participando en discusiones y disfrutando de momentos destacados de eventos deportivos a través de clips y análisis compartidos.
Como Alejandro Torres, me gustaría descubrir nuevos talentos y contenidos únicos en TikTok, aprovechando las horas de la noche para explorar y apoyar a creadores emergentes en campos que van desde la comedia hasta la tecnología.
Como Alejandro Torres, busco una forma de relajarme con TikTok explorando una variedad de contenidos que se alineen con mis intereses personales y profesionales, desde seguir cuentas divertidas y educativas hasta descubrir nuevos hobbies y proyectos innovadores.
Página principal análisis:
User Feedback
Al preguntar a los usuarios qué sucede cuando hacen swipe de izquierda a derecha en la pantalla principal, más del 75% de los encuestados respondieron correctamente que acceden a la pantalla de "Siguiendo", donde se muestran los videos de las personas y creadores que siguen.
Cuando se les preguntó qué ocurre al hacer swipe de derecha a izquierda en la pantalla principal, más del 80% de los encuestados respondieron correctamente que se muestra el perfil de la persona que publicó el video actualmente en visualización.
Más del 60% de los encuestados obtuvieron ambas respuestas correctas, lo que indica una comprensión sólida de la navegación dentro de la aplicación.
Sin embargo, un 15% de los encuestados no obtuvieron ninguna respuesta correcta, lo que sugiere que aún hay un grupo significativo de usuarios que pueden necesitar más orientación o claridad sobre el funcionamiento de la aplicación.
Página Principal Rediseño
La modificación propuesta es cambiar el color de la barra inferior de la aplicación según en qué página está el usuario.
Justificación del rediseño:
Visibilidad Mejorada: Dado que la demografía de usuarios de TikTok es amplia, abarcando desde adolescentes hasta adultos mayores de 39 años, el aumento del contraste con un color más vivo como el rojo puede facilitar la navegación para todos los usuarios, especialmente aquellos con dificultades visuales.
Estilo Distintivo: La filosofía de TikTok enfatiza la creatividad y el disfrute. Un cambio audaz en el diseño, como una barra inferior roja, puede reflejar esta filosofía al ofrecer una experiencia de usuario más vibrante y energética.
Cohesión con la Marca: El rojo es un color que denota pasión y energía, lo cual puede alinearse con la naturaleza dinámica de los contenidos de TikTok y su comunidad activa y creativa.
Feedback de Usuarios y Análisis de Data: Los resultados de las encuestas y reseñas pueden haber indicado que los usuarios buscan una interfaz más atractiva y fácil de usar. El cambio a una barra de color rojo podría ser una respuesta a estas demandas, mejorando la experiencia general del usuario.
He realizado una modificación en la posición de la barra de opciones en el perfil (me gusta, comentarios, favoritos y compartir). La hemos elevado ligeramente para mejorar la accesibilidad y la comodidad del usuario, especialmente teniendo en cuenta la forma en que las personas sostienen sus teléfonos, generalmente con la mano derecha.
Esta decisión se basa en la observación común de que la mayoría de las personas son diestras y tienden a sostener sus teléfonos con la mano derecha. Al elevar las opciones de interacción a la derecha de la pantalla, facilitamos el acceso y la interacción con estas funciones esenciales. Esta pequeña modificación tiene como objetivo mejorar la usabilidad y la experiencia del usuario, alineándose con las prácticas comunes y ofreciendo una interacción más intuitiva.
Diseño de 2 páginas adicionales
Escogí rediseñar la página de inbox, específicamente la sección de "En Vivo" y "Historias". La razón detrás de esta elección radica en la importancia de mejorar la relevancia y la comodidad para el usuario al acceder a contenido en tiempo real y las actualizaciones de sus amigos.
Cambios Realizados:
Botones Más Grandes: Aumentamos el tamaño de los botones de "En Vivo" y "Historias" para facilitar la interacción y la accesibilidad. Esto ayuda especialmente a usuarios con pantallas más pequeñas o aquellos que prefieren una experiencia táctil más cómoda.
Filtrado de Contenido: Modificamos la sección para mostrar solo las transmisiones en vivo e historias de amigos. Esta elección se basa en la premisa de que los usuarios están más interesados en el contenido de las personas que conocen personalmente. Limitar esta sección a amigos mejora la relevancia y reduce el desorden en la interfaz.
Enfoque en la Red Social: Dado que TikTok es una plataforma social donde se sigue a muchas personas, decidimos enfocarnos en el contenido generado por amigos en lugar de incluir historias y transmisiones en vivo de usuarios desconocidos. Esto refleja la naturaleza de las conexiones personales en la aplicación y ofrece una experiencia más personalizada.
Justificación de los Cambios:
Mejor Relevancia: Al mostrar solo contenido de amigos, la página de inbox se vuelve más relevante para el usuario, evitando distracciones innecesarias y brindando un espacio más personalizado.
Simplicidad y Claridad: La reducción del contenido a amigos simplifica la interfaz y mejora la claridad. Los usuarios pueden encontrar fácilmente las actualizaciones de las personas que les importan, sin la necesidad de filtrar a través de historias y transmisiones de usuarios desconocidos.
Enfoque en la Conexión Personal: TikTok es conocida por fomentar conexiones y relaciones personales. Al limitar la sección de "En Vivo" y "Historias" a amigos, destacamos este aspecto central de la plataforma y fortalecemos la conexión social entre los usuarios.
Diseño página perfil
Decidimos rediseñar la página de perfil, centrándonos en la parte superior izquierda, para mejorar la usabilidad y ofrecer opciones más detalladas para que los usuarios creen contenido directamente desde esta pantalla.
Cambios Realizados:
Nuevo Conjunto de Botones: Agregamos un conjunto detallado de botones para permitir a los usuarios crear contenido directamente desde la página de perfil. Incluimos opciones para iniciar una transmisión en vivo, subir una historia y crear un nuevo TikTok.
Iconos Claros y Reconocibles: Utilizamos iconos claros y reconocibles para cada opción de creación de contenido. Esto facilita la comprensión instantánea de las funciones disponibles y mejora la experiencia del usuario.
Fácil Acceso: Al colocar estos botones en la parte superior izquierda, proporcionamos un acceso rápido y conveniente para que los usuarios comiencen a crear contenido sin tener que navegar por varias secciones.
Justificación de los Cambios:
Facilitar la Creación de Contenido: Al agregar un conjunto detallado de botones en la parte superior izquierda, facilitamos a los usuarios la creación de contenido directamente desde la página de perfil. Esto agiliza el proceso y fomenta una mayor participación en la plataforma.
Mayor Claridad y Usabilidad: Los iconos claros y reconocibles mejoran la comprensión de las opciones disponibles. Los usuarios pueden identificar fácilmente cómo crear contenido específico sin confusiones, lo que mejora la usabilidad general de la aplicación.
Acceso Rápido: Colocar estos botones en una ubicación prominente proporciona un acceso rápido y directo para iniciar transmisiones en vivo, subir historias o crear nuevos TikToks. Esto mejora la eficiencia y la comodidad para los usuarios que desean ser más activos en la creación de contenido.
Lista de Asunciones
Recursos y Equipo: Disponibilidad de un equipo multidisciplinario con experiencia en diseño de UX/UI, desarrollo de software, y pruebas de usabilidad.
Feedback de Usuarios: Acceso a una comunidad de usuarios de TikTok para obtener feedback real y realizar pruebas de usabilidad.
Soporte de Plataforma: Capacidad técnica de TikTok para soportar e integrar los cambios propuestos sin afectar negativamente el rendimiento o la estabilidad de la plataforma.
Tendencias del Mercado: Los cambios propuestos seguirán siendo relevantes y valiosos para los usuarios a lo largo del tiempo de desarrollo e implementación.
Alineación con la Marca: Los cambios propuestos se alinean con la misión, visión, y valores de TikTok, y están diseñados para mejorar la experiencia del usuario sin desviarse de la identidad de la marca.
Presupuesto y timeline
Duración Aproximada:
Fase de Diseño: 1-2 meses, para refinamientos basados en el feedback y ajustes de diseño.
Desarrollo e Implementación: 3-6 meses, dependiendo de la complejidad y la capacidad del equipo de desarrollo.
Pruebas y Despliegue: 1-2 meses, para pruebas exhaustivas y despliegue gradual.
Presupuesto Estimado
Diseño y Desarrollo: $75,000 - $150,000, dependiendo de la profundidad de los cambios y la tarifa del mercado para diseñadores y desarrolladores.
Pruebas y Despliegue: $20,000 - $50,000, incluyendo pruebas de usabilidad, pruebas A/B, y ajustes post-lanzamiento.
