{"id":327,"date":"2023-08-23T19:37:18","date_gmt":"2023-08-23T22:37:18","guid":{"rendered":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/?p=327"},"modified":"2023-08-23T19:37:18","modified_gmt":"2023-08-23T22:37:18","slug":"un-bocado-de-diseno","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/un-bocado-de-diseno\/","title":{"rendered":"Un bocado de dise\u00f1o"},"content":{"rendered":"\n

Lucciano\u2019s es una cadena de helados artesanales que inici\u00f3 en Argentina en 2011, con un local en Mar del Plata de donde son oriundos Daniel Otero y su hijo Christian, fundadores de la marca. Ellos apostaron al dise\u00f1o, la imagen de marca y la innovaci\u00f3n para que Lucciano\u2019s brinde una experiencia \u00fanica.\u00a0 Esto se ve reflejado en su sitio web, el cual fue dise\u00f1ado en el a\u00f1o 2020 por el Estudio\/nk un grupo de dise\u00f1adores de\u00a0 Buenos Aires, Argentina.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Esta interfaz tiene como objetivo principal presentar los productos en detalle y exponer su proceso de trabajo, invitando a los usuarios a explorar dentro de la misma. Esto se logra mediante su dise\u00f1o, el cual se distingue por su enfoque en la navegaci\u00f3n<\/strong> y la accesibilidad<\/strong> al contenido a trav\u00e9s de una estructura dise\u00f1ada para facilitar la lectura y el uso. Esto permite a los usuarios comprender f\u00e1cilmente su funcionamiento.El sitio cuenta con una arquitectura de informaci\u00f3n clara, establecida por medio de una jerarqu\u00eda definida por tama\u00f1os, estilos variables de los cuerpos tipogr\u00e1ficos y textos fluidos, combinada con una estructura<\/strong> organizada. En t\u00e9rminos tipogr\u00e1ficos, prevalece un criterio estil\u00edstico funcional que equilibra la apariencia visual de la marca con la legibilidad. Las tipograf\u00edas mantienen una consistencia <\/strong>adecuada, logrando una apariencia uniforme y\u00a0 contribuyendo a la buena visualizaci\u00f3n de la informaci\u00f3n.

<\/strong>Estas decisiones de dise\u00f1o no solo aseguran la legibilidad del contenido sino que establecen una relaci\u00f3n muy notable entre tipograf\u00eda e interactividad. El sitio responde al recorrido del usuario y la forma en que se accede al contenido var\u00eda seg\u00fan el dispositivo que utilicemos. La interfaz es responsive<\/strong>, es decir, se adapta a diferentes tama\u00f1os de pantalla y dispositivos, lo que da lugar a distintas experiencias de lectura y uso.<\/p>\n\n\n\n

En el caso de los dispositivos desktop<\/strong>, el acceso al contenido y el desplazamiento en la interfaz se logra a trav\u00e9s del mouse o el panel t\u00e1ctil. Cuando el cursor se posiciona sobre un elemento y realiza un click, se activa una interacci\u00f3n acompa\u00f1ada de una animaci\u00f3n (como cambio de escala u opacidad). Esta interacci\u00f3n se desarrolla con el fin de aprovechar las ventajas que las pantallas de las computadoras ofrecen en t\u00e9rminos de tama\u00f1o y espacio visual, lo que permite mostrar contenido m\u00e1s detallado y animaciones m\u00e1s elaboradas sin que parezca abrumador.<\/p>\n\n\n\n

Por otro lado, en los dispositivos mobile<\/strong>, el acceso al contenido se basa en pantallas t\u00e1ctiles de dimensiones mucho m\u00e1s reducidas que las de las computadoras. Las animaciones deben ser responsivas a gestos t\u00e1ctiles es por eso que, en lugar de un cursor, utilizamos directamente nuestros dedos para interactuar con los elementos en pantalla. Dependiendo de d\u00f3nde toquemos, se activa la acci\u00f3n correspondiente, como seleccionar una opci\u00f3n o abrir un enlace. En t\u00e9rminos de navegaci\u00f3n, la elecci\u00f3n de limitar las animaciones se encuentra respaldada por las caracter\u00edsticas y limitaciones de este dispositivo. Este tipo de pantallas son m\u00e1s estrechas, y\u00a0 su naturaleza vertical de navegaci\u00f3n repercute en la disposici\u00f3n de la informaci\u00f3n en la interfaz, ajustando el tama\u00f1o de fuentes a ese contexto.
Es importante mencionar que en ciertos paquetes de informaci\u00f3n, como los valores nutricionales de los helados, el texto puede volverse demasiado peque\u00f1o, lo que dificulta la legibilidad. Esta observaci\u00f3n subraya la necesidad de encontrar un equilibrio entre la presentaci\u00f3n de informaci\u00f3n detallada y la legibilidad en pantallas m\u00f3viles.<\/p>\n\n\n\n