DISEÑO UX y UI

Un ejemplo en productos de la vida cotidiana: 

Diseño tiene que ver con los colores del sitio, si es coherente o confunde la mezcla de colores que eligió el diseñador para el sitio, también pueden describir lo que ven que sucede en la página por ejemplo al mover el mouse en algunas secciones, también pueden describir lo ustedes piensan a cerca del motivo en el cual está inspirado sitio, (video juegos retro, minimalismo, etc.).

Usabilidad involucra lo que refiere a la capacidad de la página de ser comprendida, si a la hora de ir a un lugar del sitio se distingue bien el orden y la posición de los componentes en la web para así tener buena navegabilidad. También si es atractiva para el usuario. Divertida.

La usabilidad es:

“el atributo de calidad que mide la facilidad de las interfaces web” J.N. 

En pocas palabras; no tiene importancia el diseño o lo genial que se vea el sitio web, si no es amigable o no es de fácil manejo para los usuarios; de lo contrario el sitio simplemente no tiene el “atributo” necesario para tener éxito.

Algo más de información: https://www.labiznagadigital.es/blog/usabilidad-y-experiencia-de-usuario/

Libro imperdible: https://olgacarreras.blogspot.com/2018/06/resena-del-libro-usabilidad-web-teoria.html

Accesibilidad quiere decir si por ejemplo los colores son visibles; si el contraste es suficiente para no confundir elementos; si el tamaño y la forma  de los botones, o barras de navegación o de las tipografías contempla la baja visión por ejemplo; o si el fondo no interfiere con otros componentes, si tiene sonido que ayude a los usuarios a navegar.

Experiencia de usuario es básicamente si ustedes volverían a visitar el sitio. Tiene que ver con lo percibido por el usuario luego de ingresar al sitio. Se relaciona en cierta forma con el grado de comodidad y satisfacción perceptiva y emocional del usuario. Si se quedan experimentando alguna funcionalidad porque fue agradable, o si les despertó curiosidad algún efecto o interactividad de la que fueron partícipes y en definitiva les generó satisfacción visitar esa web.

Más información: https://bootcampvirtual.udd.cl/blog/diseno-experiencia-de-usuario/

Observa los siguientes elementos:

Que son los affordances: https://www.nachomadrid.com/2020/02/affordances-en-el-diseno-de-objetos-e-interfaces/

Sitios Web´s donde observar Diseño, Usabilidad, Accesibilidad y Experiencia de Usuario. :

https://brittanychiang.com/​

https://kuon.space/​

https://moonfarmer.com/​

https://jacekjeznach.com/​

http://www.jennyjohannesson.com/​

https://animalmade.com/​

https://activetheory.net/home​

https://www.seanhalpin.design/​

https://resn.co.nz/#!/about​

http://riccardozanutta.com/​

https://dineshbalaji.in/​

http://y78.fr/2/​

https://bruno-simon.com/​

http://www.rleonardi.com/interactive-...​

https://chandujs.dev/​

https://kaisermann.me/​

https://titusklein.com/