{"id":2610,"date":"2023-08-26T11:00:00","date_gmt":"2023-08-26T14:00:00","guid":{"rendered":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/?p=2610"},"modified":"2023-08-26T00:00:33","modified_gmt":"2023-08-26T03:00:33","slug":"la-experiencia-esta-en-los-detalles-un-vistazo-a-hbo","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/la-experiencia-esta-en-los-detalles-un-vistazo-a-hbo\/","title":{"rendered":"La experiencia est\u00e1 en los detalles: un vistazo a HBO"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"554\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/screencapture-play-hbomax-page-urn-hbo-page-home-2023-08-25-22_39_11-1-1024x554.png\" alt=\"\" class=\"wp-image-2614\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/screencapture-play-hbomax-page-urn-hbo-page-home-2023-08-25-22_39_11-1-1024x554.png 1024w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/screencapture-play-hbomax-page-urn-hbo-page-home-2023-08-25-22_39_11-1-300x162.png 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/screencapture-play-hbomax-page-urn-hbo-page-home-2023-08-25-22_39_11-1-768x416.png 768w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/screencapture-play-hbomax-page-urn-hbo-page-home-2023-08-25-22_39_11-1-1536x831.png 1536w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/screencapture-play-hbomax-page-urn-hbo-page-home-2023-08-25-22_39_11-1-1200x649.png 1200w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/screencapture-play-hbomax-page-urn-hbo-page-home-2023-08-25-22_39_11-1.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">P\u00e1gina de inicio de HBOMax.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">HBO Max es una plataforma de streaming lanzada en 2020 por Warner Bros Discovery. Nace en un contexto de pandemia y siguiendo el camino de otras tantas cadenas que se sumaron a lo que hoy llamar\u00edamos una \u201cguerra\u201d del streaming. Hoy m\u00e1s que nunca tenemos acceso a un enorme, muchas veces casi abrumador, cat\u00e1logo de contenido audiovisual en nuestros hogares. HBO Max es una de las plataformas l\u00edderes en la industria, conocida desde sus inicios como una cadena con contenido de alta calidad. Sin embargo, a pesar de tener gran renombre, se queda muy atr\u00e1s de sus competidores en t\u00e9rminos de dise\u00f1o y usabilidad. Ya no basta con tener series populares y aclamadas por la cr\u00edtica, sino que ahora es esencial darle su tan atrasado y merecido foco al dise\u00f1o de experiencia de usuario.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La tipograf\u00eda desempe\u00f1a un papel importante en la plataforma de HBO Max, al igual que en cualquier otro medio visual. Es un elemento crucial en la comunicaci\u00f3n e identidad de marca. La tipograf\u00eda principal usada en la plataforma es <em>HBO<\/em> <em>Street<\/em>, una fuente personalizada que no est\u00e1 licenciada para uso p\u00fablico. Dise\u00f1ada en conjunto por los estudios Carvalho-bernau y Letterror, <em>HBO Street<\/em> es una fuente sans serif que toma como inspiraci\u00f3n las fuentes g\u00f3ticas americanas. Nace a partir de una necesidad clave para un servicio de streaming como HBO Max: tener una fuente que se renderice y vea consistente en todas las pantallas y resoluciones. <em>Street<\/em> se logra adaptar a todas las tecnolog\u00edas, con pesos y variantes m\u00e1s ligeras y pesadas dependiendo de la pantalla en la que se muestra.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"551\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/street-1024x551.png\" alt=\"\" class=\"wp-image-2625\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/street-1024x551.png 1024w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/street-300x162.png 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/street-768x414.png 768w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/street-1200x646.png 1200w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/street.png 1259w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Diferentes pesos y variantes de la fuente Street.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">En general, las marcas que desarrollan su propia tipograf\u00eda personalizada suelen hacerlo para fortalecer su identidad visual, destacarse en el mercado y transmitir de manera coherente sus valores y mensajes. La tipograf\u00eda se convierte en un elemento ic\u00f3nico y reconocible de la marca y su consistencia en toda la plataforma ayuda a crear un aspecto uniforme. A su vez, la elecci\u00f3n de la fuente adecuada puede influir en la legibilidad y usabilidad de la plataforma. Se trata de decisiones estrat\u00e9gicas que contribuyen a la est\u00e9tica y funcionalidad de la plataforma, tanto en experiencia de lectura como navegaci\u00f3n del usuario. Sabemos que los textos deben tener un buen contraste con el fondo en el que se encuentran para garantizar una legibilidad \u00f3ptima. En el caso de HBO Max, en casi la totalidad de su plataforma el texto es blanco sobre fondo violeta, excepto en detalles que se presenta el texto negro con fondo blanco. De esta forma, se asegura siempre que el usuario no tenga dificultad de lectura. En algunos casos como en los t\u00edtulos o res\u00famenes, la tipograf\u00eda debe ser legible a primera vista sin pretender demasiado esfuerzo de parte del usuario que hace scroll. Esto contribuye a una b\u00fasqueda m\u00e1s agradable y eficiente, permitiendo al usuario explorar y disfrutar el contenido sin obst\u00e1culos.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"416\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Captura-de-pantalla-2023-08-25-234948-1024x416.png\" alt=\"\" class=\"wp-image-2628\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Captura-de-pantalla-2023-08-25-234948-1024x416.png 1024w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Captura-de-pantalla-2023-08-25-234948-300x122.png 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Captura-de-pantalla-2023-08-25-234948-768x312.png 768w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Captura-de-pantalla-2023-08-25-234948-1536x624.png 1536w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Captura-de-pantalla-2023-08-25-234948-1200x488.png 1200w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Captura-de-pantalla-2023-08-25-234948.png 1851w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Interfaz de HBOMax, la tipograf\u00eda siempre se usa en blanco sobre fondo oscuro.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Podr\u00edamos tambi\u00e9n hacer una comparaci\u00f3n con otro servicio de streaming conocido por tener una interfaz muy amigable: Netflix. Si nos basamos \u00fanicamente en la p\u00e1gina de inicio de las plataformas, Netflix se caracteriza por poner m\u00e1s \u00e9nfasis en las im\u00e1genes en miniatura. Su texto tiende a ser m\u00ednimo y conciso, complementando las im\u00e1genes en lugar de dominar su interfaz. Dentro de esta plataforma nos encontramos \u00fanicamente con dos formas de presentar su contenido. En primer lugar, el m\u00e1s utilizado se basa en el t\u00edtulo de la secci\u00f3n y luego un carrusel con las im\u00e1genes de cada pel\u00edcula o serie. En segundo lugar, la secci\u00f3n de destacados, que se diferencia por tener un t\u00edtulo y el carrusel de las im\u00e1genes, aunque esta vez cada miniatura se encuentra acompa\u00f1ada de un n\u00famero que la iguala en tama\u00f1o. Esta es una forma de guiar a los usuarios hacia los t\u00edtulos m\u00e1s relevantes en ese momento y se presenta entre 1 o 2 veces a lo largo de la p\u00e1gina, no es un recurso que se repite muchas veces. Netflix utiliza el texto para mostrar recomendaciones personalizadas para los usuarios basadas en su historial de visualizaci\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"751\" height=\"253\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Captura-de-pantalla-2023-08-25-234401.png\" alt=\"\" class=\"wp-image-2619\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Captura-de-pantalla-2023-08-25-234401.png 751w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Captura-de-pantalla-2023-08-25-234401-300x101.png 300w\" sizes=\"auto, (max-width: 751px) 100vw, 751px\" \/><figcaption class=\"wp-element-caption\">P\u00e1gina de inicio de Netflix.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">En cambio, en HBO Max, se encuentran al menos 5 formas de presentar el texto y sus im\u00e1genes, todas se repiten varias veces al hacer scroll y no parecen tener orden aparente. La secci\u00f3n del \u201cTop 10\u201d se encuentra titulada del lado izquierdo, a la altura de las im\u00e1genes. En segundo lugar, tenemos secciones \u00fanicamente con un t\u00edtulo, luego con t\u00edtulo y bajada, y por \u00faltimo con t\u00edtulo de la secci\u00f3n y nombre de la pel\u00edcula o serie por debajo de la imagen en miniatura. Tambi\u00e9n se utiliza texto en etiquetas para destacar elementos especiales, como programas exclusivos de HBO Max, contenido ganador de premios o contenido nuevo. Todo esto en conjunto va generando varios niveles de lectura. Otra gran diferencia entre ambas plataformas es que HBO Max presenta una mayor cantidad de texto en su p\u00e1gina de inicio. Esto se puede deber a la gran cantidad de contenido en su biblioteca y una necesidad de clasificar de manera efectiva este cat\u00e1logo. Sin embargo, tanto ruido visual y un sobreuso de texto puede generar un reacci\u00f3n contraria a la deseada. Si la variedad tipogr\u00e1fica es demasiado pronunciada y no est\u00e1 bien gestionada, podr\u00eda causar confusi\u00f3n entre los usuarios. Una interfaz excesivamente diversa puede parecer desorganizada y dificultar la identificaci\u00f3n de secciones. Netflix, por su lado, tiende a centrarse m\u00e1s en im\u00e1genes visuales y utilizar menos texto en su p\u00e1gina de inicio. Ambas estrategias tienen como objetivo brindar a los usuarios informaci\u00f3n relevante y atractiva para facilitar la elecci\u00f3n de contenido.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En un entorno donde la experiencia del usuario es un factor diferenciador importante, tanto HBO Max como otras plataformas similares deben continuar evolucionando y refinando sus enfoques de dise\u00f1o para mantenerse relevantes en una industria altamente competitiva. Porque, al final del d\u00eda, \u00bfcu\u00e1l es el punto de tener todo este contenido premium y exclusivo si los usuarios sufren al usar su plataforma?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>HBO Max es una plataforma de streaming lanzada en 2020 por Warner Bros Discovery. Nace en un contexto de pandemia y siguiendo el camino de otras tantas cadenas que se sumaron a lo que hoy llamar\u00edamos una \u201cguerra\u201d del streaming. Hoy m\u00e1s que nunca tenemos acceso a un enorme, muchas veces casi abrumador, cat\u00e1logo de [&hellip;]<\/p>\n","protected":false},"author":119,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"comision":[16],"eje":[3],"class_list":["post-2610","post","type-post","status-publish","format-standard","hentry","category-sin-categoria","comision-juan-flor","eje-experiencia-lectura-uso"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/2610","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\/119"}],"replies":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comments?post=2610"}],"version-history":[{"count":3,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/2610\/revisions"}],"predecessor-version":[{"id":2651,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/2610\/revisions\/2651"}],"wp:attachment":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media?parent=2610"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/categories?post=2610"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/tags?post=2610"},{"taxonomy":"comision","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comision?post=2610"},{"taxonomy":"eje","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/eje?post=2610"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}