Principios generales de diseño

Lo que se suponia que era un curso avanzado de UX y termino siendo un curso introductorio al UX con mucha teoría.

Para mi los principio generales de diseño son “Menos es más”, “Mantenlo lo más simple posible” y “funcionalidad y estética van juntas de la mano”

Dieter Rams 10 principios del buen diseño

"Weginer aber besser"
No se pierdan leer este artículo:
https://www.xataka.com/otros/dieter-rams-disenador-aleman-que-predica-sobriedad-e-influyo-estilo-apple

Principios generales de diseño

Los diez principios de un buen diseño planteados por Dieter Rams:

1. El buen diseño es innovador.
2. Proporciona utilidad.
3. Es estético.
4. Hace comprensible el producto.
5. Es discreto, neutro y sobrio.
6. El buen diseño es honesto.
7. Tiene un valor duradero.
8. Concibe hasta el último detalle (la calidad está en el detalle).
9. Respeta el medio ambiente.
10. Aboga por la simplicidad.

Recomendable las 10 Heruristicas de Usabilidad de Diseño de Interfaces de de Norman Nielsen Group: https://www.nngroup.com/articles/ten-usability-heuristics/

Se les fue el error de los salimetros, editen el video antes de que se vuelva viral.

Hola, me llamó la atención la referencia a Dieter Rams. Les comparto un documental que lanzaron de él hace tres años (https://vimeo.com/ondemand/ramsfilm/291784379) en el se abordan los principios que mencionó Daniel desde la perspectiva del trabajo y visión de Dieter.

También hay un libro de John Maeda que se llama “Las Leyes de la Simplicidad” y considero es una buena referencia en este tema.

Producto: Pagina principal del buscador de Google
* Hace comprensible el producto: la barra de búsqueda es el elemento principal, el usuario entiende perfectamente su función en la pantalla
* Es discreto, neutro y sobrio: el resto de elementos de la pantalla son de mucho menor tamaño, restándoles importancia.
* Es estético: los únicos colores presentes son los del logo de Google, que queda completamente destacado.

Reto 10: Dribbble
Es estético: Al entrar produce cierta calma con sus tonos, no es estridente.
Hace comprensible el producto: Se entiende a primera vista que es lo que ofrece la página.
Aboga por la simplicidad: No hay saltos de colores en bloques, todo es parejo y se entiende de manera simple la estructura del sitio.
Es honesto: No hay falsas promesas, si quieres ver más crea tu cuenta y listo.

La interfaz de Duolingo utiliza muy bien principios del Buen Diseño de Dieter Rams como los siguientes: Innovador (porque constantemente están mejorando y actualizando el producto digital); proporciona utilidad (sirve bastante para aprender vocabulario y las bases de un nuevo idioma de manera entretenida); es estético (la interfaz es agradable a la vista y sus ilustraciones son llamativas); hace comprensible el producto (la interfaz es intuitiva, osea, se puede manejar fácilmente); es sobrio y neutro (destaca y jerarquiza sólo los elementos relevantes dejando que sin más, el usuario tenga su propia experiencia al manejar la interfaz); tiene un valor duradero (llevo años usando el producto y me sigue siendo muy útil para aprender y practicar idiomas); concibe hasta el último detalle (se nota que cuidan mucho cada aspecto visual y de la experiencia al utilizarlo); y finalmente, aboga por la simplicidad (el diseño es simple, a eso se debe que el producto sea muy usable y aceptado por todas las personas que conozco).

Principios generales de Diseño

Dieter Rams es un diseñador industrial alemán y académico jubilado, estrechamente asociado con la empresa de productos de consumo Braun, la empresa de muebles Vitsœ y la escuela funcionalista de diseño industrial.

Le caracteriza su enfoque discreto y su creencia respecto a que el diseño debía cumplir la condición “Less, but better”, es decir menos, pero mejor. Esto generó una calidad atemporal en sus productos y ha influido en el diseño de muchos productos a nivel mundial hasta hoy.

Además, a fines de la década de 1970, preocupado por la confusión del mundo que le rodeaba respecto a las formas, colores y ruidos creó los diez principios para un buen diseño, que son los siguientes:

1. El buen diseño es innovador: cada cierto tiempo hay actualizaciones y mejoras. Es una herramienta de trabajo en equipo innovadora y que no para de mejorar.
2. Proporciona utilidad: el sistema priorización de tareas permite que el equipo esté más organizado.
3. Es estético: todo el diseño da la sensación de orden al estar bien compartimentado y estructurado.
4. Hace comprensible el producto: para ciertas acciones delicadas (borrar o cambiar de tipo de tarea, por ejemplo) te guía en el proceso para que puedas realizarlas con éxito.
5. Es discreto, neutro y sobrio: solo destaca lo importante y jerarquiza el contenido sutilmente.
6. El buen diseño es honesto: las acciones cumplen su cometido, no confunden
7. Tiene un valor duradero: es una herramienta de trabajo que, una vez implementada en el equipo, se puede usar durante años y adaptar a las necesidades de cada momento.
8. Concibe hasta el último detalle: personaliza acciones que haces con frecuencia para ahorrarte tiempo
9. Respeta el medio ambiente: no es necesario imprimir nada, es todo vía web y app.
10. Aboga por la simplicidad: el diseño tiene lo justo de base.

Ejemplo de mal diseño https://userinyerface.com/ 🤣

https://www.fiscalia.gov.co/colombia
• Exceso de texto
• Falta de jerarquía visual
• Responsive no adecuado
• Mala arquitectura de información en los menús
• No se encuentran las cosas con facilidad y el usuario se pierde.

Dejo un link para medir el impacto que tiene tu sitio web en el planeta:

https://www.websitecarbon.com

Sitio analizado: Xbox (https://www.xbox.com)

Su diseño es innovador ya que implementan mejoras constantemente, nuevas funcionalidades que permiten integrar sus productos y lo más importante: su sitio es completamente accesible para todas las personas. Este último ítem es muy importante debido a cómo impacta la tecnología en la calidad de vida de las personas. Por otro lado, ofrece productos de entretenimiento que permiten disfrutar del ocio y mejorar nuestros reflejos y concentración, la actividad lúdica es tan importante como cualquier otra. Además, su sentido estético simple permite desmitificar que la accesibilidad no es intuitiva y fácil de usar.
Cabe destacar que respeta al medioambiente debido a que utiliza imágenes, recurso más ligero que los videos con reproducción automática.
En conclusión, es un sitio que se apoya en los principios generales de diseño por su valor estético, simple y honesto, como también, es una referencia para la accesibilidad digital porque respeta y promueve el buen diseño UX/UI y desarrollo web.

1. Usable
2. Intuitivo
3. Simple
4. Ágil

reto 10:
https://www.jotsos.com/
proporciona utilidad
hace comprensible el producto
respeta el medio ambiente
es honesto
https://denimwave.com.co/
es estético
es sobrio
es honesto
aboga por la simplicidad

Reto 10
https://www.perfumeriasunidas.com/

1. No es innovador, es una interface antigua con poca interacción.
2. Es útil, el usuario identifica en el header todas las categorías de la tienda.
3. No es estético, su diseño y armonía podría ser mejor para alinearse con las aspiraciones del usuario.
4. Es neutro y sobrio.
5. Es honesto.
6. No tiene un valor duradero, de hecho ya se ve como un site antiguo y no genera confianza al comprar.
7. Falta calidad en los detalles.
8. No respeta el medio ambiente.
9. Aboga por la simplicidad para su diagramación es desorneanda y no es fácil ubicarse en la tienda.

La simpleza es fundamental, caer en el error de poner cosas demás le resta al diseño

La calidad está en el detalle, (hay que repetirlo).

Lo mejor de una interfaz es que sea simple de uso para el cliente y no incurra en el error.

Reto 10:
MedicAPP

1. Discreto pero llamativo
2. Innovador pero al alcance de un gran abanico de usuarios
3. Funcional como una herramienta sencilla.

https://www.fahrenheit-212.com/

• Se ve la innovación en la forma de distribuir la infromación de un tema tan poco atractivo como puede ser la consultoría.
• Es muy estético, limpio y sobrio.
• Se ve el valor de los detalles.
• Es simple y fácil de encontrar la información.

Acaban de hacer una actualización de un sistema de TV de paga en México.
.
Modificaron como se hacían muchos flujos para que el usuario pudiera hacer distintas cosas como navegar por la programación.
.
A mi me parece que esos cambios fueron poco empáticos con los clientes porque aunque cumplen con el principio estético, hablando de UX, no cumplen con el principio de hacer comprensible al producto. Ya que, como cambiaron la lógica de los flujos, los usuarios necesitan volver a aprender como se hace algo.