ESPACIO CURRICULAR: INTRODUCCIÓN A LA GESTIÓN DE CONTENIDOS DIGITALES

TSCDyM

Clase N°10: “ INTERFAZ DE USUARIO - CONTENIDO WEB”

Bienvenidos a la clase N° 10 … Con

esta clase le damos comienzo a la
unidad 4 “Proceso de diseño
multimedial”, vamos a comenzar con
los conceptos de Interfaz de usuario,
diseño de interfaz , diseño web. la
labor del diseñador U.

Hoy en día, un buen desarrollador

debe tener claro el tema de interfaz;
se le conoce como la interfaz de
usuario al medio que hace posible
que una persona pueda comunicarse
con una máquina.

Está compuesta por los puntos de

contacto entre un usuario y una computadora, es decir, se genera una
conexión entre dos máquinas de cualquier tipo y se les da un soporte para
generar comunicación entre los distintos estratos.

Generalmente es la forma en la cual se conectan el hardware con el

software, que comprende las aplicaciones, programas y herramientas, su
finalidad es que un usuario pueda realizar una acción determinada en la
forma que se desea, teniendo eficacia, rendimiento y seguridad en cada
proceso, lo que involucra que:

● La acción efectuada sea la que el usuario tiene intenciones de hacer.

● La orden se debe realizar de forma eficaz y precisa.
● La acción debe afectar solamente al componente de Hardware o a la
aplicación que se tenía considerada utilizar, esto sin afectar a otros
componentes.

Este conjunto de elementos, que se reflejan en la pantalla y que permiten al

usuario llevar a cabo acciones bien definidas, se compone de elementos de
acción, alternativas de navegación, identificación y contenidos.

1
 ESPACIO CURRICULAR: INTRODUCCIÓN A LA GESTIÓN DE CONTENIDOS DIGITALES
TSCDyM

OBJETIVOS:
★ Conocer los conceptos de interfaz de usuario y diseño
web.
★ Distinguir entre los tipos de UI, su función ,
características y ventajas.

CLASIFICACIÓN DE LAS INTERFACES DE USUARIO

1. Hardware: Esta interfaz se desarrolla para que los dispositivos puedan
recibir, procesar y emitir todos los datos que son recibidos, al mismo tiempo
que interactúan con los periféricos de entrada y salida.

2. Software: Aquí la interfaz se encarga de brindar control al usuario sobre

la herramienta que se está utilizando.

3. Software - Hardware: Esta combinación de interfaces da pie a la

comunicación entre los procesos del ordenador y los usuarios, teniendo una
instrucción, una interpretación y la información que es percibida
sensorialmente.

Tipos de interfaces básicas

1. Interfaz física Consiste en objetos que permiten introducir datos y
manipular a una computadora, como el ratón o el teclado, funcionan
como prótesis o extensiones del cuerpo.

2
 ESPACIO CURRICULAR: INTRODUCCIÓN A LA GESTIÓN DE CONTENIDOS DIGITALES
TSCDyM

2. Interfaz gráfica:Interfaz gráfica de usuario (GUI), permite que los

usuarios puedan interactuar con la computadora a través de una serie
de elementos gráficos como ventanas, iconos, entre otros.Este término
surge, debido a que las primeras interfaces de usuario interactivas no
eran gráficas, simplemente estaban orientadas al texto y teclado,
consistían en comandos que se debían recordar y en respuestas breves
por parte de la computadora.

3. Interfaces lógicas: cuando permiten la comunicación entre dos

programas o piezas de software, como en el caso de los protocolos
informáticos.

De modo que, en el fondo, las interfaces son al mismo tiempo un espacio,

una herramienta y una dinámica de intercambio de datos.

3
 ESPACIO CURRICULAR: INTRODUCCIÓN A LA GESTIÓN DE CONTENIDOS DIGITALES
TSCDyM

¿QUÉ ES UNA INTERFAZ

DE USUARIO UI?

En informática, se emplea el
vocablo interfaz para
referirse a la dinámica física
y lógica de interconexión
entre dos aparatos o
sistemas independientes, o
bien entre un sistema
informático y su usuario
humano. Este término es un
préstamo proveniente del
inglés interface,
comprendido como “superficie de contacto” entre dos entidades, y se
popularizó a través de la tecnología informática.

La interfaz hace referencia a las que las personas interaccionan con las
máquinas, permite usar una computadora para realizar un pedido en un
e-commerce o para acceder a una App a través de un dispositivo.

La (UI) es el conjunto de los controles y canales sensoriales mediante

los cuales un usuario puede comunicarse con una máquina. Por
ejemplo, en una computadora, la pantalla, el teclado y los parlantes son
parte de la interfaz de usuario porque la utilidad de todas ellas es hacer que
entre o salga información del equipo. Una buena interfaz de usuario se
caracteriza por tener un alto grado de usabilidad, y por ser amigable e
intuitiva. Cuenta con elementos de control de una interfaz, estos sí son
visibles para el usuario que va a realizar alguna acción, en ella se incluyen
desde líneas de comandos basadas en texto, hasta interfaces gráficas de
usuario con diseños más complejos.

Por otro lado, una UI también permite que la computadora mande un

feedback al usuario, de forma que él pueda dar cuenta de si su acción se ha
realizado con éxito.

La interfaz de usuario se relaciona íntimamente con la facilidad de uso de

un software o de una página web, el propósito ya no se basa únicamente en

4
 ESPACIO CURRICULAR: INTRODUCCIÓN A LA GESTIÓN DE CONTENIDOS DIGITALES
TSCDyM

conseguir una interfaz de usuario útil, sino que la parte estética juega un
papel importante.

Por ende en la interfaz de usuario es muy importante la experiencia de

usuario; en este punto, el objetivo de los diseñadores web es crear las
bases de una buena experiencia de usuario con una interfaz intuitiva, lo que
funciona a través de una interfaz gráfica de usuario.

Sin embargo, existen otros tipos de UI que también pueden facilitar la

interacción con otros dispositivos.

¿Qué tipos de UI existen?

Con el paso del tiempo se han

ido desarrollando métodos más
avanzados de interacción
persona-ordenador (IPO), el
resultado son las numerosas
interfaces de usuario existentes.

En un principio, ya se podía
hablar de las sencillas
Command Line Interfaces
(CLI), hoy en día también se
aplican las Natural User
Interfaces (NUI)

Command Line Interfaces (CLI): Es

probablemente el tipo de interfaz más
antiguo que todavía se encuentra en
uso hoy en día. Consiste en que el
usuario introduzca comandos e
instrucciones al ordenador por escrito y
obtenga feedback en base a lo
solicitado. Al ser una interfaz de texto,
tanto para el input como para el output
sólo se utilizan caracteres ASCII.

5
 ESPACIO CURRICULAR: INTRODUCCIÓN A LA GESTIÓN DE CONTENIDOS DIGITALES
TSCDyM

Una de las mayores carencias de las interfaces de línea de comando es que

el usuario necesita conocer y saberse de memoria una gran variedad
de comandos para poder interactuar con el dispositivo de una forma
ágil, lo que las hace demasiado complejas. No obstante, este método
continúa siendo considerablemente relevante en el sector del desarrollo de
software y de administración de sistemas para realizar ciertas tareas, como
por ejemplo, en el control de versiones mediante el sistema Git.

Esta modalidad de interfaz de usuario ya es obsoleta, sin embargo, aún se

utiliza en algunos sistemas operativos Windows, en los que la sintaxis está
orientada a los antepasados de DOS (sistema para computadoras personales
compatible con IBM PC). El control en una CLI, se lleva a cabo mediante el
teclado y sin necesidad de usar el mouse.

Interfaces naturales de usuario

(NUI): La interfaz natural de usuario es
aquella en las que se interactúa con un
sistema, aplicación, etc. Sin utilizar
sistemas de mando o dispositivos de
entrada de las GUI como sería un ratón,
teclado alfanumérico, lápiz óptico,
touchpad, joystick etc. Y en su lugar, se
hace uso de movimientos gestuales tales como las manos , el cuerpo es el
mismo mando de control. Permitiendo una interacción muy fluida basada en
gestos, voz y/o tacto, todas éstas características «naturales» de un ser
humano. Pueden tener un soporte físico, pero también pueden ser invisibles
al usuario.

● Las NUI pueden apoyarse en pantallas táctiles, como las de los

smartphones, pero también pueden existir fuera de las pantallas y
apoyarse en otras superficies, para seguir siendo manejadas con el
toque. Dan lugar a una interacción muy natural y directa.

● Otro tipo de interfaz natural son aquellas con capacidad para el

reconocimiento de gestos y movimientos. Un buen ejemplo de este
tipo son las consolas de videojuegos, como Nintendo Switch, que utilizan
mandos especiales, equipados con giroscopios y acelerómetros para

6
 ESPACIO CURRICULAR: INTRODUCCIÓN A LA GESTIÓN DE CONTENIDOS DIGITALES
TSCDyM

detectar gestos; o incluso cámaras con sensores de movimiento en el

caso de Sony PlayStation y sus accesorios de PlayStation Move.

● Los dispositivos con reconocimiento de voz permiten a los usuarios

interactuar con ellos a través de comandos de voz. Sus interfaces son
capaces de identificar palabras y expresiones, que con una serie de
computaciones transforman en un formato que pueden entender para
proporcionar el feedback deseado en base al input del usuario. Ejemplos
que implementan este tipo de interfaz incluyen, una vez más, los
dispositivos móviles y sus funcionalidades manos libres, los asistentes de
voz, altavoces inteligentes como Google Home, HomePod, Alexa, etc.

Graphical User Interfaces (GUI): Las

interfaces gráficas de usuario o Graphic
User Interfaces revolucionaron el mundo
y llegaron para (casi) sustituir a las de
texto y de línea de comando, ya que
simplificaron enormemente la interacción
con el usuario. Este software se aplica
con elementos gráficos de control e
imágenes que se toman como referencia
de objetos de la realidad.

En este sentido, se suele recurrir al ratón y al teclado como dispositivos de

control, aunque también ya es muy común que entren pantallas táctiles.
Aquí los iconos también se introducen en el mundo digital, al igual que el
escritorio o la papelera.

El diseño gráfico se basa en el diseño de una oficina tradicional, el resultado

es que todos los elementos se puedan identificar de forma sencilla,
resultando más intuitivo en comparación con la lista de comandos de una
Command Line Interface. Así, los usuarios con menor experiencia también
logran entender las funciones de los iconos con mayor rapidez, estos
símbolos son un factor tanto para las user interfaces como para las GUI.

Otras interfases:

7
 ESPACIO CURRICULAR: INTRODUCCIÓN A LA GESTIÓN DE CONTENIDOS DIGITALES
TSCDyM

Interfaces de texto (TUI)

Las interfaces de texto, como

su propio nombre indica, sólo
muestran texto y caracteres
ASCII en una pantalla, y se
manejan con el teclado. Está
prácticamente limitado a
sistemas operativos (hoy en
desuso) como Norton
Commander, MS DOS, Turbo
Pascal… así como al manejo y configuración de la BIOS. El término se
estableció después del desarrollo de las interfaces gráficas de usuario, para
poder diferenciar a las Text User Interfaces de las CLI y de las interfaces
gráficas de usuario. Lo que las diferencia de las CLI, es la interfaz que se
utiliza en la pantalla; es una superficie plana y donde las líneas no son
orientadas .

Interfaz táctil de usuario

La interfaz táctil de usuario, conocida

también como TUI (del inglés Touch
User Interface) es una interfaz de
usuario que permite la comunicación
entre un usuario y un dispositivo
electrónico mediante el sentido del tacto
a través de una pantalla sensible.

Interfaz mediante voz del usuario

La Interfaz mediante voz del usuario (IVU) permite la interacción humana
con ordenadores a través de una plataforma de voz/habla para iniciar
procesos o servicios automatizados.
IVU es la interfaz de cualquier
aplicación de habla. Controlar una
máquina simplemente hablándole era
considerado ciencia ficción hasta hace
no mucho tiempo. Posteriormente
pasó a considerarse inteligencia
artificial. Sin embargo, con los
avances tecnológicos, las IVU han
8
 ESPACIO CURRICULAR: INTRODUCCIÓN A LA GESTIÓN DE CONTENIDOS DIGITALES
TSCDyM

llegado a ser más comunes y la gente puede aprovecharse de las ventajas

de interfaces como manos libres en muchas situaciones.

Visualización head-up

Una visualización cabeza-arriba,

visualización frontal, visualización
head-up o simplemente HUD (de
head-up display) es una pantalla
transparente que presenta información
al usuario de tal forma que éste no debe
cambiar su punto de vista para ver dicha
información. El origen del nombre
proviene del hecho de que el usuario
puede ver la información necesaria con la cabeza erguida (head up) y
mirando al frente, en vez de bajar la cabeza para revisar los instrumentos.
Aunque su desarrollo inicial fue para las aeronaves militares, actualmente se
utilizan estos sistemas en la aviación civil, automóviles, etc.

¿QUÉ ES LA INTERFAZ DE USUARIO DE UN SITIO WEB?

Se refiere a todos los gráficos,
información y herramientas
que aparecen en la pantalla
al abrir una página web.
Aunque estos elementos
funcionan de manera muy similar
a otros programas de
computadora, tienen que ser
mucho más intuitivos y fáciles de
usar, pues sería muy poco
práctico que los internautas tuvieran que invertir tiempo aprendiendo a
manejar los comandos de cada sitio web que visitan. Por eso, en el diseño
web es tan importante crear una interfaz de usuario que facilite al máximo la
transmisión de información, la navegabilidad y la interacción.

Una buena interfaz de usuario en tu sitio web te ayuda a relacionarte mejor

con tus clientes e incluso puede representar una ventaja en términos de
posicionamiento o SEO, pues incrementa el tiempo de permanencia.

9
 ESPACIO CURRICULAR: INTRODUCCIÓN A LA GESTIÓN DE CONTENIDOS DIGITALES
TSCDyM

Diseño web
El diseño web se ha convertido en
un importante tema sobre el cual
los expertos ahondan cada vez más,
es natural encontrarnos también
con teorías, conceptos y términos
de los que, hace menos de una
década, tal vez no habíamos
escuchado.

Sin embargo, en el apurado mundo

de la interconectividad vía internet
y todo lo que ello representa para la sociedad, se puede decir que aquel
que no cuente con un sitio en la red básicamente no existe, y
asimismo resulta fundamental comprender y manejar todos los conceptos a
los que nos enfrentamos diariamente en el entorno digital.
Dos conceptos que hoy por hoy se encuentran en toda conversación que
circunde alrededor de las buenas prácticas del diseño web, son el UX y el
UI. Claro, el diseño web se ha convertido en uno de los pilares más
relevantes para el buen desempeño de una página. No obstante, no
solo se trata de que el sitio se vea bonito, pues el verdadero foco del diseño
de páginas web reside en la importancia de disponer de un espacio donde el
usuario se sienta cómodo y logre alcanzar su objetivo de manera rápida e
intuitiva.

Es ahí, donde aparecen nuestros amigos UX y UI, los cuales, aunque muchas
personas tienden a utilizar ambos términos como sinónimos , estamos
hablando de elementos completamente diferentes.

¿Qué es diseñador UX?

Conocemos por UX al concepto de la Experiencia de Usuario, por sus
siglas en inglés (User eXperience), y se trata de todo aquello que el usuario
percibe durante su interacción con el sitio web. A grandes rasgos podemos
decir que una buena experiencia de usuario sucede cuando el diseño de la
página web resulta útil, usable y atractivo, teniendo importante efecto en la
satisfacción y la conexión cliente – marca.

En otras palabras, para establecer un buen UX es primordial enfocarnos

en las necesidades del usuario final y alinearlas con el objetivo de la
10
 ESPACIO CURRICULAR: INTRODUCCIÓN A LA GESTIÓN DE CONTENIDOS DIGITALES
TSCDyM

empresa. Esto quiere decir que además de las funciones típicas de un UX

Designer (investigación de clientes,
evaluación del mercado, análisis de
KPIs y estructuración de la
información), es fundamental que
tenga conocimientos generales
sobre psicología, desarrollo de
producto digital, comunicación y
marketing, además de un excelente
sentido estético como es de
esperarse en el diseño web.

Para ejemplificar, imagina que llegamos a una página cuyo diseño web es
lindo y ofrece lo que estamos buscando, pero que tiene un proceso extenso
y difícil de comprender. Esto puede resultar aburriéndonos o alejándonos del
sitio, teniendo como consecuencia la pérdida de un potencial cliente.

Es en ese punto donde el experto en diseño de páginas web y experiencia

del usuario debe actuar como un psicólogo para detectar las causas del bajo
índice de conversión, así como ayudar a establecer una solución a partir de
distintos prototipos (prueba y error) hasta dar en el clavo. De este modo los
encargados del sitio podrán ver el incremento en visitas, tiempo de duración
on-site y conversiones.

¿Qué hace un diseñador UX?

El diseño de la experiencia de usuario es una

tarea compleja que incluye varias etapas; desde
la proyección de la herramienta o el producto
hasta el análisis de cómo puede mejorar
continuamente. Las funciones principales de un
diseñador UX incluyen:

● Realizar una investigación a profundidad

para conocer perfectamente las necesidades de
los usuarios y encontrar las maneras más
simples y claras de satisfacerlas.

11
 ESPACIO CURRICULAR: INTRODUCCIÓN A LA GESTIÓN DE CONTENIDOS DIGITALES
TSCDyM

● Crear mapas de experiencias de usuario y flujos de trabajo, es decir,

proponer las funcionalidades e información clave que debe tener el
producto.
● Crear experiencias positivas para el usuario que generen valor añadido
y que ayuden a la marca a convertirse en parte de su estilo de vida.
● Desarrollar, probar y habilitar prototipos.
● Optimizar patrones de interacción que permitan lograr más
conversiones.
● Trabajar de la mano con desarrolladores, diseñadores gráficos,
redactores comerciales, especialistas en marketing, analistas de datos,
growth hackers, entre otros.

Diseño de Interfaz de Usuario (UI)

Cuando hablamos de UI nos

referimos a la Interfaz de
Usuario del diseño web por sus
siglas en inglés (User
Interface).

Este concepto cobija los

elementos visuales que le
permiten al usuario interactuar
con una página web de manera
adecuada. Es decir, la interfaz de usuario es el resultado de la unión entre la
arquitectura de la información (textos), los elementos visuales (imágenes,
colores, etc.) y los patrones de interacción (barras, botones, llamados a la
acción, etc.). Con esto podemos entender que, dentro del diseño de páginas
web, un buen UI es un instrumento de gran valor para lograr un mejor UX,
pero no podemos depender únicamente de éste, pues la experiencia del
usuario depende de un espectro de elementos más amplio.

Un UI Designer debe enfocar su trabajo, pues, para que el diseño de la

página web y su interfaz vayan acorde con la experiencia del usuario.
Asimismo, es crucial que pueda crear elementos interactivos, además de
lograr que éstos sean atractivos y funcionales en todo tipo de dispositivo.

Un buen UI es un instrumento de gran valor para lograr un

mejor UX, pero no podemos depender únicamente de éste.

12
 ESPACIO CURRICULAR: INTRODUCCIÓN A LA GESTIÓN DE CONTENIDOS DIGITALES
TSCDyM

Entonces, cuando hablamos de la experiencia del usuario (UX), nos

referimos a la manera en que el cliente interactúa con el sitio web, mientras
que la interfaz de usuario (UI) se trata del conjunto de elementos visuales
como colores, texturas, imágenes y formas que no solo ofrecen un diseño
web más atractivo, sino también más fácil de comprender.

En este orden de ideas, si estás enfocando tus esfuerzos y recursos de

marketing por un canal digital, es indispensable que conozcas y apliques
correctamente estos conceptos. De otro modo los resultados no serían los
deseados.

El objetivo de la Interfaz de Usuario es mantener la interacción con ellos de

una forma más atractiva, centrando el diseño en ellos. Es por ello que ramas
como el Diseño Gráfico y Diseño Industrial basan sus conocimientos a que
aprendan lo más rápido posible el funcionamiento de los desarrollos. Las
herramientas principales que utilizan son recursos como la gráfica, los
pictogramas, los estereotipos y la simbología, sin afectar el funcionamiento
técnico eficiente.

Los 6 principios para el diseño de la interfaz de usuario.

Existen principios relevantes para el diseño e implementación de IU, ya sea

para las IU gráficas.

13
 ESPACIO CURRICULAR: INTRODUCCIÓN A LA GESTIÓN DE CONTENIDOS DIGITALES
TSCDyM

● Familiaridad del usuario: Utilizar términos y conceptos que se toman

de la experiencia de las personas que más utilizan el sistema.
● Consistencia: Siempre que sea posible , la interfaz debe ser consistente
en el sentido de que las operaciones comparables se activan de la misma
forma.
● Mínima sorpresa: El comportamiento del sistema no debe provocar
sorpresa a los usuarios.
● Recuperabilidad: La interfaz debe incluir mecanismos para permitir a
los usuarios recuperarse de los errores. Esto puede ser de dos formas:
Confirmación de acciones destructivas y proveer de un recurso para
deshacer.
● Guía al usuario: Cuando los errores ocurren, la interfaz debe proveer
retroalimentación significativa y características de ayuda sensible al
contexto.
● Diversidad de usuarios: La interfaz debe proveer características de
interacción apropiada para los diferentes tipos de usuarios.

¿Qué es diseño UX/UI? ¿Cuáles son sus diferencias?

Aunque van muy de la mano, la

interfaz de usuario es el soporte
visual mediante el cual un
usuario interactúa con un
programa o una máquina,
mientras la experiencia de
usuario abarca un panorama
más general, considerando no
sólo que sea visualmente
atractivo e intuitivo, sino que
tenga las funcionalidades y
detonadores psicológicos
adecuados.

En el terreno de la UI
encontramos: Diseño visual,
colores y tipografías, imágenes,
plantillas y templates; experiencia
atractiva y significativa.

14
 ESPACIO CURRICULAR: INTRODUCCIÓN A LA GESTIÓN DE CONTENIDOS DIGITALES
TSCDyM

En el terreno de la UX encontramos: Diseño de las interacciones,

arquitectura de la información, investigación, usabilidad; experiencia útil y
relevante.

Por poner un ejemplo: cuando abres

tu App de delivery favorita, todos
esos colores representativos y
acomodo intuitivo de los elementos
son resultado del trabajo en la
interfaz de usuario (UI), pero la
rapidez y facilidad con la que puedes
encontrar un restaurante abierto de
tu comida favorita, es trabajo del
diseñador UX.

Prototipos para el diseño de la interfaz de usuario.

Los prototipos de interfaz de usuario

pueden ser prototipos formales o
informales, ejecutables o no
ejecutables, de baja fidelidad o de
alta fidelidad. Un prototipo de
interfaz de usuario puede variar
desde una serie de imágenes
representando capturas de pantalla
de algunas páginas HTML
interactivas. El formato que toma el prototipo de UI no es relevante. Lo que
es importante recordar es el objetivo del prototipo de interfaz de usuario
(para explorar o validar un diseño de interfaz de usuario) y qué habilidades
son necesarias para producir el prototipo. Un prototipo de interfaz de usuario
requiere habilidades de diseño de interfaz de usuario.
Es muy importante que decidas el mejor prototipo para tu proyecto. Toma en
cuenta cual es la parte de la interfaz que deseas realizar y el grado de
interactividad con el usuario, para ello, deberás de decidir si será solo una
muestra o si tienes la intención de generar algunas acciones que se
presentarán en el producto final.

15
 ESPACIO CURRICULAR: INTRODUCCIÓN A LA GESTIÓN DE CONTENIDOS DIGITALES
TSCDyM

También debes de considerar que la generación de un prototipo deberá de

ser significativamente más económica que el proyecto final que deseas
alcanzar.

● Prototipos Estáticos: son aquellos que no permiten la alteración de

sus componentes, pero sirven para identificar y resolver problemas
de diseño. En esta categoría se incluyen las presentaciones sobre
reproductores, papel u otro medio de visualización.
● Prototipos Dinámicos: permiten la evaluación de un modelo del
sistema sobre una estación de trabajo o una terminal. Estos
prototipos involucran aspectos de diseño más detallados que los
prototipos estáticos, incluyendo la validación del diseño del sistema
en términos de requerimientos no funcionales, por ejemplo de
performance.
● Prototipos Robustos: deben ser relativamente completos en la
simulación de las características dinámicas de la interfaz
(presentación de mensajes de error, entrada y edición de datos, etc.).
Esta categoría puede ser utilizada para validar los objetivos de
diseño.

El nivel de sofisticación del prototipo debe de incrementarse a lo largo del

diseño de interfaces de usuario. La información recolectada durante las
tareas de análisis del sistema y la especificación de los requisitos del usuario
constituyen los datos clave para el proceso de prototipación.

La interacción del usuario en el diseño de la UI

Shneiderman (1998) clasifica la interacción en 5 estilos primarios:

● Manipulación directa: Interacción directa con los objetos de la

pantalla: rápida, intuitiva y fácil de aprender.

● Selección de menús: El usuario selecciona un comando de una lista

de posibilidades. Esto evita errores del usuario, se requiere teclear poco
pero es lenta para usuarios experimentados.

● Llenado de formularios: Introducción de datos sencilla en los campos

de un formulario. Es fácil de aprender pero ocupa mucho espacio en la
pantalla.

16
 ESPACIO CURRICULAR: INTRODUCCIÓN A LA GESTIÓN DE CONTENIDOS DIGITALES
TSCDyM

● Lenguaje de comandos: Los usuarios emiten un comando especial y

los parámetros asociados para indicar al sistema qué hacer. Son
poderosos y flexibles pero difíciles de aprender, además, la
administración de errores es pobre.

● Lenguaje Natural: El usuario emite comando en lenguaje natural, esta

es accesible a usuarios casuales. Esto es fácil de ampliar pero se
requiere teclear más. Los sistemas de comprensión de lenguaje
natural poco a poco serán más fiables gracias al avance de la
Inteligencia Artificial tienen pasos agigantados.

Colores en el diseño de la interfaz de usuario.

El color ayuda y mejora la presentación

de la interfaz , permitiendo al usuario
comprender y manejar la complejidad.
Shneiderman (1998) establece los
siguientes lineamientos claves para la
utilización efectiva del color:

● Limitar el número de colores

utilizados y ser conservador al
momento de utilizarlos: No utilizar
más de 4 ó 5 colores diferentes en una
ventana y no más de 7 en la interfaz
total del sistema.
● Utilizar un cambio de color para mostrar un cambio en el estado
del sistema.
● Utilizar el código de colores para apoyar la tarea que los usuarios
están tratando de llevar a cabo.
● Utilizar el código de colores en una forma consciente y consistente.
● Ser cuidadoso al utilizar pares de colores.
● Si se utilizan muchos colores o sin son muy brillantes, el despliegue
puede ser confuso.

17
 ESPACIO CURRICULAR: INTRODUCCIÓN A LA GESTIÓN DE CONTENIDOS DIGITALES
TSCDyM

Pautas para evaluar el diseño de la interfaz de usuario

El Diseño eficiente en la Interfaz de

Usuario permite el fácil aprendizaje y
uso de las aplicaciones en donde su
interacción será basado en pantallas
múltiples y que permita pasar de una
tarea a otra sin perder la información.
Gracias a estos factores, mantendrá
una interacción rápida y acceso directo
a cualquier punto de la pantalla.
En resumen, podemos definir los
siguientes puntos. Los cuales nos lleva a los Principios de Usabilidad:

● Visibilidad del estado del sistema.

● Libertad y control del usuario.
● Correspondencia entre el sistema y el mundo real.
● Prevención de errores.
● Coherencia y estándares.
● Reconocer en lugar de recordar.
● Flexibilidad y eficiencia de uso.
● Diseño estético y minimalista.
● Ayuda y documentación.
● Ayudar a los usuarios a reconocer, diagnosticar y recuperarse de
errores.

18
 ESPACIO CURRICULAR: INTRODUCCIÓN A LA GESTIÓN DE CONTENIDOS DIGITALES
TSCDyM

Referencia bibliográfica:

● Kurmakaeva, Anastasia. Human level (2021). ¿Qué es una interfaz de

usuario o UI?.Retrieved October 28 , 2022, from
https://www.humanlevel.com/diccionario-marketing-online/interfaz-de
-usuario-ui
● "Interfaz". Autor: Equipo editorial, Etecé. De: Argentina. Para:
Concepto.de. Disponible en: https://concepto.de/interfaz/. Última
edición: 11 de noviembre de 2020. Consultado: 28 de octubre de 2022

● Ramirez Ivan. Efecto digital. Diseño de Interfaz de Usuario (UI).

Retrieved October 28 , 2022, from
https://www.efectodigital.online/single-post/2018/04/18/dise%C3%B1
o-de-interfaz-de-usuario-ui

● Workana. 2021. ¿Qué es Interfaz de usuario?. Retrieved October 28 ,

2022, from https://i.workana.com/glosario/interfaz-de-usuario/
● Servnet. García Iván Jahel Bautista.5 abr 2021. ¿Qué es lo que define
a una buena interfaz de usuario y cómo elegir?.Retrieved October 28 ,
2022, from
https://www.servnet.mx/blog/que-es-lo-que-define-a-una-buena-inter
faz-de-usuario-aqui-te-lo-decimos

Videos adjuntos:

● Tello Laddy Quezada. Teocom.17 mar 2021. Diseño de Interfaz. Retrieved

October 28 , 2022, from https://www.youtube.com/watch?v=AtTtvAz7z4U

● Rodrigues Alejandro. 17 oct 2016.Interfaces de usuario TIC. Retrieved October

28 , 2022, from https://www.youtube.com/watch?v=43_NdxPS_IQ

Estimados estudiantes hasta aquí llegamos

con esta clase . Espero sus consultas y
participación en el foro. Les deseo una buena
jornada.
¡Saludos!

19