{"id":263288,"date":"2023-08-24T12:40:00","date_gmt":"2023-08-24T09:40:00","guid":{"rendered":"https:\/\/inform.click\/por-que-la-narracion-digital-excepcional-supera-al-diseno-excepcionalmente-bueno\/"},"modified":"2023-08-24T13:29:00","modified_gmt":"2023-08-24T10:29:00","slug":"por-que-la-narracion-digital-excepcional-supera-al-diseno-excepcionalmente-bueno","status":"publish","type":"post","link":"https:\/\/inform.click\/es\/por-que-la-narracion-digital-excepcional-supera-al-diseno-excepcionalmente-bueno\/","title":{"rendered":"Por qu\u00e9 la narraci\u00f3n digital excepcional supera al dise\u00f1o excepcionalmente bueno"},"content":{"rendered":"<p>\n  Las im\u00e1genes son muy importantes en el mundo del dise\u00f1o digital. Tomemos, por ejemplo, una foto de una madre y su beb\u00e9 jugando al aire libre con una sonrisa en sus rostros, exhibida con orgullo en el sitio web de un fabricante de juguetes para ni\u00f1os.\n<\/p>\n<p>\n  Piense en esa imagen de un grupo de profesionales de negocios en una sala de reuniones para una cartelera de una soluci\u00f3n de conferencia que capt\u00f3 su atenci\u00f3n mientras conduc\u00eda por la autopista. Incluso el logotipo m\u00e1s peque\u00f1o en la etiqueta del producto l\u00e1cteo que compr\u00f3 en el supermercado del vecindario es producto de un dise\u00f1ador gr\u00e1fico.\n<\/p>\n<p>\n  Las fotos y los gr\u00e1ficos se usan para contar historias todo el tiempo, pero los dise\u00f1adores a veces olvidan que no importa cu\u00e1n incre\u00edbles se vean sus sitios web o gr\u00e1ficos, la audiencia siempre estar\u00e1 pendiente de la historia detr\u00e1s de ellos. Un buen dise\u00f1o digital siempre le dir\u00e1 el \u00abqu\u00e9\u00bb. Un gran dise\u00f1o digital tambi\u00e9n le dir\u00e1 el \u00abpor qu\u00e9\u00bb.\n<\/p>\n<h5>\n  Ofrezca a su audiencia algo que ver, pero tambi\u00e9n tenga algo que decir.<br \/>\n<\/h5>\n<p>\n  A estas alturas, es posible que te est\u00e9s preguntando: \u00abSoy dise\u00f1ador. \u00bfNo se supone que los escritores deben contar la historia? Si a\u00fan no lo ha notado, contar historias es m\u00e1s que simplemente escribir una copia o componer un art\u00edculo extenso sobre un producto o servicio. Tus im\u00e1genes tambi\u00e9n necesitan una historia. Piense en el hombre heroico que salva a un cachorro de ser atropellado por un veh\u00edculo en movimiento en una calle concurrida. O imagine a un padre ense\u00f1\u00e1ndole a su hijo a andar en bicicleta, observando c\u00f3mo el ni\u00f1o pasa zumbando felizmente. Estos son peque\u00f1os momentos en los que las personas se involucran en una acci\u00f3n particular, que genera impacto.\n<\/p>\n<p>\n  Dicen que los medios solo son valiosos cuando se usan para complementar contenido valioso. Como dise\u00f1adores, debe poder contar una historia o transmitir una idea con cada resultado. Las im\u00e1genes, los gr\u00e1ficos y la tipograf\u00eda son formas muy creativas en las que puede transmitir un mensaje; pero con cada mensaje, tienes que tener algo que decir. No se limite a crear para impresionar; crear para expresar.\n<\/p>\n<h5>\n  Almacene su dise\u00f1o.<br \/>\n<\/h5>\n<p>\n  Antes de comenzar con su dise\u00f1o, aseg\u00farese de tener una historia de fondo. \u00bfPor qu\u00e9 est\u00e1s haciendo esto? \u00bfCu\u00e1l es el punto de compartir esto? Lluvia de ideas si es necesario. Asocia palabras: sustantivos, verbos y adjetivos con tu proyecto. Surgir\u00e1 algo com\u00fan; esta bien podr\u00eda ser su historia de dise\u00f1o.\n<\/p>\n<p>\n  Un ejemplo especialmente bueno es la direcci\u00f3n que tom\u00f3 TOMS, una popular empresa de calzado con fines de lucro con sede en California, en su marca. No hab\u00eda nada especial en su l\u00ednea de productos inicial; simplemente hicieron una rama de los sencillos zapatos de lona sin cordones famosos en Am\u00e9rica del Sur llamados alpargatas. Pero aqu\u00ed es donde se vuelve interesante. Mientras hac\u00eda trabajo voluntario, el fundador Blake Mycoskie not\u00f3 que muchos de los ni\u00f1os no ten\u00edan zapatos. Cuando Blake puso la pelota en marcha, decidi\u00f3 que por cada par vendido, proporcionar\u00eda un nuevo par a otro joven de un pa\u00eds en desarrollo, o lo que ahora se conoce como el modelo comercial \u00abuno por uno\u00bb.\n<\/p>\n<p>\n  Debido a esta gran historia de fondo, la noticia sobre la marca se extendi\u00f3 como un reguero de p\u00f3lvora a trav\u00e9s del boca a boca y las redes sociales. En particular, esta historia se refleja en el sitio web de zapatos TOMS. Muchas de las im\u00e1genes dentro del sitio resaltan la historia de la empresa, en lugar de poner los productos reales que ofrecen al frente y al centro. Como resultado, pueden conectarse con los sentidos de la audiencia y transmitir una historia que resuena.\n<\/p>\n<p>\n  Otro buen uso de la narraci\u00f3n en el dise\u00f1o es el unicornio del transporte, Uber. Al principio, la historia es bastante clara. El transporte p\u00fablico apesta a lo grande. No sabes cuando hay un retraso, no sabes si vas a poder viajar c\u00f3modo y luego tienes que pagar en efectivo. Aunque la compa\u00f1\u00eda se ha topado con una serie de problemas serios, su cantidad de pasajeros en todo el mundo ha dejado bastante claro que Uber funciona y hace su trabajo de manera excelente como un servicio de transporte alternativo a pedido.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-286847-6382cd330196d.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-286847-6382cd330196d.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  La interfaz de usuario de la aplicaci\u00f3n aborda todos los puntos d\u00e9biles que tiene el ciclista habitual. \u00bfD\u00f3nde se encuentra exactamente el viaje en este momento? \u00bfCu\u00e1nto tiempo tardar\u00e1 el autom\u00f3vil en llegar a la ubicaci\u00f3n del pasajero? \u00bfCu\u00e1nto pagar\u00e1 el ciclista? \u00bfCu\u00e1l es el n\u00famero del conductor si necesita ser contactado? Todos los detalles vitales que necesita el ciclista se muestran en la aplicaci\u00f3n de manera sistem\u00e1tica. Incluso el sitio web de Uber dice mucho sobre el impulso de la empresa. Cada gr\u00e1fico, \u00edcono e incluso las fuentes gritan \u00abagradable\u00bb y \u00abf\u00e1cil\u00bb.\n<\/p>\n<h5>\n  Contar historias a trav\u00e9s del dise\u00f1o implica procesos sistem\u00e1ticos.<br \/>\n<\/h5>\n<p>\n  Como con cualquier cosa construida a mano (y mentalmente), el dise\u00f1o efectivo debe seguir ciertos procesos. Tomemos por ejemplo el proceso de creaci\u00f3n de un sitio web. Cree guiones gr\u00e1ficos incluso antes de comenzar a crear maquetas o estructuras al\u00e1mbricas. Cada parte de su historia debe contener una interacci\u00f3n, por ejemplo, qu\u00e9 suceder\u00e1 cuando el usuario haga clic en algo o se desplace hacia abajo, etc.\n<\/p>\n<p>\n  Braden Kowitz, un conocido dise\u00f1ador de experiencias de usuario, sugiere crear una serie de casos de uso narrativos para su producto que ilustren cada paso en el viaje del usuario. \u00c9l lo llama un proceso de dise\u00f1o centrado en la historia. Con esto, puede simular la experiencia del usuario e identificar todos los resultados posibles y, como resultado, sus decisiones de dise\u00f1o se basar\u00e1n completamente en c\u00f3mo las personas eligen usar su producto.\n<\/p>\n<p>\n  Esto est\u00e1 en marcado contraste con un dise\u00f1o centrado en la pantalla, en el que est\u00e1 presentando o creando un recorrido de una interfaz de usuario mientras se muestra un plano. Mostrar planos significa que solo est\u00e1 enumerando c\u00f3mo cada elemento se incluye en el plan. \u00abEl problema es que\u00bb, dice Kowitz, \u00abcuando los dise\u00f1os se presentan de esta manera, solo se est\u00e1 construyendo una comprensi\u00f3n de c\u00f3mo se ve el producto. No te est\u00e1s enfocando en c\u00f3mo funciona el producto y no est\u00e1s simulando c\u00f3mo los clientes interact\u00faan con \u00e9l\u00bb.\n<\/p>\n<p>\n  Kowitz tambi\u00e9n sugiere usar herramientas como Adobe Fireworks y programas de screencast al renderizar sus historias adem\u00e1s del software de dise\u00f1o visual habitual Adobe Photoshop y Adobe Illustrator. No cree para la web simplemente dise\u00f1ando pantallas individuales.\n<\/p>\n<p>\n  Cuando practique la adopci\u00f3n de esta disciplina, su proceso de dise\u00f1o ser\u00e1 mucho m\u00e1s f\u00e1cil. Tambi\u00e9n puede resaltar los errores de dise\u00f1o que a menudo se pasan por alto. Tambi\u00e9n puede saber si cumple o no sus objetivos de dise\u00f1o a medida que avanza. Adem\u00e1s, podr\u00e1 trabajar m\u00e1s r\u00e1pido cuando tenga todas las partes del proceso cubiertas o abordadas.\n<\/p>\n<h5>\n  La forma en que cuentas tu historia de dise\u00f1o tambi\u00e9n es importante.<br \/>\n<\/h5>\n<p>\n  En cada proyecto de dise\u00f1o, primero debe preparar el escenario para su historia. Los antecedentes y los estados de \u00e1nimo importan tanto como su mensaje real y los resultados deseados. \u00bfC\u00f3mo impactar\u00e1 tu historia?\n<\/p>\n<ul>\n<li>\n    <strong>Inserta una historia personal.<\/strong> Tienes que ser capaz de apelar a los sentidos de tu audiencia. Si esto es dif\u00edcil para usted, entonces necesita poder encontrar una manera de incorporar a la audiencia en su historia. Las personas deben poder relacionarse con sus puntos d\u00e9biles para que puedan tomar medidas.\n  <\/li>\n<li>\n    <strong>Di lo inesperado.<\/strong> No haga que un usuario diga: \u00abHe visto esto muchas veces. \u00bfPor qu\u00e9 deber\u00eda creer esto?\u00bb No dejes que tu audiencia se vuelva esc\u00e9ptica. Gana su atenci\u00f3n haciendo algo nuevo. No vaya con una copia formulada o con gr\u00e1ficos o sonidos demasiado familiares.\n  <\/li>\n<li>\n    <strong>Desaf\u00eda la sabidur\u00eda convencional.<\/strong> \u00bfQui\u00e9n sab\u00eda que esos peque\u00f1os emojis se pueden mejorar? Han sido parte de la cultura de los mensajes de texto y mensajes durante tanto tiempo, pero hoy en d\u00eda incluso puedes adjuntar versiones en movimiento de ellos como objetos en videos. La capacidad de atenci\u00f3n de las personas se acorta cada minuto, por lo que, como dise\u00f1ador, debe encontrar constantemente formas de mejorar incluso las cosas m\u00e1s simples y de uso m\u00e1s com\u00fan para evitar que se vuelvan aburridas.\n  <\/li>\n<li>\n    <strong>Eng\u00e1nchalos con novedad.<\/strong> Introduce algo nuevo con cada historia. Incluya datos para validar sus reclamos. \u00bfAlguna vez se pregunt\u00f3 por qu\u00e9 su cerebro ans\u00eda las infograf\u00edas? A las personas les lleva m\u00e1s tiempo procesar la nueva informaci\u00f3n que se les presenta. Con las infograf\u00edas, las personas pueden procesar s\u00edmbolos y n\u00fameros en cuesti\u00f3n de milisegundos y pueden asignarles un significado de inmediato. Son f\u00e1ciles de digerir y extremadamente atractivos.\n  <\/li>\n<li>\n    <strong>Haz preguntas provocativas.<\/strong> Las historias de dise\u00f1o exitosas obligar\u00e1n a su audiencia a actuar. Siempre haga pensar a sus prospectos o clientes. \u00bfLo que est\u00e1 en juego? \u00bfQu\u00e9 pasa despu\u00e9s? De esta manera, har\u00e1s que tu historia se mantenga.\n  <\/li>\n<\/ul>\n<p>\n  Algunos ejemplos fant\u00e1sticos para seguir el ejemplo.\n<\/p>\n<p>\n  Ahora que sabe por qu\u00e9 es importante contar una buena historia y qu\u00e9 implica una buena narraci\u00f3n, es hora de explorar m\u00e1s buenos ejemplos de narraci\u00f3n visual convincente.\n<\/p>\n<h5>\n  1 Bellroy \u2013 Adelgaza tu billetera<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-286847-6382cd3528ec7.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-286847-6382cd3528ec7.webp\" alt=\"\" \/><\/a> Adelgaza tu billetera. <a href=\"https:\/\/bellroy.com\/slim-your-wallet\" target=\"_blank\" rel=\"noopener\">Fuente<\/a><\/p>\n<p>\n  Este es un muy buen ejemplo de una historia de dise\u00f1o bien hecha. Le presenta un problema ya existente (en este caso, billeteras gordas) y le muestra c\u00f3mo el producto resolver\u00e1 su problema, uno al lado del otro. Tambi\u00e9n hay una breve instrucci\u00f3n de lo que se supone que debe hacer el usuario: \u00abMueva el control deslizante para comparar billeteras\u00bb. Redacci\u00f3n simple, pero tan precisa. No asuma siempre que alguien que visite su sitio autom\u00e1ticamente sabr\u00e1 qu\u00e9 hacer.\n<\/p>\n<h5>\n  2 Atlassian: p\u00e9rdida de tiempo en el trabajo<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-286847-6382cd388ca2c.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-286847-6382cd388ca2c.webp\" alt=\"\" \/><\/a> P\u00e9rdida de tiempo en el trabajo. <a href=\"https:\/\/www.atlassian.com\/time-wasting-at-work-infographic\" target=\"_blank\" rel=\"noopener\">Fuente<\/a><\/p>\n<p>\n  La infograf\u00eda interactiva de Atlassian te atrapa por la mu\u00f1eca con este hecho desconcertante: pierdes mucho tiempo en el trabajo. Luego le presenta estad\u00edsticas para respaldar esta afirmaci\u00f3n. Aunque es informaci\u00f3n completamente nueva, es un tema bastante aburrido. Lo que lo hace efectivo es que se presenta de una manera interactiva y llena de color, al mismo tiempo que transmite una sensaci\u00f3n de profesionalismo. El color capta la atenci\u00f3n y ayuda a enfatizar la informaci\u00f3n cr\u00edtica.\n<\/p>\n<h5>\n  3 Slack \u2013 Menci\u00f3n de la NASA en la p\u00e1gina de inicio<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-286847-6382cd3b9a629.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-286847-6382cd3b9a629.webp\" alt=\"\" \/><\/a> Menci\u00f3n de la NASA en la p\u00e1gina de inicio. <a href=\"https:\/\/slack.com\/\" target=\"_blank\" rel=\"noopener\">Fuente<\/a><\/p>\n<p>\n  Durante un tiempo, la aplicaci\u00f3n de mensajer\u00eda y productividad en el lugar de trabajo Slack tuvo una inclusi\u00f3n muy inteligente en su p\u00e1gina de inicio. Presentaron el Laboratorio de Propulsi\u00f3n a Chorro de la NASA, un cliente valioso, con la copia, \u00ab\u00a1\u00a1Una aplicaci\u00f3n de mensajer\u00eda para equipos que ponen robots en Marte!!\u00bb junto con una foto de Marte como imagen principal. Esa es una historia en s\u00ed misma. Slack claramente quiere dar a entender que el producto es lo suficientemente bueno para su equipo porque incluso los cient\u00edficos de la NASA lo usan. Al dise\u00f1ar para un producto, debe poder ofrecer una propuesta de valor de inmediato con solo una mirada. D\u00edgale a la audiencia por qu\u00e9 se destaca sin prometer demasiado lo que entregar\u00e1.\n<\/p>\n<h5>\n  4 Twoodie \u2013 Juguetes de Madera Org\u00e1nica para Beb\u00e9s<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-286847-6382cd3d63724.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-286847-6382cd3d63724.webp\" alt=\"\" \/><\/a> Juguetes de madera org\u00e1nicos para beb\u00e9s. <a href=\"https:\/\/twoodie.com\/\" target=\"_blank\" rel=\"noopener\">Fuente<\/a><\/p>\n<p>\n  No son los aspectos t\u00e9cnicos del sitio web los que lo atraer\u00e1n, sino la narraci\u00f3n que viene con las im\u00e1genes dentro del sitio. Para resaltar lo que ofrecen, todo est\u00e1 en escala de grises excepto los juguetes reales. Esto evoca una sensaci\u00f3n de pureza y sencillez. Se hace que el espectador se aferre a la promesa de que la marca es completamente sostenible, segura y org\u00e1nica con dise\u00f1os bien pensados.\n<\/p>\n<p>\n  Las im\u00e1genes siempre ser\u00e1n la esencia del dise\u00f1o. Sin embargo, la narraci\u00f3n inmersiva tambi\u00e9n es igualmente esencial, por lo que realmente vale la pena pensar en la historia que quieres contar. Aseg\u00farese de incluir esto en su proceso de dise\u00f1o y conecte esa historia interesante a sus dise\u00f1os, colores, im\u00e1genes, fuentes y efectos. Una vez que haya terminado, eval\u00fae si la historia funciona o no o si deja un impacto duradero. Aseg\u00farese de que su dise\u00f1o conecte con los sentidos, cree nuevas experiencias y genere resultados duraderos.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Fuente de grabaci\u00f3n: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2017\/09\/08\/why-exceptional-digital-storytelling\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Las im\u00e1genes son muy importantes en el mundo del dise\u00f1o digital. Tomemos, por ejemplo, una foto de una madre y su beb\u00e9 jugando al aire libre con una sonrisa en sus rostros, exhibida con orgullo en el sitio web de un fabricante de juguetes para ni\u00f1os. Piense en esa imagen de un grupo de profesionales de negocios en una sala de reuniones para una cartelera de una soluci\u00f3n de conferencia que capt\u00f3 su atenci\u00f3n mientras conduc\u00eda por la autopista. Incluso el logotipo m\u00e1s peque\u00f1o en la etiqueta del producto l\u00e1cteo que compr\u00f3 en el supermercado del vecindario es producto de un dise\u00f1ador gr\u00e1fico. Se utilizan fotograf\u00edas y gr\u00e1ficos\u2026<\/p>\n","protected":false},"author":1,"featured_media":188055,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[398,359,99,60],"tags":[],"class_list":["post-263288","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno","category-entretenimiento","category-posicionamiento-web-y-marketing","category-web-y-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263288","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/comments?post=263288"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263288\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media\/188055"}],"wp:attachment":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media?parent=263288"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/categories?post=263288"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/tags?post=263288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}