La clase inicia con la consulta a los estudiantes de cómo nos ha sido esta primera semana de actividades, la cual ha sido intensa por la gran cantidad de información a procesar.
Continuamos con el diseño del Layouts en las dos resoluciones solicitadas 1920×1080 y 360×640, la idea es trabajar en la clase para completar la tarea considerando todo lo aprendido sobre las leyes de la gestalt, el uso del color y el diseño de usabilidad.
Un Concepto clave que centra el estudio de la semana pasada y que el profesor vuelve a remarcar es el termino de usabilidad. En este modulo es una habilidad clave para un diseñador de interfaces, si no consigue y domina esa destreza no podría desenvolverse correctamente en su puesto de trabajo.
La usabilidad se refiere al nivel de complejidad (o simplicidad) que tiene un producto para ser usado. En términos digitales, entendemos la usabilidad de una plataforma como la medida que determina qué tan sencilla es su navegación y cómo ésta ayuda al usuario a obtener lo que está buscando.
¿Por qué es tan importante la usabilidad?
En el comercio electrónico, generar confianza y comodidad en el usuario desde que éste entra a nuestro portal es de suma importancia. Del mismo modo, como nadie le compraría a un vendedor que no sabe explicar las características de su producto, ningún usuario confiaría en un portal que es difícil de entender.
Comparto un articulo sobre 10 consejos de Usabilidad de Wix:
https://es.wix.com/blog/2011/02/10-consejos-de-usabilidad-web/
Como es necesario obtener una buena experiencia de usuario también se hace fundamental conocer sobre los fundamentos del diseño para obtener una buena base de estudio que es precisamente el modulo que estamos estudiando.
Actualmente nos encontramos en el Módulo 1 y estos son los aprendizajes esperados
- Aplicar las nociones básicas de diseño gráfico y comunicación visual en el bosquejo de una landing page de acuerdo a los principios de diseño. (tarea de hoy 16 Mayo 2022)
- Construir una landing page básica utilizando HTML y CSS acorde a las buenas prácticas de la industria.
- Construir una página web básica utilizando HTML y CSS que se adapte a distintos dispositivos acorde a las buenas prácticas de la industria
El desafío de hoy es crear una Landing page personal de ventas donde el botón principal es contáctame y serán en 2 formatos 1920×1080 y 360×640
La idea es pasar la plantilla a formato html / css
Layout responsivo.
También conocido como diseño sensible, diseño líquido, diseño responsivo o diseño adaptable, el responsive layout es la nueva tendencia en diseño de sitios web. El diseño web responsivo es el sitio web que se adapta a dispositivos móviles como teléfonos, tabletas y monitores de escritorio.
