Actividad de Interfaces GUI

 

Tema elegido: Portfolio de diseño digital

Para esta actividad seleccioné como temática el desarrollo de una web para crear portfolios digitales, donde los usuarios puedan personalizar plantillas creadas por profesionales.

Interfaz directa

Descripción
Para la interfaz directa, busqué un diseño claro y minimalista, con navegación intuitiva y uso de íconos reconocibles. Incluye elementos como:

• Menú principal

• Sección de diseños

• Botón para comenzar

• Página “Quiénes somos”

Todo con una estética limpia y profesional, enfocada en facilitar el uso inmediato por parte del usuario.

Justificación
Este diseño se considera una interfaz directa porque prioriza la funcionalidad, la simplicidad y la claridad visual. Se enfoca en que el usuario entienda rápidamente cómo navegar, sin distracciones ni elementos decorativos innecesarios.

Interfaz metafórica / de simulación

Descripción
La segunda propuesta utiliza un enfoque esqueumórfico, simulando un estudio de diseño real. La página principal se presenta como un escritorio de trabajo con elementos visuales representativos:

• Una pizarra con ejemplos de plantillas

• Escritorio con computadora, libro abierto y lápices

• Menú en formato de notas adhesivas

• Estantería con plantas y libros

Utilicé como fondo el color #589172, acompañado por toques en rosa y celeste pastel, para mantener una estética amigable y creativa.

Justificación
Esta interfaz se ubica dentro del enfoque metafórico/esqueumórfico porque recrea visualmente el ambiente físico de un estudio de diseño. Los elementos gráficos simulan objetos reales y generan una experiencia lúdica y contextual que conecta con la temática del sitio.

Prompt para IA generativa

Para la interfaz metafórica, utilicé un generador de imágenes con el siguiente prompt:

"Una ilustración digital en 2D que represente la página principal de una web para crear portfolios de diseño. Fondo color #589172, toques de rosa y celeste pastel. El diseño simula un estudio de diseño real: escritorio con computadora, libros, lápices, una pizarra con plantillas personalizables, y menú en español con botones como ‘Comenzar’ y ‘Quiénes Somos’ en notas adhesivas. Estilo amigable, limpio y profesional."

La imagen generada fue utilizada sin edición posterior