ACTIVIDAD N°: 1 FECHA: 11/04/2024

Principios del diseño de interfaces de usuario

UNIDAD N°:

Práctica de elementos de interfaz de usuario

TEMA:

Establecer el encuadre de la asignatura definiendo las normas y reglas para

el desenvolvimiento armónico del proceso enseñanza–aprendiz aje.
OBJETIVO:

De manera individual investigar:

PROBLEMA: 1. Tipos de elementos de interfaz de usuario.

2. Reglas y principios de interfaces de usuario.
3. Teoría de los colores.
4. En la herramienta que desee diseñar un flyer de un tema a
elección.

INDICADOR DE CALIFICACIÓN DIRECTA

EVALUACION:

Responsabilidad, puntualidad, honestidad.

VALORES:

TIPO DE
LUGAR ALCANCE ACTIVIDAD FORMA
□ Intraclase □ Individual
□ Presencial □Taller
□ Grupal □Práctica de clase
□Síntesis, esquemas □Resolución de problemas,
CALIFICACIÓN □Caso de estudio
ejercicios

□Investigativa □Ensayo, artículo

□Informe de exposición

ESTUDIANTE: Damián Minuche

DESARROLLO:
 TIPOS DE ELEMENTOS DE INTERFAZ DE USUARIO.

Dentro de los conceptos básicos de las interfaces de usuario, se conciben 4 elementos de un

interfaz, los cuales las constituyen. Estos elementos de una interfaz o interfaces son:

 El lienzo/la pantalla/la ventana: donde encontrarás todos los elementos de la interfaz.

 Los controles/los huecos: otro de los elementos de las interfaces es el sitio donde se pueden
mostrar (por parte del ordenador) o introducir los datos (por parte del usuario). También se
utiliza para responder a acciones por parte del usuario
 La disposición: otro de los elementos de una interfaz es el layout o posición de los controles
o los huecos.
 El ciclo de refresco (eventos): otro elemento de las interfaces es el ciclo que inicia cuando
el ordenador actualiza la pantalla y los objetos en ella en un estado inicial. A su vez, nos
actualiza los mensajes. Allí pinta la pantalla y se queda a la espera para que el usuario realice
una acción. Es allí donde se manejan los eventos y vuelve a empezar el bucle nuevamente.

También
Las interfaces básicas de usuario son aquellas que incluyen elementos como ventanas, menús,
contenido gráfico, cursor, sonidos, y en general, todos aquellos canales por los cuales se permite la
comunicación entre el ser humano y la máquina. Está compuesta por varios íconos, una barra de
tareas y otros elementos que puedes utilizar para realizar diferentes tareas.
 REGLAS Y PRINCIPIOS DE INTERFACES DE USUARIO.

El principio del menor asombro (POLA abreviado en inglés) es un principio general en el diseño
de todo tipo de interfaces, y que se basa en la suposición de que los seres humanos solo pueden
prestar atención completa a una cosa a la vez, lo que lleva a la conclusión de que la novedad debe
minimizarse.
Si una interfaz se usa persistentemente, el usuario inevitablemente desarrollará un hábito para usar
la interfaz. El papel del diseñador puede entonces caracterizarse como el de asegurar que el usuario
adquiera buenos hábitos. Si el diseñador tiene experiencia con otras interfaces, desarrollará hábitos
de manera similar y, a menudo, hará suposiciones inconscientes sobre cómo el usuario interactuará
con la interfaz
También principios de calidad como

1. Estética: Además de crear un ambiente más agradable para el usuario, la claridad también
dependerá de la estética.
2. Eficiencia: Una buena interfaz debería permitir una navegación óptima y el uso de atajos
para mejorar la productividad del usuario.
3. Perdón: una buena interfaz no debe castigar a los usuarios por sus errores, sino que debe
proporcionar los medios para remediarlos.

Reglas como

 Visibilidad del estado del sistema

El sistema siempre debe mantener informados a los usuarios sobre el estado actual y las acciones
a través de señales visuales y comentarios apropiados dentro de un tiempo razonable.

 Consistencia entre el sistema y el mundo real

El sistema debe hablar el idioma de los usuarios, con palabras, frases y conceptos familiares para
el usuario, en lugar de términos orientados al sistema. Siga las convenciones del mundo real,
haciendo que la información aparezca en un orden lógico y natural.

 Prevención de errores
Incluso mejor que buenos mensajes de error es un diseño cuidadoso que evita que ocurra un
problema en primer lugar. Elimina las condiciones propensas a errores o verifícalas y presenta a
los usuarios una opción de confirmación antes de que se comprometan con la acción.
 TEORÍA DE LOS COLORES.

Se conoce como Teoría del color a un conjunto de reglas básicas que rigen la mezcla de colores para
conseguir efectos deseados, mediante la combinación de colores o pigmentos. Es un principio de gran
importancia en el diseño gráfico, la pintura, la fotografía, la imprenta y la televisión, entre otras áreas
visuales.

Uno de los principales insumos de toda Teoría del color es el círculo cromático. Se trata de una
representación circular de todos los colores del espectro visual, organizados de manera tal que los
colores contrarios se enfrenten y los colores complementarios estén próximos el uno al otro.

De acuerdo a este tipo de estudios del color, a cada uno se le pueden atribuir distintas propiedades,
como son:

 Matiz. También llamado “croma”, alude al color en sí mismo, lo que nos permite distinguir un
color de otro diferente.
 Luminosidad. También llamada “valor”, se refiere a la cantidad de luz presente en el color, o
sea, si es más claro o más oscuro, lo que equivale a decir si está más cerca del negro o del blanco.
 Saturación. Básicamente se refiere a la pureza del color, o sea, la concentración de gris presente
en un color en un momento determinado. Mientras más gris posea, menos puro será y menor
será su saturación, viéndose como si estuviera sucio, opaco.
EN LA HERRAMIENTA QUE DESEE DISEÑAR UN FLYER DE UN TEMA A
ELECCIÓN.
CONCLUSIONES
Concluyo con que el conocimiento de cuáles son los elementos de la interfaz de usuarios nos va a
ayudar a realizar un trabajo correcto y bien presentado sea a una empresa o compañía también por
su puesto la teoría de los colores saber la diferencia entre el rgb y el cymk

RECOMENDACIONES:
Estudiar conceptos básicos de diseño gráfico antes de querer trabajar en ello
Tener una maquina con componentes bueno puesto que los programas usan muchos recursos

BIBLIOGRAFÍA:

 _ [1] Muñoz, C. Á. (2023, 14 abril). Principios de diseño de interfaz de

usuario. OpenWebinars.net. https://openwebinars.net/blog/principios-de-diseno-de-
interfaz-de-usuario/
 [2] Equipo editorial, Etecé. (2022, 13 junio). Teoría del Color - Concepto, propiedades
del color, RGB y CMYK. Concepto. https://concepto.de/teoria-del-
color/#:~:text=Se%20conoce%20como%20Teor%C3%ADa%20del,televisi%C3%B3n%
2C%20entre%20otras%20%C3%A1reas%20visuales.

 [3] https://www.ionos.mx/digitalgui
de/paginas-web/desarrollo-web/que-
es-una-gui/
EN LA HERRAMIENTA QUE DESEE DISEÑAR UN FLYER DE UN TEMA A
ELECCIÓN.