{"id":1606,"date":"2023-08-25T20:31:06","date_gmt":"2023-08-25T23:31:06","guid":{"rendered":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/?p=1606"},"modified":"2023-08-25T20:31:07","modified_gmt":"2023-08-25T23:31:07","slug":"spotify-innovacion-en-la-manera-que-escuchamos","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/spotify-innovacion-en-la-manera-que-escuchamos\/","title":{"rendered":"Spotify: innovaci\u00f3n en la manera que escuchamos"},"content":{"rendered":"\n<p><strong>Spotify<\/strong> es una plataforma de streaming de audio con una interfaz digital que se encuentra disponible en dos tipos de formatos: como aplicaci\u00f3n para dispositivos m\u00f3viles y PC y como sitio web. Fue fundada en Suecia en 2006 por el empresario y dise\u00f1ador web Daniel Ek, lanzada al mercado europeo en 2008 y al resto del mundo en 2009. Su objetivo fue crear una soluci\u00f3n a la pirater\u00eda y la crisis en ventas de discos que estaba atravesando la industria musical. La plataforma ofrece como principal servicio la transmisi\u00f3n de audio, que proporciona m\u00fasica protegida por <em>DRM (Direct Rights Management)<\/em> y podcasts de empresas de medios y autores particulares. Tambi\u00e9n ofrece contenido textual, como las letras de canciones e interacci\u00f3n con amistades. Tiene un target universal, pero la mayor\u00eda de sus usuarios son menores de 35 a\u00f1os, de los cuales entre los 18 y 24 a\u00f1os es el pico m\u00e1s alto. La comunicaci\u00f3n que establece con sus usuarios es dentro de todo informal, coloquial, concisa y otorga un algoritmo que genera playlists y recomendaciones de artistas personalizados, etc.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"554\" data-id=\"1684\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Spotify-1024x554.jpg\" alt=\"\" class=\"wp-image-1684\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Spotify-1024x554.jpg 1024w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Spotify-300x162.jpg 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Spotify-768x415.jpg 768w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Spotify-1536x830.jpg 1536w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Spotify-1200x649.jpg 1200w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Spotify.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<p><strong>Spotify<\/strong> utiliza una sola familia tipogr\u00e1fica: <strong>Circular.<\/strong> Usa todas sus variables menos las it\u00e1licas. Los pesos que usa son la regular, medium, bold y black. Los tama\u00f1os utilizados son 11pt, 12pt, 14pt, 16pt, 18pt, 24pt.\u00a0 La principal funci\u00f3n de la\u00a0 tipograf\u00eda es clasificar y guiar al lector. La extensi\u00f3n de los textos es de pocas palabras para lograr una lectura precisa y directa. Los textos principales son encabezados, t\u00edtulos y breves descripciones. Luego, explorando m\u00e1s las posibilidades de la aplicaci\u00f3n, se utiliza en descripciones biogr\u00e1ficas y en las letras de las canciones, que, a su vez, tienen la posibilidad de estar traducidas de manera intercalada. En la lectura de las letras se presenta el texto en su idioma original con el mismo cuerpo que los t\u00edtulos y por debajo se encuentra la traducci\u00f3n en medium y en un cuerpo menor. Al ser una aplicaci\u00f3n de m\u00fasica que trabaja con todos los g\u00e9neros posibles, la tipograf\u00eda busca tener un agrado universal, con car\u00e1cter c\u00e1lido y balanceado, comunicando una sensaci\u00f3n de actualidad, tecnolog\u00eda, neutralidad y minimalismo. La elecci\u00f3n tipogr\u00e1fica, <strong>Circular,<\/strong> es una sans serif, neogrotesca, que combina caracter\u00edsticas de las fuentes geom\u00e9tricas y grotescas. Tiene una estructura simple, de f\u00e1cil lectura y muy vers\u00e1til, una construcci\u00f3n donde predominan las formas geom\u00e9tricas en apariencias puras, con trazos con mayores modulaciones que las grotescas, con cuidadosas correcciones \u00f3pticas, siendo mucho m\u00e1s d\u00factil y d\u00f3cil. Este estilo es el m\u00e1s utilizado para textos de corto y mediano alcance, por lo que se alinea con el objetivo conceptual que tiene <strong>Spotify.<\/strong> Esta elecci\u00f3n tipogr\u00e1fica facilita y hace m\u00e1s amena la experiencia de navegar por la aplicaci\u00f3n, ayuda a organizar, porque tiene una legibilidad clara y limpia que no compite con las im\u00e1genes y el contenido audiovisual. <strong>Circular<\/strong> contribuye al \u00e9xito del prop\u00f3sito de la interfaz porque el dise\u00f1o que propone <strong>Spotify<\/strong> desde el lado tipogr\u00e1fico y crom\u00e1tico, como identidad, busca comunicar una neutralidad que se halla en las caracter\u00edsticas de la fuente para resaltar la personalidad de las im\u00e1genes que proponen los artistas (im\u00e1genes de dise\u00f1o independientes a <strong>Spotify<\/strong>). A su vez, tiene su propia identidad en las im\u00e1genes para el contenido oficial de la plataforma.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Circular.jpg\" alt=\"\" class=\"wp-image-1689\" style=\"width:612px;height:402px\" width=\"612\" height=\"402\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Circular.jpg 875w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Circular-300x197.jpg 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Circular-768x505.jpg 768w\" sizes=\"auto, (max-width: 612px) 100vw, 612px\" \/><\/figure>\n\n\n\n<p>En el dise\u00f1o de la aplicaci\u00f3n no hay texturas ni elementos decorativos. Utiliza la iconograf\u00eda con trazos pertinentes a la tipograf\u00eda <strong>Circular.<\/strong> La estructura morfol\u00f3gica se vincula con la elecci\u00f3n tipogr\u00e1fica, manteniendo los c\u00f3digos neutrales y minimalistas. Mantiene una grilla que le da importancia a la navegaci\u00f3n de un feed vertical (en caso de smartphones). No hay elementos sueltos e innecesarios que entorpezcan la lectura. La tipograf\u00eda no invade la imagen y busca aportar informaci\u00f3n de manera clara. Las im\u00e1genes son de tama\u00f1o grande, que tiene como objetivo acompa\u00f1ar la informaci\u00f3n textual, como presentaci\u00f3n morfol\u00f3gica y de identidad del contenido auditivo. En casos donde la imagen es protagonista, la tipograf\u00eda acompa\u00f1a con un tama\u00f1o chico.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"341\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Spotify-Graficos1-1024x341.jpg\" alt=\"\" class=\"wp-image-1704\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Spotify-Graficos1-1024x341.jpg 1024w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Spotify-Graficos1-300x100.jpg 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Spotify-Graficos1-768x256.jpg 768w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Spotify-Graficos1-1536x512.jpg 1536w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Spotify-Graficos1-2048x683.jpg 2048w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Spotify-Graficos1-1200x400.jpg 1200w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Spotify-Graficos1-1980x660.jpg 1980w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"341\" src=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Spotify-Graficos2-1024x341.jpg\" alt=\"\" class=\"wp-image-1717\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Spotify-Graficos2-1024x341.jpg 1024w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Spotify-Graficos2-300x100.jpg 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Spotify-Graficos2-768x256.jpg 768w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Spotify-Graficos2-1536x512.jpg 1536w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Spotify-Graficos2-2048x683.jpg 2048w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Spotify-Graficos2-1200x400.jpg 1200w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-content\/uploads\/2023\/08\/Spotify-Graficos2-1980x660.jpg 1980w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>La interfaz tiene un feed con navegaci\u00f3n vertical. Es intuitiva y f\u00e1cil de aprender, por lo que permite que usuarios que no nacieron en la era digital puedan navegar y aprender f\u00e1cilmente las funciones b\u00e1sicas rompiendo la barrera generacional. La densidad de informaci\u00f3n es equilibrada y concisa. La interfaz gr\u00e1fica de usuario se basa en un sistema de \u201ctarjetas\u201d para categorizar de manera ordenada los distintos segmentos y acciones que ofrece la aplicaci\u00f3n. Las tarjetas definen segmentos. Ofrece un sistema que cuenta con variables y constantes que te permite reconocer a simple vista qu\u00e9 tipo de informaci\u00f3n contiene cada \u201ctarjeta\u201d. Tiene un dise\u00f1o adaptable, por lo que si se gira la pantalla en el smartphone de vertical a horizontal, adopta la grilla que se utiliza en la aplicaci\u00f3n de PC de escritorio y el reproductor web. Su interactividad es alta ya que los usuarios eligen el contenido que quieren escuchar y el mismo se va construyendo a medida que aumenta su uso en la plataforma. El usuario se mueve a trav\u00e9s de botones y b\u00fasquedas que te permiten explorar los distintos tipos de contenido. Hay una simultaneidad en la actividad dentro de la app: mientras el usuario se encuentra escuchando m\u00fasica, puede estar leyendo la letra de la canci\u00f3n que se encuentra en reproducci\u00f3n de manera sincr\u00f3nica o puede leer la biograf\u00eda del artista que se est\u00e9 escuchando. Hay presencia de contenido audiovisual (que tiene un tiempo de hasta 30 segundos) al seleccionar ciertas pistas musicales que no interfieren con la lectura, se baja su opacidad cuando el usuario elige tener el t\u00edtulo de la canci\u00f3n, artista, duraci\u00f3n, etc. como protagonista. Cuando se selecciona el contenido audiovisual, la tipograf\u00eda desaparece, otorgando todo el protagonismo al video en loop.<\/p>\n\n\n\n<p>En conclusi\u00f3n, <strong>Spotify<\/strong> es una plataforma de streaming de audio vers\u00e1til que te permite navegar al ritmo de la m\u00fasica.\u00a0<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Bibliograf\u00eda:<\/p>\n\n\n\n<p><a href=\"https:\/\/es.wikipedia.org\/wiki\/Spotify\">Wikipedia<\/a> \/ <a href=\"https:\/\/lineto.com\/typefaces\/circular?font=lohztTvAIVk\">Lineto<\/a> \/ <a href=\"https:\/\/paoperez.com\/tipografias-personalidad-transmite\/\">Pao Perez<\/a> \/ <a href=\"https:\/\/lastipografias.blogspot.com\/2014\/09\/clasificacion-tipografica-sans-serif_15.html\">Las Tipograf\u00edas<\/a> \/ <a href=\"https:\/\/creativemarket.com\/blog\/grotesque-fonts\">Creative Market<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Spotify es una plataforma de streaming de audio con una interfaz digital que se encuentra disponible en dos tipos de formatos: como aplicaci\u00f3n para dispositivos m\u00f3viles y PC y como sitio web. Fue fundada en Suecia en 2006 por el empresario y dise\u00f1ador web Daniel Ek, lanzada al mercado europeo en 2008 y al resto [&hellip;]<\/p>\n","protected":false},"author":37,"featured_media":1783,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[87,84,85,29,17,65,28,86,36,26],"comision":[14],"eje":[3],"class_list":["post-1606","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categoria","tag-audio","tag-caracteristicas-2","tag-circular","tag-experienciadelectura","tag-interfaz","tag-musica","tag-spotify","tag-streaming","tag-tipografia-2","tag-ux-ui","comision-aku-nika","eje-experiencia-lectura-uso"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/1606","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\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comments?post=1606"}],"version-history":[{"count":10,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/1606\/revisions"}],"predecessor-version":[{"id":2349,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/posts\/1606\/revisions\/2349"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media\/1783"}],"wp:attachment":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/media?parent=1606"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/categories?post=1606"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/tags?post=1606"},{"taxonomy":"comision","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/comision?post=1606"},{"taxonomy":"eje","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/wp-json\/wp\/v2\/eje?post=1606"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}