Lección 1 de 0
En Progreso

4.3 : El skeuomorfismo está muerto, viva el skeuomorfismo

29 noviembre, 2022

[et_pb_section fb_built=”1″ admin_label=”section” _builder_version=”3.27.4″ background_color=”#7ebec5″ custom_padding=”||0px|” custom_padding_tablet=”||0px|” transparent_background=”off” padding_mobile=”on” make_fullwidth=”off” use_custom_width=”off” width_unit=”on”][et_pb_row padding_mobile=”on” column_padding_mobile=”on” admin_label=”row” _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_padding=”||0px|” make_fullwidth=”off” use_custom_width=”off” width_unit=”on”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_divider show_divider=”off” disabled_on=”on|on|off” admin_label=”Divider” _builder_version=”3.23.4″ height=”110px” hide_on_mobile=”on”][/et_pb_divider][et_pb_text admin_label=”Text” _builder_version=”4.2.2″ text_font=”PT Sans|on|||” text_text_color=”#ffffff” text_letter_spacing=”2px” background_size=”initial” background_position=”top_left” background_repeat=”repeat” text_orientation=”center” module_alignment=”center” custom_margin=”||0px|” custom_padding=”||0px|” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]

DISEÑO DE EXPERIENCIA DEL USUARIO MÓVIL

[/et_pb_text][et_pb_text admin_label=”Text” _builder_version=”4.3.4″ text_font=”PT Sans||||||||” text_text_color=”#010659″ text_font_size=”72″ text_line_height=”1.1em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” text_orientation=”center” max_width=”660px” module_alignment=”center” custom_margin=”18px||80px|” text_font_size_tablet=”52″ text_font_size_phone=”” text_font_size_last_edited=”on|desktop” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]

El skeuomorfismo está muerto, viva el skeuomorfismo

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ admin_label=”Section” _builder_version=”3.27.4″ background_enable_color=”off” custom_padding=”0px|||” custom_padding_tablet=”0px|||” transparent_background=”off” padding_mobile=”on” make_fullwidth=”off” use_custom_width=”off” width_unit=”on”][et_pb_row padding_mobile=”on” column_padding_mobile=”on” admin_label=”row” _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”620px” custom_padding=”0px|||” make_fullwidth=”off” use_custom_width=”on” width_unit=”on” custom_width_px=”620px”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_image src=”https://usercontent.one/wp/www.interactemos.com/wp-content/uploads/2019/09/logo-circular-nuevo.png?media=1669630544” show_bottom_space=”off” align=”center” align_tablet=”center” align_phone=”” align_last_edited=”on|desktop” admin_label=”Image” _builder_version=”3.27.4″ width=”20%” custom_margin=”-48px|||” use_border_color=”off” border_color=”#ffffff” border_style=”solid” animation=”off” sticky=”on” always_center_on_mobile=”on”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row use_custom_gutter=”on” gutter_width=”2″ padding_mobile=”on” column_padding_mobile=”on” custom_padding_last_edited=”on|tablet” admin_label=”Row” _builder_version=”3.27.4″ background_color=”#01065″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_padding=”50px|||” custom_padding_tablet=”17px|||” custom_padding_phone=”” make_fullwidth=”off” use_custom_width=”off” width_unit=”on” custom_width_px=”830px”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_image src=”https://usercontent.one/wp/www.interactemos.com/wp-content/uploads/2020/03/56e1ab893e691.jpg?media=1669630544” show_bottom_space=”off” align_tablet=”center” align_phone=”” align_last_edited=”on|desktop” admin_label=”Image” _builder_version=”4.3.4″ animation_style=”fade” animation_duration=”500ms” use_border_color=”off” border_color=”#ffffff” border_style=”solid” animation=”fade_in” sticky=”on” always_center_on_mobile=”on”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row padding_mobile=”on” column_padding_mobile=”on” admin_label=”row” _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”620px” custom_padding=”17px|||” make_fullwidth=”off” use_custom_width=”on” width_unit=”on” custom_width_px=”620px”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text admin_label=”Text” _builder_version=”4.3.4″ text_font=”PT Serif||||” text_text_color=”#363636″ text_font_size=”20″ text_line_height=”1.6em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”620px” custom_margin=”30px||0px|” text_font_size_tablet=”” text_font_size_phone=”” text_font_size_last_edited=”on|tablet” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]

El esqueuomorfismo ha sido un concepto muy útil en el diseño, luego se convirtió en el concepto más odiado en el diseño, y luego regresó de entre los muertos. Comprender el esceptomorfismo permite a los diseñadores ayudar a los usuarios a través de las curvas de aprendizaje y tomar decisiones sobre si el escepticismo todavía tiene un propósito hoy en día.

Elkeuomorphism es donde un objeto en software imita a su contraparte del mundo real. El “bote de basura” es, quizás, el objeto skeuomorphic más reconocible. Aunque el viejo ícono de “guardar” alguna vez fue esceptomorfo, pero después de la desaparición del disquete, ya no se parece al mundo de hoy.

El esqueuorfismo comenzó a tomar forma en la década de 1980. Uno de sus primeros defensores fue Steve Jobs, de Apple. La idea era simple; Las interfaces informáticas serían mucho más intuitivas para los usuarios si se aplicara un diseño esquemomórfico.

Esa basura puede permitir a los usuarios arrastrar cosas que no querían en sus computadoras a un contenedor real. Puede mover archivos a carpetas (otro equivalente de la vida real). Significaba que no estábamos desconcertados por todas estas nuevas instalaciones porque teníamos algo contra lo que hacer referencia en la vida real.

James Gibson, el psicólogo ambiental, una vez sugirió que percibimos el mundo como un conjunto de “posibilidades”. Una accesibilidad es un objeto cuya forma sugiere su uso. Las posibilidades más comúnmente citadas incluirían manijas de las puertas y botones. El skeuomorfismo también representa “posibilidades percibidas”. Se ajusta a nuestra interpretación natural de los objetos pero en un mundo digital.

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row padding_mobile=”on” column_padding_mobile=”on” admin_label=”Row” _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”620px” custom_padding=”50px||8px|||” make_fullwidth=”off” use_custom_width=”on” width_unit=”on” custom_width_px=”620px”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text admin_label=”Text” _builder_version=”4.3.4″ text_font=”PT Serif||||” text_text_color=”#363636″ text_font_size=”40px” text_line_height=”1.3em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”900px” custom_margin=”16px||30px|” hover_enabled=”0″ text_font_size_tablet=”” text_font_size_phone=”35px” text_font_size_last_edited=”on|phone” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]

El problema con el skeuomorfismo

[/et_pb_text][et_pb_text quote_border_color=”#7ebec5″ admin_label=”Text” _builder_version=”4.3.4″ text_font=”PT Serif||||” text_text_color=”#363636″ text_font_size=”20″ text_line_height=”1.6em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”620px” custom_margin=”30px||0px|” text_font_size_tablet=”” text_font_size_phone=”” text_font_size_last_edited=”on|tablet” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]

El skeuomorfismo ayudó a una generación a través de la curva de aprendizaje de enfrentarse a una era digital. Pero, también comenzó a detenernos. Nos familiarizamos con los conceptos y entraron en el lenguaje y en nuestra vida cotidiana, pero el diseño escéptico provocó grandes cantidades de desorden en el escritorio. Trajeron demasiados detalles inútiles a nuestras computadoras que ya no necesitábamos.

Hay toda una generación allá afuera que nunca ha conocido un mundo sin la informática. La metáfora visual ya no es necesaria.

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row use_custom_gutter=”on” gutter_width=”2″ padding_mobile=”on” column_padding_mobile=”on” custom_padding_last_edited=”on|tablet” admin_label=”Row” _builder_version=”3.27.4″ background_color=”#01065″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_padding=”50px|||” custom_padding_tablet=”17px|||” custom_padding_phone=”” make_fullwidth=”off” use_custom_width=”off” width_unit=”on” custom_width_px=”830px”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_image src=”https://usercontent.one/wp/www.interactemos.com/wp-content/uploads/2020/03/81a47acab24d96e9ab57868bf307ffb8.png?media=1669630544” show_bottom_space=”off” align_tablet=”center” align_phone=”” align_last_edited=”on|desktop” admin_label=”Image” _builder_version=”4.3.4″ animation_style=”fade” animation_duration=”500ms” use_border_color=”off” border_color=”#ffffff” border_style=”solid” animation=”fade_in” sticky=”on” always_center_on_mobile=”on”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row padding_mobile=”on” column_padding_mobile=”on” admin_label=”Row” _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”620px” custom_padding=”50px||8px|||” make_fullwidth=”off” use_custom_width=”on” width_unit=”on” custom_width_px=”620px”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text admin_label=”Text” _builder_version=”4.3.4″ text_font=”PT Serif||||” text_text_color=”#363636″ text_font_size=”40px” text_line_height=”1.3em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”900px” custom_margin=”16px||30px|” text_font_size_tablet=”” text_font_size_phone=”” text_font_size_last_edited=”on|tablet” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]

El surgimiento del diseño plano

[/et_pb_text][et_pb_text admin_label=”Text” _builder_version=”4.3.4″ text_font=”PT Serif||||” text_text_color=”#363636″ text_font_size=”20″ text_line_height=”1.6em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”620px” custom_margin=”30px||0px|” text_font_size_tablet=”” text_font_size_phone=”” text_font_size_last_edited=”on|tablet” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]

En 2007, la revista Forbes anunció la muerte del esceptomorfismo. Apple (seguido rápidamente por Google) se había decidido por una nueva forma de diseño: diseño plano

El diseño plano exigía que las interfaces gráficas de usuario (GUI) se liberaran del desorden. No había necesidad de bordes biselados, gradientes, reflejos y esceptomorfismo. La interfaz digital debe explotarse por sus propios puntos fuertes.

La claridad visual se puso a la vanguardia del diseño. Si usa Windows 8, por ejemplo, encontrará que el botón de inicio lo lleva a un ejemplo brillante de diseño plano. Todos esos íconos han desaparecido y han sido reemplazados por mosaicos, mosaicos que le brindan datos reales en formato escrito y gráfico, pueden lidiar con mayores niveles de complejidad en la interfaz sin comprometer la experiencia del usuario

Por supuesto, Windows 8 no fue amado universalmente, pero eso puede tener algo que ver con la transición entre lo antiguo y lo nuevo que es tan dramática. Podría haber sido más fácil alejarse del esceptomorfismo de Microsoft en lugar de huir de él.

iOS 7 fue el salto de Apple al mundo del diseño plano y, desde la perspectiva de la aceptación del consumidor, tuvo más éxito que el de Microsoft. Esto puede tener algo que ver con la audiencia de diseño de moda de Apple en comparación con el grupo demográfico más antiguo y serio de Microsoft. Sin embargo, el enfoque minimalista de iOS 7 fue aclamado como un trabajo de genio. El skeuomorfismo fue declarado muerto en el acto: el nuevo diseño plano y metafórico fue el camino a seguir.

Podríamos argumentar que el esceptomorfismo y el diseño plano no están tan separados como parecen. Un ícono de cámara, por ejemplo, todavía aparece en la funcionalidad de la cámara en iOS 7. Puede ser un ícono de cámara un poco menos realista de lo que se hubiera utilizado en el pasado, pero el diseño plano no reemplaza tanto el esceptomorfismo como el silencio.

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row use_custom_gutter=”on” gutter_width=”2″ padding_mobile=”on” column_padding_mobile=”on” custom_padding_last_edited=”on|tablet” admin_label=”Row” _builder_version=”3.27.4″ background_color=”#01065″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_padding=”50px|||” custom_padding_tablet=”17px|||” custom_padding_phone=”” make_fullwidth=”off” use_custom_width=”off” width_unit=”on” custom_width_px=”830px”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_image src=”https://usercontent.one/wp/www.interactemos.com/wp-content/uploads/2020/03/80ffeac0773c8981761da3f1f04fe41d.png?media=1669630544” show_bottom_space=”off” align=”center” align_tablet=”center” align_phone=”” align_last_edited=”on|desktop” admin_label=”Image” _builder_version=”4.3.4″ animation_style=”fade” animation_duration=”500ms” use_border_color=”off” border_color=”#ffffff” border_style=”solid” animation=”fade_in” sticky=”on” always_center_on_mobile=”on”][/et_pb_image][et_pb_text admin_label=”Text” _builder_version=”4.3.4″ text_font=”PT Serif||on||” text_text_color=”#363636″ text_font_size=”16″ text_line_height=”1em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_margin=”20px||0px|” custom_padding=”|||140px|false|false” custom_padding_tablet=”|||0px|false|false” custom_padding_phone=”” custom_padding_last_edited=”on|phone” hover_enabled=”0″ use_border_color=”off” border_color=”#ffffff” border_style=”solid”]

espacio de trabajo plano.

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row padding_mobile=”on” column_padding_mobile=”on” admin_label=”Row” _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”620px” custom_padding=”50px||8px|||” make_fullwidth=”off” use_custom_width=”on” width_unit=”on” custom_width_px=”620px”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text admin_label=”Text” _builder_version=”4.3.4″ text_font=”PT Serif||||” text_text_color=”#363636″ text_font_size=”40px” text_line_height=”1.3em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”900px” custom_margin=”16px||30px|” hover_enabled=”0″ text_font_size_tablet=”” text_font_size_phone=”35px” text_font_size_last_edited=”on|phone” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]

El regreso del eskeomomorfismo

[/et_pb_text][et_pb_text admin_label=”Text” _builder_version=”4.3.4″ text_font=”PT Serif||||” text_text_color=”#363636″ text_font_size=”20″ text_line_height=”1.6em” ul_font=”PT Serif||||||||” ul_line_height=”1.6em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”620px” custom_margin=”30px||0px|” text_font_size_tablet=”” text_font_size_phone=”” text_font_size_last_edited=”on|tablet” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]

Los que declararon la muerte del esceptomorfismo se dejaron llevar. Podría haber parecido lógico en ese momento: los teléfonos inteligentes y las tabletas eran, después de todo, la única extensión de los marcos informáticos que ya conocíamos. Pero entonces algo cambió: el reloj inteligente llegó al mercado.

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row use_custom_gutter=”on” gutter_width=”2″ padding_mobile=”on” column_padding_mobile=”on” custom_padding_last_edited=”on|tablet” admin_label=”Row” _builder_version=”3.27.4″ background_color=”#01065″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_padding=”50px|||” custom_padding_tablet=”17px|||” custom_padding_phone=”” make_fullwidth=”off” use_custom_width=”off” width_unit=”on” custom_width_px=”830px”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_image src=”https://usercontent.one/wp/www.interactemos.com/wp-content/uploads/2020/03/33602625155311b79fffc9bbddff834a.jpg?media=1669630544” show_bottom_space=”off” align=”center” align_tablet=”center” align_phone=”” align_last_edited=”on|desktop” admin_label=”Image” _builder_version=”4.3.4″ animation_style=”fade” animation_duration=”500ms” use_border_color=”off” border_color=”#ffffff” border_style=”solid” animation=”fade_in” sticky=”on” always_center_on_mobile=”on”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row padding_mobile=”on” column_padding_mobile=”on” admin_label=”Row” _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”620px” custom_padding=”50px||8px|||” make_fullwidth=”off” use_custom_width=”on” width_unit=”on” custom_width_px=”620px”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text admin_label=”Text” _builder_version=”4.3.4″ text_font=”PT Serif||||” text_text_color=”#363636″ text_font_size=”20″ text_line_height=”1.6em” ul_font=”PT Serif||||||||” ul_line_height=”1.6em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”620px” custom_margin=”30px||0px|” text_font_size_tablet=”” text_font_size_phone=”” text_font_size_last_edited=”on|tablet” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]

Los relojes no han sido una parte tradicional de la línea de computación. De hecho, el reloj digital siempre se ha considerado con cierto escepticismo (o incluso desdén) entre la comunidad de relojes en general. Puede hacer lo mismo que un reloj analógico, incluso puede hacerlo tan bien como un reloj analógico, pero para la mayoría de los usuarios de relojes, no lo hace tan bien.

Los teléfonos, tabletas, computadoras de escritorio, computadoras portátiles pueden hacer una declaración de moda, pero la mayoría de las veces; no son parte de nuestras decisiones de moda cotidianas. El reloj inteligente es diferente.

Para alentar a las personas a usar el reloj inteligente, los fabricantes deben convencerlos de que renuncien a sus relojes antiguos. Parecía poco probable que Rolex, Tag Heuer, Breitling, Patek Phillipe, etc. temblaran en sus zapatos si la experiencia del reloj inteligente fuera digital.

El esqueuomorfismo fue adoptado por los fabricantes de relojes inteligentes una vez más. Las caras de los relojes inteligentes están diseñadas para imitar esa experiencia de reloj analógico. Para que cuando el usuario vaya a examinar el tiempo, el mundo real y lo digital sean uno.

De hecho, se puede argumentar que el reloj inteligente en sí es esceptomorfo. No es un reloj. Es una computadora. Pero es una computadora que te pones en la muñeca. Los diseños actuales que imitan el reloj de pulsera pueden ser una manera suave de facilitar a los consumidores una transición antes de que surja una nueva forma de diseño icónico para las generaciones futuras de relojes inteligentes.

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row padding_mobile=”on” column_padding_mobile=”on” admin_label=”Row” _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”620px” custom_padding=”50px||8px|||” make_fullwidth=”off” use_custom_width=”on” width_unit=”on” custom_width_px=”620px”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text admin_label=”Text” _builder_version=”4.0.9″ text_font=”PT Serif||||” text_text_color=”#363636″ text_font_size=”40px” text_line_height=”1.3em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”900px” custom_margin=”16px||30px|” text_font_size_tablet=”” text_font_size_phone=”” text_font_size_last_edited=”on|tablet” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]

¿que nos llevamos?

[/et_pb_text][et_pb_text admin_label=”Text” _builder_version=”4.3.4″ text_font=”PT Serif||||” text_text_color=”#363636″ text_font_size=”20″ text_line_height=”1.6em” ul_font=”PT Serif||||||||” ul_line_height=”1.6em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”620px” custom_margin=”30px||0px|” text_font_size_tablet=”” text_font_size_phone=”” text_font_size_last_edited=”on|tablet” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]

Las tendencias de diseño van y vienen. El skeuomorfismo puede ser muy útil. También se puede llevar demasiado lejos. El diseño plano surgió en respuesta al uso excesivo del esceptomorfismo. La tendencia actual en los relojes inteligentes es un retorno, pero ¿por cuánto tiempo?

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]