{"id":2827,"date":"2023-08-26T07:05:48","date_gmt":"2023-08-26T10:05:48","guid":{"rendered":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/?p=2827"},"modified":"2023-08-26T07:08:23","modified_gmt":"2023-08-26T10:08:23","slug":"twitch-el-feedback-y-la-interfaz-como-la-llave-del-triunfo","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/twitch-el-feedback-y-la-interfaz-como-la-llave-del-triunfo\/","title":{"rendered":"Twitch: “El feedback y la interfaz como la llave del triunfo”"},"content":{"rendered":"\n
\n
\n

La gran raz\u00f3n por la cual elegimos esta p\u00e1gina tan hermosa para analizar es porque ambos escritores viv\u00edamos analiz\u00e1ndola todo el tiempo ya que no solo la consumimos si no que trabajamos con ella, es decir, los escritores de este articulo \u00a1Somos streamers!, Marcos hace 2 a\u00f1os y Ekko hace 1 a\u00f1o desde que comenzamos a stremear y consumir de la plataforma, por lo que vamos a hablar del contexto visual y tecnol\u00f3gico de la plataforma.<\/strong><\/p>\n\n\n\n

Pero… \u00bfQu\u00e9 significa consumir en esta plataforma? \u00bfQu\u00e9 tiene de especial la interfaz?<\/em><\/strong><\/h5>\n\n\n\n

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\u00e1gina muy parecida llamada Justin.tv<\/em>) a su doble auge pand\u00e9mico y actual, es una p\u00e1gina que no para de crecer, si hablamos r\u00e1pidamente de su funci\u00f3n 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.<\/p>\n\n\n\n

Ac\u00e1 es cuando te cuento lo m\u00e1s 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\u00f3n, la segunda es que puede INTERACTUAR<\/strong> con la transmisi\u00f3n, ya sea hablando o escribiendo en el chat e incluso donando, haciendo que aparezcan cosas en \u201cel video que uno est\u00e1 viendo\u201d o incluso que el streamer muestre los mensajes o los lea en vivo causando una destrucci\u00f3n en la barrera comunicacional. Es extremadamente importante este punto ya que es lo que va a diferenciar a Twitch de todas las dem\u00e1s plataformas. Es una interfaz \u00fanica donde su prioridad es la transmisi\u00f3n en tiempo real y el feedback en tiempo real, basando toda su interfaz en la experiencia de usuario facilit\u00e1ndole la conexi\u00f3n y la interacci\u00f3n con el streamer, as\u00ed como la mejor visualizaci\u00f3n posible del contenido audiovisual, y el hallazgo de nuevo contenido constantemente. Aunque si bien es verdad que su estilo de Video \/ Interacci\u00f3n es inspirado en YouTube, donde consumes un video y posteriormente das tu feedback en la caja de comentarios, ac\u00e1 lo adaptan al constante intercambio en tiempo real.<\/p>\n\n\n\n

\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

Twitch en cuanto a identidad de marca, est\u00e1 altamente influenciada por el c\u00f3digo est\u00e9tico asociado a la cultura de los videojuegos, y la tendencia moderna a lo minimalista; con una est\u00e9tica geom\u00e9trica, paleta de colores de negros y grises con color de acento morado (su color caracter\u00edstico). Ha desarrollado una identidad visual distintiva a lo largo de los a\u00f1os. Su logotipo, el ic\u00f3nico emote de “Kappa” y otros elementos gr\u00e1ficos se han convertido en parte de su identidad reconocible. Estos recursos gr\u00e1ficos a menudo se utilizan en la interfaz web y est\u00e1n destinados a reforzar la marca de Twitch junto con su comunidad y los grandes streamers.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

En cuando a identidad tipogr\u00e1fica, lo \u00fanico resaltable es su logotipo con la tipograf\u00eda Dimitri<\/strong>, una Font techno y 3d que remite al p\u00edxel art y al mundo espec\u00edficamente digital. Pero luego para la interfaz s\u00f3lo usan tipograf\u00eda grotesque, sans serif de palo seco y sin variaci\u00f3n de finos y gruesos. Utilizan Inter<\/strong> y Roobert<\/strong>, las cuales tienen muy pobres diferencias entre s\u00ed. Se utilizan de forma jer\u00e1rquica, una para el titulo y el nombre del streamer, y la otra para el resto de la informaci\u00f3n adicional como las descripciones, el chat, etc. En definitiva creemos que lo m\u00e1s enriquecedor tipogr\u00e1ficamente es la personalizaci\u00f3n y la libertad que tiene el streamer dentro de su recuadro de transmisi\u00f3n, donde puede destacarse individualmente.<\/p>\n\n\n\n

La tecnolog\u00eda influy\u00f3 en las decisiones tipogr\u00e1ficas como en Twitch, ya que ahora al haber tantos dispositivos distintos, resoluciones distintas, formas de ver distintas, capacidades distintas, el dise\u00f1o de interfaz y las tipograf\u00edas se volvieron adaptables al dispositivo, son dise\u00f1os adaptativos. En este caso la tipograf\u00eda da comodidad y poco ruido al acompa\u00f1ar a la transmisi\u00f3n, adem\u00e1s de ser moderna y simple. <\/p>\n\n\n\n

Comparando con sus competidores, no toma decisiones tipogr\u00e1ficas arriesgadas, si no que sigue el mismo c\u00f3digo est\u00e9tico.<\/p>\n\n\n\n

\"\"
Youtube<\/figcaption><\/figure>\n\n\n\n
\"\"
Kick (inc\u00f3modamente inspirado en Twitch) <\/figcaption><\/figure>\n\n\n\n

La interfaz m\u00e1s importante es la del stream, la cual compositivamente tiene una jerarqu\u00eda de ocupaci\u00f3n del 80% video e informaci\u00f3n del streamer, y 20% el chat, siendo este ultimo lo que menos espacio ocupa consider\u00e1ndolo 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\u00f3n en vivo de contenido de videojuegos y otros temas relacionados. Se encuentra en el formato de una aplicaci\u00f3n web y un sitio web, lo que significa que los usuarios pueden acceder a trav\u00e9s de navegadores web\/apps en sus computadoras o dispositivos m\u00f3viles, ambas igual de disfrutables ya que el dise\u00f1o adaptativo est\u00e1 bien armado y es coherente con el foco principal de la plataforma, la idea y vuelta de interacci\u00f3n entre Streamer y Chat.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\n
\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

Su dise\u00f1o es adaptativo, la composici\u00f3n en celular cambia en cuanto a proporciones, tomando el chat una mayor importancia. La tipograf\u00eda juega un rol esencial en la legibilidad tanto en pc como en m\u00f3vil, debe ser f\u00e1cil y r\u00e1pida de leer por la velocidad a la que sube el chat todo el tiempo dependiendo de la cantidad de usuarios que est\u00e9 interactuando, deber\u00edas poder echar un vistazo r\u00e1pido y saber r\u00e1pidamente que es lo que dicen otros usuarios.<\/p>\n\n\n\n

En resumen, Twitch no es solo una p\u00e1gina de videos, es un lugar donde puedes interactuar y ser parte de una comunidad. La funci\u00f3n de chat en vivo y las opciones para donar y suscribirse hacen que te sientas parte de algo m\u00e1s 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 \u00fanico en el mundo online. Impact\u00f3 en la tecnolog\u00eda y se insert\u00f3 de forma profunda y bien encajada, en la cultura de internet. En definitiva creemos que el dise\u00f1o de la interfaz, al facilitar tanto la interacci\u00f3n y el feedback, fue un gran potenciador del crecimiento de Twitch.<\/p>\n","protected":false},"excerpt":{"rendered":"

La gran raz\u00f3n por la cual elegimos esta p\u00e1gina tan hermosa para analizar es porque ambos escritores viv\u00edamos analiz\u00e1ndola todo el tiempo ya que no solo la consumimos si no que trabajamos con ella, es decir, los escritores de este articulo \u00a1Somos streamers!, Marcos hace 2 a\u00f1os y Ekko hace 1 a\u00f1o desde que comenzamos […]<\/p>\n","protected":false},"author":125,"featured_media":2841,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[77,17,128,86,20,127],"comision":[16],"eje":[2],"class_list":["post-2827","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categoria","tag-diseno","tag-interfaz","tag-streamer","tag-streaming","tag-tipografia","tag-twitch","comision-juan-flor","eje-contexto-visual-y-tecnologico"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/2827","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/users\/125"}],"replies":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comments?post=2827"}],"version-history":[{"count":8,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/2827\/revisions"}],"predecessor-version":[{"id":2852,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/2827\/revisions\/2852"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media\/2841"}],"wp:attachment":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media?parent=2827"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/categories?post=2827"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/tags?post=2827"},{"taxonomy":"comision","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comision?post=2827"},{"taxonomy":"eje","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/eje?post=2827"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}