Diseño web, interfaces y UX: tests, mapas mentales y apuntes

La unidad Diseño web, interfaces y UX forma parte de Medios digitales e interactivos, dentro de la asignatura Diseño gráfico. Sus recursos reúnen conceptos visuales y de interacción que puedes estudiar por separado o relacionar al revisar una página web.

Para empezar, abre «Colores en la web». El mapa distingue el color primario, el secundario y el destacado, y plantea cómo se relacionan entre sí. Después, el mapa «Colores» aborda el contraste y la relación entre colores y texto. Puedes usar ambos para organizar tus ideas sobre la elección de una paleta.

Del diseño visual a la interfaz

El mapa sobre fundamentos del diseño de interfaces presenta la interfaz como el lugar donde se relacionan el medio y el usuario. A continuación, «Diseño de interfaz del usuario» ofrece otro punto de entrada al tema. Revisa también los recursos de diseño visual, que tratan la percepción y la conexión emocional con un producto.

Si quieres ampliar el recorrido, «¿Qué es diseño interactivo?» recoge conceptos como el acceso a la información y los ambientes tridimensionales. El mapa «Interacción y patrones» permite seguir explorando la relación entre las acciones y el diseño. Las notas «Diseño UX/UI» y el recurso sobre experiencia de usuario aportan otros formatos para repasar.

Combina mapas y cuestionarios

Tras revisar los mapas de color e interfaz, prueba el cuestionario de evaluación de diseño gráfico. Incluye preguntas sobre formatos de imagen de mapa de bits y formatos gráficos utilizados en la web. El otro cuestionario de la página trata teorías del color, web y maquetación.

Usa las preguntas para localizar conceptos que quieras volver a revisar. Después, regresa al mapa correspondiente y comprueba cómo se relacionan sus ideas. También puedes comparar lo que has anotado con las sugerencias de diseño sobre navegabilidad y usabilidad que aparecen en otro de los mapas.

Otros formatos para repasar

La página incluye fichas sobre las etapas de la experiencia de usuario y sobre tipografía en páginas web, además de diagramas de jerarquización visual y navegación. Las presentaciones sobre principios de diseño web y psicología del color ofrecen otra manera de recorrer los temas.

Para continuar, selecciona un mapa y acompáñalo con el cuestionario que mejor se ajuste a tu repaso.

Preguntas frecuentes

¿Con qué recurso puedo empezar?

Si quieres comenzar por el aspecto visual, abre «Colores en la web». El mapa presenta funciones de los colores y sus relaciones. Después puedes consultar «Colores», que añade ideas sobre contraste y texto. Si prefieres empezar por la interacción, el mapa «¿Qué es diseño interactivo?» reúne conceptos básicos de ese tema.

¿Qué puedo practicar con los cuestionarios?

El cuestionario de evaluación de diseño gráfico plantea preguntas sobre formatos de imagen y gráficos utilizados en la web. El otro cuestionario trata color, web y maquetación. Puedes revisar primero los mapas relacionados y volver a ellos después de responder para repasar los conceptos que necesites aclarar.

¿Qué temas cubren los mapas mentales?

Los mapas abarcan color y contraste, diseño visual, interfaces, usabilidad e interacción. También hay recursos sobre composición de páginas, estructura del contenido y tendencias en sitios web. Algunos relacionan la apariencia de un producto con las emociones, mientras otros se centran en sugerencias para mejorar la navegación y la usabilidad.

¿Puedo estudiar estos recursos gratis?

Sí. Todos los recursos de esta página se pueden abrir y estudiar gratis, y puedes responder los cuestionarios sin cuenta. Una cuenta gratuita permite además guardar las puntuaciones de los cuestionarios y crear tus propios cuestionarios, mapas mentales, fichas y notas. Los recursos de la página han sido creados por usuarios de GoConqr.

¿Para quién son útiles estos materiales?

Los estudiantes universitarios pueden usarlos para repasar diseño visual, interfaces e interacción. Los estudiantes de secundaria y bachillerato pueden practicar conceptos como color y usabilidad. Los profesores también pueden consultar los mapas, cuestionarios y otros formatos como material de apoyo para tratar estos temas.

Diseño web, interfaces y UX

Lo mejor de Diseño web, interfaces y UX

Tests

Mapas mentales

Fichas

Diagramas de flujo

Apuntes

Diapositivas

Temas de Diseño web, interfaces y UX

Otros temas de Diseño gráfico

Sobre Diseño web, interfaces y UX

Por dónde empezar