Análisis heurístico de la web de TikTok
Tenía en mente multitud de aplicaciones y webs para realizar un buen análisis heurístico, pero tras la comida familiar de este fin de semana compartiendo tiempo con mis queridísimas y queridísimos familiares adolescentes y no tanto, he decidido seguir con ese empacho de videos musicales en modo carrusel y realizar el análisis heurístico de la web TikTok.
He de admitir que TikTok me fascina, ha conseguido que visualizar contenido sea una experiencia de acción recompensa, adictiva para el usuario. Con un diseño de interfaz sencilla, con pocas elecciones, videos musicales, acciones repetitivas y contenido ilimitado, tal y como comentó en una reunión grupal el compañero psicólogo David Barqué, TikTok se ha convertido en las nuevas tragaperras.
Os preguntaréis por qué he escogido analizar la web y no la mundialmente predilecta aplicación para el dispositivo móvil. Como excusa diré me producía curiosidad analizar como se adaptaba, manteniendo su esencia u objetivos, un producto dirigido a utilizarse preferentemente desde tu smartphone a una interfaz más “tradicional” como es el formato desktop de la web, visto desde un ordenador.
Un punto a destacar a la hora de analizar este producto, es que no tengo experiencia previa de uso de la interfaz de TikTok, pero si tengo experiencia en interfaces y visualización de contenido similar.
Dicho esto, ¡Empezamos con el análisis heurístico!
OBJETIVO DE ANÁLISIS
Evaluar la web de TikTok España de acuerdo con los 10 principios de Nielsen.
https://www.tiktok.com/es/ visto desde MacBook Pro (dispositivo con sistema operativo IOS), pantalla externa de 32 pulgadas BenQ PD2700U.
METODOLOGÍA
1-. Reunir la lista de heurísticas y subheurísticas en formato cheklist e identificar cuáles reglas y principios de Nielsen se cumplen y cuáles no.
2-. Indicar el grado de gravedad del problema a partir de tres parámetros:
- FRECUENCIA con la que nos encontramos con el problema.
- IMPACTO a causa del problema al usuario; relevancia en la afecta al uso del producto.
- PERSISTENCIA del problema; en qué medida afecta al uso progresivo del producto.
Puntuación de gravedad según la siguiente tabla:
3-. Organizar el análisis en función la gravedad de las malas prácticas encontradas.
ANÁLISIS
- Reconocimiento antes que recuerdo
Para promover el reconocimiento y evitar que los usuarios memoricen sus acciones o elementos al desplazarse por el sistema, vemos cómo se muestra información junto a los iconos o cuando se realiza se pasa el ratón por encima de estos.
Podemos ver bajo los videos una barra de progreso que nos indica la parte del vídeo en la que nos encontramos y cuanto queda para que este acabe y salte al siguiente.
Mala práctica: Solo en la home podemos ver, señalado en el menú, en que parte de la web nos encontramos. En cuanto entramos en el modo de visualización, al tratarse de contenidos muy similares entre “Siguiendo”,“Para ti” y “Explorar”, no queda claro a qué categoría corresponde el contenido que estamos visualizando en ese momento. Una propuesta de mejora sería incorporar algún elemento o el nombre de la categoría en algún lugar de la pantalla para que el usuario pueda intensificarla. PUNTUACIÓN: 9
- Flexibilidad y eficiencia de uso
En el menú nos encontramos con la categoría “Para ti”. En esta categoría la plataforma propone contenido según las preferencias del usuario. Con el contenido personalizado existe una mayor posibilidad de satisfacer al usuario de manera rápida.
Según la luminosidad del ambiente, en el panel de ajustes, el usuario puede activar o desactivar el modo oscuro según como este lo prefiera.
La interfaz propone alternativas para agilizar acciones frecuentes. Un claro ejemplo serían las teclas de acceso rápido como la tecla de “espacio” para realizar la acción de Play/Pause cuando se está reproduciendo un video.
Mala/Buena práctica: A pesar de que la plataforma propone atajos simples e intuitivos, no permite al usuario personalizar dichos accesos rápidos o atajos según la conveniencia del usuario. Quizás, como ejemplo, el usuario prefiera utilizar teclas más fáciles de controlar con la mano izquierda. En este caso, como propuesta de mejora, podría habilitarse la elección de teclas para atajos, gestionada en ajustes. PUNTUACIÓN: 6.
TikTok, a diferencia de otras aplicaciones de entretenimiento o RRSS, reduce la toma de decisiones. Esto limita la libertad del usuario para personalizar el uso de la interfaz, pero a la vez le aporta mayor sensación de seguridad. El usuario tan solo ha de dejarse llevar, y dejar que pasen los videos, uno tras otro, esperando que el siguiente le satisfaga más que el anterior. No tiene casi de elegir que ver perder tiempo tomando decisiones para personalizar su experiencia. Todo es simple, fácil, diferente, pero repetitivo.
- Visibilidad del estado del sistema
Tras realizar varias acciones, antes y tras iniciar sesión, vemos como la interfaz ofrece retroacción y confirmación sobre las acciones realizadas por parte del usuario. En todo momento, el usuario puede cerciorarse si ha iniciado sesión con su cuenta, ya que al realizar cualquier acción trascendente nos aparece en pop-up un cuadro de diálogo informándonos que para ver o realizar ciertas acciones iniciemos sesión. También podemos recibir feedback visual sobre acciones como seguir o dar “like”; si clicamos en el botón de “seguir”, si hemos iniciado sesión, el botón cambia de color a gris con el texto “siguiendo”. Al clickar de nuevo en el botón “siguiendo”, este cambiará de nuevo de color y se convertirá de nuevo en el botón de “seguir”.
También, a través del menú se señala en que lugar de la web donde nos encontramos.
- Coincidencia entre el sistema y el mundo real
Conceptos, íconos e imágenes siguen las convenciones del mundo real, podemos intuir o comprender rápidamente como funciona la interfaz. Como ejemplo, vemos como el botón de buscar está representado con una “lupa”. Además, vemos la posibilidad de adaptar la web, así como su mensaje e instrucciones a diferentes idiomas.
Los atajos o comandos a aprender son simples y parten de conceptos y expresiones ya popularizadas como: Utilizar la tecla “M” para mutear la reproducción o la tecla “L” para dar “like”.
- Control y libertad del usuario
La aplicación permite corregir en todo momento acciones no deseadas y ofrece confirmación para prevenir que el usuario realice acciones por error. Vemos como haciendo doble click en el mismo botón, podemos deshacer la misma acción realizada con el primer click. Un ejemplo de esto, sería el botón de seguir o el de “like”. Vemos también que en el caso de escribir un comentario no deseado, podemos eliminarlo. Los comandos o atajos también nos permiten volver a visualizar videos que hemos “pasado” sin querer o que simplemente queremos volver a visualizar. Esto ofrece al usuario la sensación de seguridad y cierto control.
- Consistencia y estándares
Encontramos iconos y lenguajes ya utilizados propios de las RRSS con los que el usuario se ha podido ir familiarizando, este es el caso del icono del corazón, para indicar que un contenido le ha gustado o el icono de compartir. También, encontramos iconos más reconocibles, como la utilización del buscador, señalado con un icono de lupa; la opción de “ajustes”, señalado con un icono de engranaje; o la “X” como elemento con el significado de cerrar.
Los atajos o comandos a aprender son simples y parten de conceptos y expresiones ya popularizadas como: Utilizar la tecla “M” para mutear la reproducción o la tecla “L” para dar “like”.
Esto ayuda al usuario a reconocer, a entender y en caso de aprender, a hacerlo con más rapidez y facilidad.
- Prevención de errores
Al realizar diferentes acciones de carácter relevante como cerrar sesión o cambiar algún ajuste de la cuenta nos encontramos con mensajes que piden confirmación sobre las acciones realizadas. Esto evita que el usuario realice cambios y acciones más relevantes por error y permite deshacer dicha acción en caso de no ser deseada.
También nos encontramos con formularios que se comprueban a tiempo real y te indican el error y cómo solucionarlo. En la mayoría de formularios, bajo el espacio a rellenar, encontramos aclaraciones sobre el contenido, de esta manera, antes de rellenarlos y equivocarse, el usuario obtiene una idea sobre la información a rellenar.
- Diseño estético y minimalista
Lo importante y llamativo de TikTok son los vídeos, es lógico que por ese motivo veamos una web de estética simple. Tan solo vemos la utilización de dos tonos y un color (gris, negro y rojo) y misma tipografía en diferentes pesos y tamaños.
Vemos iconos simples y una lista horizontal con temáticas genéricas a modo de filtros. También podemos buscar el contenido a través del buscador.
- Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de errores
Al realizar diferentes acciones, como en el caso cambiar el nombre de usuario, nos encontramos con formularios que se comprueban a tiempo real y te indican el error y cómo solucionarlo. También nos encontramos con mensajes de error en caso de querer reproducir contenido sin estar logueados o en caso de Error de red.
- Ayuda y documentación
En la plataforma encontramos aclaraciones y explicaciones adicionales que ayudan a los usuarios a entender cómo realizas y completar sus tareas.
Vemos guías de cómo hacer uso de los atajos y comandos y una sección dedicada exclusivamente a ayudar y a comentar estas ciertas dificultades que el usuario pueda llegar tener.
BIBLIOGRAFÍA
Este es un espacio de trabajo personal de un/a estudiante de la Universitat Oberta de Catalunya. Cualquier contenido publicado en este espacio es responsabilidad de su autor/a.
Debatecontribution 0en Análisis heurístico de la web de TikTok