{"id":1528,"date":"2023-08-25T18:37:09","date_gmt":"2023-08-25T21:37:09","guid":{"rendered":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/?p=1528"},"modified":"2023-08-26T01:25:31","modified_gmt":"2023-08-26T04:25:31","slug":"estetica-o-funcionalidad","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/estetica-o-funcionalidad\/","title":{"rendered":"\u00bfEst\u00e9tica o Funcionalidad?"},"content":{"rendered":"\n

Analizamos a fondo una interfaz digital que, con un estilo gr\u00e1fico experimental, trata de concientizar sobre la cultura del \u201cusar y tirar\u201d y la contaminaci\u00f3n de los oc\u00e9anos por el uso masivo del pl\u00e1stico en todo el mundo.<\/strong><\/p>\n\n\n\n

Este sitio web fue creado en el 2023 por Victoria Nazarenkova, una WEB y UX-UI Designer, en Tailandia, y est\u00e1 dirigido a una juventud que se sensibiliza y act\u00faa en la b\u00fasqueda de soluciones y en darle visibilidad a la realidad ambiental en la que estamos inmersos.<\/p>\n\n\n\n

La tipograf\u00eda tiene un car\u00e1cter protagonista. En primer lugar usa Inter<\/em>, una sans-serif, simple y de f\u00e1cil lectura. La elecci\u00f3n de esta fuente carece de carga ideol\u00f3gica fuerte, la funcionalidad es el criterio que prevalece en su elecci\u00f3n. Un tanto brutalista, busca atraer al espectador con informaci\u00f3n breve pero efectiva: presenta un mensaje conciso, con impacto y pregnancia. Y en segundo lugar, utiliza Lyajka<\/em>, una tipograf\u00eda que simula ser manuscrita, como si fueran las notas personales de alguien, personaliza el car\u00e1cter humano. En ambas tipograf\u00edas se evidencian ciertos criterios funcionales y estili\u0301sticos y ciertos criterios tipogra\u0301ficos – como de estilo, peso, estructura, trazo – que logran impacto. Pero a nuestro entender, hay un mal ajuste \u00f3ptico, sobre todo de interlineado e interletrado que genera problemas de legibilidad y complican la lectura.<\/p>\n\n\n\n

\"\"
Inter – la fuente principal en la interfaz<\/figcaption><\/figure>\n\n\n\n

En todo el dise\u00f1o, el uso del color va mutando. Se trata de una paleta crom\u00e1tica de 3 colores vibrantes que son visualmente atractivos y colaboran con la creaci\u00f3n de un cl\u00edmax relacionado al contenido: el mar, la contaminaci\u00f3n por el pl\u00e1stico y un llamado de acci\u00f3n. Los textos var\u00edan de color: van desde el blanco, al verde hasta al azul, dependiendo del color del fondo. Por momentos el uso crom\u00e1tico es funcional a la lectura, ya que el contraste entre el color del texto y el color del fondo no afecta la legibilidad del mismo pero por otros momentos no. <\/p>\n\n\n\n

El uso de variables tipogra\u0301ficas y espaciales, y los cambios de cuerpo y de familia son utilizados como recurso de disen\u0303o para la lectura y esta\u0301n relacionados con la jerarqui\u0301a del contenido. En toda la interfaz, el cuerpo de la tipograf\u00eda va variando a medida que vamos interactuando con ella. Lo que nos pareci\u00f3 importante destacar es el uso del tama\u00f1o de fuente para generar importancia en la palabra \u201cPLASTIC\u201d apenas entramos a la web. Luego no vemos otra palabra con ese cuerpo tipogr\u00e1fico. Utiliza el recurso de las may\u00fasculas en ciertos textos como el t\u00edtulo y encabezados. Y aunque para nosotras este recurso tiene un uso excesivo y no colabora del todo con la legibilidad si notamos que genera impacto visual.<\/p>\n\n\n\n

Destacamos que el criterio compositivo de todos los elementos presentes – la forma, el taman\u0303o de la tipograf\u00eda, los colores vibrantes, las direccionalidades y el ritmo – llama la atenci\u00f3n. La realidad es que la interfaz se adapta muy bien a las dimensiones de la pantalla del dispositivo en el que se est\u00e1 visualizando de manera autom\u00e1tica y muestra el contenido de manera c\u00f3moda y consistente tanto en una computadora como en un celular.<\/p>\n\n\n\n

\"\"
Dise\u00f1o adaptable – vista de la interfaz desde la pantalla de un celular<\/figcaption><\/figure>\n\n\n\n

En cuanto a la diagramacio\u0301n del texto, esta propone un recorrido de lectura espec\u00edfico. Con una mejora progresiva, sobre la base del contenido principal, se agregan progresivamente m\u00e1s capas de dise\u00f1o e interacci\u00f3n en la medida que el navegador y la conexi\u00f3n lo van permitiendo. Toma principalmente en cuenta la navegaci\u00f3n, es decir, el desplazamiento hacia adelante y hacia atr\u00e1s de la persona usuaria dentro del sistema de informaci\u00f3n, pero faltan algunos elementos claves. Falta densidad de informaci\u00f3n y una buena categorizaci\u00f3n de los datos, adem\u00e1s de etiquetado y representaci\u00f3n de categor\u00edas y subcategor\u00edas.<\/p>\n\n\n\n

Para concluir, creemos importante destacar que como dise\u00f1adores tenemos el rol de producir objetos visuales que prioricen la experiencia del usuario. Esta pieza tiene aciertos y desaciertos en cuanto a este concepto. La cuesti\u00f3n est\u00e9tica predomina sobre lo funcional. Habr\u00eda que ver qu\u00e9 tipo de decisiones y ajustes podr\u00edan llevar la propuesta a otro nivel, para que haya un equilibrio y que el producto sea bello y funcional en todos sus aspectos.<\/p>\n\n\n\n