La gran razón por la cual elegimos esta página tan hermosa para analizar es porque ambos escritores vivíamos analizándola todo el tiempo ya que no solo la consumimos si no que trabajamos con ella, es decir, los escritores de este articulo ¡Somos streamers!, Marcos hace 2 años y Ekko hace 1 año desde que comenzamos a stremear y consumir de la plataforma, por lo que vamos a hablar del contexto visual y tecnológico de la plataforma.
Pero… ¿Qué significa consumir en esta plataforma? ¿Qué tiene de especial la interfaz?
Twitch.tv es una gran plataforma de streaming que exploto en popularidad repetidas veces, comenzando a crecer lentamente en su inicio (Como spin off de una página muy parecida llamada Justin.tv) a su doble auge pandémico y actual, es una página que no para de crecer, si hablamos rápidamente de su función podemos decir que la idea es poder ver transmisiones en vivo y formar parte de ellas, incluso si queremos podemos iniciar una nosotros y manejar nuestra propia gente y necesidad.
Acá es cuando te cuento lo más interesante, la interfaz de Twitch es bifuncional, que quiere decir, establece 2 dimensiones con el usuario, la primera es que el usuario puede ver una transmisión, la segunda es que puede INTERACTUAR con la transmisión, ya sea hablando o escribiendo en el chat e incluso donando, haciendo que aparezcan cosas en “el video que uno está viendo” o incluso que el streamer muestre los mensajes o los lea en vivo causando una destrucción en la barrera comunicacional. Es extremadamente importante este punto ya que es lo que va a diferenciar a Twitch de todas las demás plataformas. Es una interfaz única donde su prioridad es la transmisión en tiempo real y el feedback en tiempo real, basando toda su interfaz en la experiencia de usuario facilitándole la conexión y la interacción con el streamer, así como la mejor visualización posible del contenido audiovisual, y el hallazgo de nuevo contenido constantemente. Aunque si bien es verdad que su estilo de Video / Interacción es inspirado en YouTube, donde consumes un video y posteriormente das tu feedback en la caja de comentarios, acá lo adaptan al constante intercambio en tiempo real.
Twitch en cuanto a identidad de marca, está altamente influenciada por el código estético asociado a la cultura de los videojuegos, y la tendencia moderna a lo minimalista; con una estética geométrica, paleta de colores de negros y grises con color de acento morado (su color característico). Ha desarrollado una identidad visual distintiva a lo largo de los años. Su logotipo, el icónico emote de “Kappa” y otros elementos gráficos se han convertido en parte de su identidad reconocible. Estos recursos gráficos a menudo se utilizan en la interfaz web y están destinados a reforzar la marca de Twitch junto con su comunidad y los grandes streamers.
En cuando a identidad tipográfica, lo único resaltable es su logotipo con la tipografía Dimitri, una Font techno y 3d que remite al píxel art y al mundo específicamente digital. Pero luego para la interfaz sólo usan tipografía grotesque, sans serif de palo seco y sin variación de finos y gruesos. Utilizan Inter y Roobert, las cuales tienen muy pobres diferencias entre sí. Se utilizan de forma jerárquica, una para el titulo y el nombre del streamer, y la otra para el resto de la información adicional como las descripciones, el chat, etc. En definitiva creemos que lo más enriquecedor tipográficamente es la personalización y la libertad que tiene el streamer dentro de su recuadro de transmisión, donde puede destacarse individualmente.
La tecnología influyó en las decisiones tipográficas como en Twitch, ya que ahora al haber tantos dispositivos distintos, resoluciones distintas, formas de ver distintas, capacidades distintas, el diseño de interfaz y las tipografías se volvieron adaptables al dispositivo, son diseños adaptativos. En este caso la tipografía da comodidad y poco ruido al acompañar a la transmisión, además de ser moderna y simple.
Comparando con sus competidores, no toma decisiones tipográficas arriesgadas, si no que sigue el mismo código estético.
La interfaz más importante es la del stream, la cual compositivamente tiene una jerarquía de ocupación del 80% video e información del streamer, y 20% el chat, siendo este ultimo lo que menos espacio ocupa considerándolo como una experiencia extra que el usuario puede decidir visualizar o no, interactuar o no. Es una interfaz digital altamente interactiva y orientada a la comunidad que se enfoca en la transmisión en vivo de contenido de videojuegos y otros temas relacionados. Se encuentra en el formato de una aplicación web y un sitio web, lo que significa que los usuarios pueden acceder a través de navegadores web/apps en sus computadoras o dispositivos móviles, ambas igual de disfrutables ya que el diseño adaptativo está bien armado y es coherente con el foco principal de la plataforma, la idea y vuelta de interacción entre Streamer y Chat.
Su diseño es adaptativo, la composición en celular cambia en cuanto a proporciones, tomando el chat una mayor importancia. La tipografía juega un rol esencial en la legibilidad tanto en pc como en móvil, debe ser fácil y rápida de leer por la velocidad a la que sube el chat todo el tiempo dependiendo de la cantidad de usuarios que esté interactuando, deberías poder echar un vistazo rápido y saber rápidamente que es lo que dicen otros usuarios.
En resumen, Twitch no es solo una página de videos, es un lugar donde puedes interactuar y ser parte de una comunidad. La función de chat en vivo y las opciones para donar y suscribirse hacen que te sientas parte de algo más grande. Su enfoque en los juegos y las transmisiones en vivo lo diferencia de otras plataformas y es lo que lo hace tan exitoso y único en el mundo online. Impactó en la tecnología y se insertó de forma profunda y bien encajada, en la cultura de internet. En definitiva creemos que el diseño de la interfaz, al facilitar tanto la interacción y el feedback, fue un gran potenciador del crecimiento de Twitch.