Tabla de Contenidos<\/h4>\n\n\n\n- \u00bfQu\u00e9 es el skeuomorfismo?<\/a><\/li>
- La historia del skeuomorfismo<\/a><\/li>
- Cr\u00edticas comunes y desventajas del skeuomorfismo en el dise\u00f1o de experiencia de usuario<\/a><\/li>
- Beneficios y usos del dise\u00f1o skeuom\u00f3rfico en la actualidad<\/a><\/li>
- Ejemplos de skeuomorfismo en el dise\u00f1o de experiencia de usuario<\/a><\/li>
- \u00bfSigue siendo relevante el skeuomorfismo?<\/a><\/li>
- Skeuomorfismo: Mejores pr\u00e1cticas para el dise\u00f1o de experiencia de usuario<\/a><\/li><\/ul>\n<\/div><\/div>\n\n
\u00bfQu\u00e9 es el skeuomorfismo?<\/h2>\n\n
El skeuomorfismo es una t\u00e9cnica de dise\u00f1o en la que los elementos de la interfaz de usuario se asemejan y en ocasiones act\u00faan como sus contrapartes del mundo real. En algunos casos, el objeto skeuom\u00f3rfico es uno que ya no utilizamos.<\/p>\n\n
El t\u00e9rmino \u00abskeuomorfo\u00bb deriva del griego: <\/p>\n\n
skeuos (\u03c3\u03ba\u03b5\u1fe6\u03bf\u03c2<\/em>) = contenedor o herramienta<\/p>\n\nmorph\u1e17 (\u03bc\u03bf\u03c1\u03c6\u03ae<\/em>) = forma<\/p>\n\nFue acu\u00f1ado por el Dr. Henry Colley March en 1889. Originalmente, un skeuomorfo se refer\u00eda a un objeto f\u00edsico que ten\u00eda dise\u00f1os ornamentales o caracter\u00edsticas que ya no eran relevantes o necesarias. Como una vasija de arcilla con formas talladas para que pareciera una cesta tejida.<\/p>\n\n
Un buen ejemplo de un skeuomorfo con el que todos estamos familiarizados hoy en d\u00eda es la Impossible Whopper de Burger King<\/a>: <\/p>\n\n![\"\"](\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2021\/11\/1-burger-king-impossible-whopper-skeuomorph.png\")
<\/figure>\n\nLos consumidores est\u00e1n familiarizados con el aspecto de una hamburguesa de carne, especialmente una de las hamburguesas a la parrilla de Burger King. La hamburguesa Impossible, a pesar de no contener carne, se ve exactamente como una hamburguesa de carne. <\/p>\n\n
\u00bfPor qu\u00e9 Impossible y\/o Burger King hacen esto? Parte de la raz\u00f3n por la que los skeuomorfos son \u00fatiles es que la familiaridad en el dise\u00f1o facilita la transici\u00f3n de las personas de la forma antigua de hacer las cosas a la nueva. <\/p>\n\n
Los skeuomorfos tambi\u00e9n pueden ser \u00fatiles por razones de nostalgia. Por ejemplo, muchas c\u00e1maras de tel\u00e9fonos a\u00fan emiten un sonido de \u00abclic\u00bb cuando alguien toma una fotograf\u00eda, a pesar de que no hay necesidad de ese sonido.<\/p>\n\n
Los skeuomorfos tambi\u00e9n han desempe\u00f1ado un papel en el dise\u00f1o digital a lo largo de los a\u00f1os. Aunque no son tan prevalentes hoy en d\u00eda, a\u00fan se pueden vislumbrar de vez en cuando. <\/p>\n\n
Por ejemplo, el icono de la Papelera que se encuentra en el dock de Mac es un skeuomorfo: <\/p>\n\n![\"\"](\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2021\/11\/2-mac-desktop-icons-skeuomorphism.png\")
<\/figure>\n\nLa mayor\u00eda de los otros iconos son planos y se asemejan m\u00e1s a logotipos digitales que a objetos f\u00edsicos. Esta es la distinci\u00f3n m\u00e1s notable entre el skeuomorfismo y otras tendencias y t\u00e9cnicas de dise\u00f1o<\/a> digital. <\/p>\n\nLa Historia del Skeuomorfismo<\/h2>\n\n
\u00bfCu\u00e1ndo y d\u00f3nde exactamente hemos utilizado el skeuomorfismo en el dise\u00f1o de la experiencia de usuario? Examinemos lo siguiente: <\/p>\n\n
La Primera Ola<\/h3>\n\n
En los primeros d\u00edas del desarrollo de software, el skeuomorfismo desempe\u00f1\u00f3 un papel importante en la incorporaci\u00f3n de los usuarios a una nueva forma de trabajo. <\/p>\n\n
Consideremos la suite de aplicaciones de Microsoft<\/a>. No era necesariamente el acto de escribir, realizar c\u00e1lculos o crear presentaciones digitalmente<\/em> lo que generaba un obst\u00e1culo para los consumidores, profesionales y estudiantes. <\/p>\n\nEran las otras funciones en las que ten\u00edan que pensar y que no eran realmente relevantes antes. Como tener que \u00abGuardar\u00bb su trabajo, \u00abCortar\u00bb texto o \u00abPintar\u00bb un formato. <\/p>\n\n
Aunque este v\u00eddeo<\/a> muestra c\u00f3mo se ve la barra de herramientas de Microsoft Word en la actualidad, a\u00fan observamos vestigios de los iconos skeuom\u00f3rficos de Microsoft del pasado: <\/p>\n\n![\"\"](\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2021\/11\/3-microsoft-word-toolbar-icons.png\")
<\/figure>\n\nMicrosoft no utiliz\u00f3 iconos irreconocibles para estas funciones principales porque solo habr\u00edan empeorado la curva de aprendizaje de los usuarios. En su lugar, tom\u00f3 objetos del mundo real con los que los usuarios estaban familiarizados (por ejemplo, el disquete para \u00abGuardar\u00bb, las tijeras para \u00abCortar\u00bb y el pincel para \u00abPintor de formato\u00bb) y los convirti\u00f3 en botones de acci\u00f3n. <\/p>\n\n
La Segunda Ola<\/h3>\n\n
La siguiente vez que el skeuomorfismo tuvo un gran impacto fue a finales de la d\u00e9cada de 2000 y principios de la d\u00e9cada de 2010. Esto fue alrededor de la \u00e9poca en que las pantallas t\u00e1ctiles m\u00f3viles alcanzaron prominencia y los dise\u00f1adores necesitaban facilitar la transici\u00f3n de los usuarios de lo antiguo a lo nuevo. <\/p>\n\n
Apple<\/a> fue en gran medida responsable del auge del skeuomorfismo en esta ocasi\u00f3n. <\/p>\n\nEn 2010, as\u00ed era como se ve\u00eda la pantalla de inicio de Apple: <\/p>\n\n![\"\"](\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2021\/11\/4-apple-device-from-2010.png\")
<\/figure>\n\nPara empezar, los iconos de las aplicaciones parec\u00edan botones pulsables que sobresal\u00edan del fondo. En segundo lugar, muchos de los dise\u00f1os de iconos de aplicaciones eran de naturaleza skeuom\u00f3rfica. Por ejemplo:<\/p>\n\n
- Camera<\/strong> utilizaba la imagen de la lente de una c\u00e1mara<\/li>
- YouTube<\/strong> ten\u00eda un gr\u00e1fico de un televisor antiguo<\/li>
- Notes<\/strong> era un bloc de notas legal amarillo<\/li><\/ul>\n\n
Si bien no eran los dise\u00f1os m\u00e1s emocionantes o creativos, estos iconos skeuom\u00f3rficos hac\u00edan que las aplicaciones y, m\u00e1s importante a\u00fan, sus prop\u00f3sitos fueran instant\u00e1neamente reconocibles para los usuarios. <\/p>\n\n
Apple no era la \u00fanica empresa que utilizaba el skeuomorfismo en el dise\u00f1o de la experiencia de usuario. Tampoco estaba presente solo en las pantallas de los tel\u00e9fonos inteligentes. Tanto las aplicaciones como los sitios web adoptaron el skeuomorfismo. <\/p>\n\n
En 2014, el sitio web de Artifact Coffee<\/a> utilizaba una forma popular de skeuomorfismo: <\/p>\n\n
\u00bfQu\u00e9 es el skeuomorfismo?<\/h2>\n\n
El skeuomorfismo es una t\u00e9cnica de dise\u00f1o en la que los elementos de la interfaz de usuario se asemejan y en ocasiones act\u00faan como sus contrapartes del mundo real. En algunos casos, el objeto skeuom\u00f3rfico es uno que ya no utilizamos.<\/p>\n\n
El t\u00e9rmino \u00abskeuomorfo\u00bb deriva del griego: <\/p>\n\n
skeuos (\u03c3\u03ba\u03b5\u1fe6\u03bf\u03c2<\/em>) = contenedor o herramienta<\/p>\n\n morph\u1e17 (\u03bc\u03bf\u03c1\u03c6\u03ae<\/em>) = forma<\/p>\n\n Fue acu\u00f1ado por el Dr. Henry Colley March en 1889. Originalmente, un skeuomorfo se refer\u00eda a un objeto f\u00edsico que ten\u00eda dise\u00f1os ornamentales o caracter\u00edsticas que ya no eran relevantes o necesarias. Como una vasija de arcilla con formas talladas para que pareciera una cesta tejida.<\/p>\n\n Un buen ejemplo de un skeuomorfo con el que todos estamos familiarizados hoy en d\u00eda es la Impossible Whopper de Burger King<\/a>: <\/p>\n\n Los consumidores est\u00e1n familiarizados con el aspecto de una hamburguesa de carne, especialmente una de las hamburguesas a la parrilla de Burger King. La hamburguesa Impossible, a pesar de no contener carne, se ve exactamente como una hamburguesa de carne. <\/p>\n\n \u00bfPor qu\u00e9 Impossible y\/o Burger King hacen esto? Parte de la raz\u00f3n por la que los skeuomorfos son \u00fatiles es que la familiaridad en el dise\u00f1o facilita la transici\u00f3n de las personas de la forma antigua de hacer las cosas a la nueva. <\/p>\n\n Los skeuomorfos tambi\u00e9n pueden ser \u00fatiles por razones de nostalgia. Por ejemplo, muchas c\u00e1maras de tel\u00e9fonos a\u00fan emiten un sonido de \u00abclic\u00bb cuando alguien toma una fotograf\u00eda, a pesar de que no hay necesidad de ese sonido.<\/p>\n\n Los skeuomorfos tambi\u00e9n han desempe\u00f1ado un papel en el dise\u00f1o digital a lo largo de los a\u00f1os. Aunque no son tan prevalentes hoy en d\u00eda, a\u00fan se pueden vislumbrar de vez en cuando. <\/p>\n\n Por ejemplo, el icono de la Papelera que se encuentra en el dock de Mac es un skeuomorfo: <\/p>\n\n La mayor\u00eda de los otros iconos son planos y se asemejan m\u00e1s a logotipos digitales que a objetos f\u00edsicos. Esta es la distinci\u00f3n m\u00e1s notable entre el skeuomorfismo y otras tendencias y t\u00e9cnicas de dise\u00f1o<\/a> digital. <\/p>\n\n \u00bfCu\u00e1ndo y d\u00f3nde exactamente hemos utilizado el skeuomorfismo en el dise\u00f1o de la experiencia de usuario? Examinemos lo siguiente: <\/p>\n\n En los primeros d\u00edas del desarrollo de software, el skeuomorfismo desempe\u00f1\u00f3 un papel importante en la incorporaci\u00f3n de los usuarios a una nueva forma de trabajo. <\/p>\n\n Consideremos la suite de aplicaciones de Microsoft<\/a>. No era necesariamente el acto de escribir, realizar c\u00e1lculos o crear presentaciones digitalmente<\/em> lo que generaba un obst\u00e1culo para los consumidores, profesionales y estudiantes. <\/p>\n\n Eran las otras funciones en las que ten\u00edan que pensar y que no eran realmente relevantes antes. Como tener que \u00abGuardar\u00bb su trabajo, \u00abCortar\u00bb texto o \u00abPintar\u00bb un formato. <\/p>\n\n Aunque este v\u00eddeo<\/a> muestra c\u00f3mo se ve la barra de herramientas de Microsoft Word en la actualidad, a\u00fan observamos vestigios de los iconos skeuom\u00f3rficos de Microsoft del pasado: <\/p>\n\n Microsoft no utiliz\u00f3 iconos irreconocibles para estas funciones principales porque solo habr\u00edan empeorado la curva de aprendizaje de los usuarios. En su lugar, tom\u00f3 objetos del mundo real con los que los usuarios estaban familiarizados (por ejemplo, el disquete para \u00abGuardar\u00bb, las tijeras para \u00abCortar\u00bb y el pincel para \u00abPintor de formato\u00bb) y los convirti\u00f3 en botones de acci\u00f3n. <\/p>\n\n La siguiente vez que el skeuomorfismo tuvo un gran impacto fue a finales de la d\u00e9cada de 2000 y principios de la d\u00e9cada de 2010. Esto fue alrededor de la \u00e9poca en que las pantallas t\u00e1ctiles m\u00f3viles alcanzaron prominencia y los dise\u00f1adores necesitaban facilitar la transici\u00f3n de los usuarios de lo antiguo a lo nuevo. <\/p>\n\n Apple<\/a> fue en gran medida responsable del auge del skeuomorfismo en esta ocasi\u00f3n. <\/p>\n\n En 2010, as\u00ed era como se ve\u00eda la pantalla de inicio de Apple: <\/p>\n\n Para empezar, los iconos de las aplicaciones parec\u00edan botones pulsables que sobresal\u00edan del fondo. En segundo lugar, muchos de los dise\u00f1os de iconos de aplicaciones eran de naturaleza skeuom\u00f3rfica. Por ejemplo:<\/p>\n\n Si bien no eran los dise\u00f1os m\u00e1s emocionantes o creativos, estos iconos skeuom\u00f3rficos hac\u00edan que las aplicaciones y, m\u00e1s importante a\u00fan, sus prop\u00f3sitos fueran instant\u00e1neamente reconocibles para los usuarios. <\/p>\n\n Apple no era la \u00fanica empresa que utilizaba el skeuomorfismo en el dise\u00f1o de la experiencia de usuario. Tampoco estaba presente solo en las pantallas de los tel\u00e9fonos inteligentes. Tanto las aplicaciones como los sitios web adoptaron el skeuomorfismo. <\/p>\n\n En 2014, el sitio web de Artifact Coffee<\/a> utilizaba una forma popular de skeuomorfismo: <\/p>\n\n<\/figure>\n\n<\/figure>\n\nLa Historia del Skeuomorfismo<\/h2>\n\n
La Primera Ola<\/h3>\n\n
<\/figure>\n\nLa Segunda Ola<\/h3>\n\n
<\/figure>\n\n