Diseño de

interfaz de
Usuario
Ing. Sistemas de Información
 TEMAS:
1. Fundamento 2. Principios y 3. Validación de las
diseño gráfico Herramientas para Interfaces de
diseño de Interfaces Usuarios (UI)
de Usuarios (UI).

MSc. Roberto José Solís Guerrero

rsolis@unan.edu.ni
8817-4513
 Interfaz de usuario UI
01 Comprende todos los puntos de contacto
entre el usuario y el equipo.

Tipos de interfaces de Usuario

02 Interfaz de hardware Y Software
TABLA DE
CONTENIDOS Experiencias de Usuario UX
03 Resultado una percepción positiva o
negativa de dicho servicio, producto o
dispositivo.
Elementos de experiencias de
04
usuario
01
INTERFAZ DE
USUARIO UI
Es el punto de interacción y
comunicación humano-
computadora en un dispositivo
 La interfaz de usuario juega un papel
importante en el desarrollo y puesta en
marcha de todo sistema.

Interfaz de Es la carta de presentación del sistema y

en ocaciones resulta determinante para
Usuario la aceptacion o rechazo de toso
proyecto
 Interfaces de
Usuarios
Normalmente suelen ser fáciles de
entender y fáciles de accionar, aunque en
el ámbito de la informática es preferible
referirse a que suelen ser "usables",
"amigables e intuitivos" porque es
complejo.

En promedio, se estima que el 35% al 45% de los gastos

son destinados a un proyecto de diseño e implementación
de la interfaz
Principales clasificación de los tipos de interfaces
de usuario

CLI GUI NUI

• Interfaz de línea • Interfaz Gráfica • Interfaz Natural
de Comandos de Usuario de usuario
 Tipos de Interfaces de usuario

GUI CLI MENÚ

Interfaz de linea de Interfaz de usuario basada en

Interfaz gráfica de Usuario
comandos menús

TÁCTIL VUI FORMULARIOS

Interfaz basada en
Interfaz de Usuario táctil Interfaz de usuario de Voz
Formularios
¿Por qué es necesario
hacer una buena UI?

Ejemplos de algunos
errores
 Principios del diseño UI
Familiaridad Uniformidad
• La interfaz debe usar términos y • La interfaz debe ser uniforme,
conceptos familiares al usuario y al operaciones comparables deben
dominio de aplicación funcionar de la misma manera
Leer los 10 Principios heurísticos de
Jakob Nielsen
Diversidad de Usuarios: Guía de Usuarios
• Retroalimentación significativa y
• La interfaz debe estar orientada a
coherente al ocurrir errores y
todos los tipos de usuarios del características de ayuda sensibles al
sistema (Novatos, expertos, contexto
daltónicos, discapacitados, etcétera)
Mínima Sorpresa
• El comportamiento del sistema no
debe provocar sorpresa al usuario.
El sistema debería comportarse de
la forma más predecible posible.
Recuperabilidad
• a interfaz debe permitir al usuario
recuperarse de errores, o al menos,
ayudarle a evitarlos.
 Difrencias entre UI Y UX

UI UX
vs
Diseño Visual Diseño de interacción

Marca investigación de usuarios

Atractivo Usabilidad

Diseño Navegación

Maquetas Escenarios
EXPERIENCIA DE USUARIOS
UX
 UX

“El producto es más que solo un producto. Es un conjunto

integrado de experiencias, y deben considerarse cada una de las
etapas, desde la intención inicial hasta la reflexión final, desde
USERNAME el primer uso hasta el soporte, servicio y mantenimiento”.
PASSWORD

LOGIN
 ¿ Que es UX Desing?

En pocas palabras, el diseño de experiencia de usuario, o UX Design, es un

campo del diseño cuya prioridad es la relación que el usuario desarrollará
con la compañía, el producto y/o los servicios, desde el primer hasta el
último día.

Esta interacción va desde el uso de una App hasta abrir un paraguas, y estas
experiencias provocan opinión y emoción que se asocia con el producto en LOGIN

cuestión. Resultará frustrante o satisfactorio, de alta calidad o deficiente, NEW ACCOUNT

representativo u olvidable, simple o complejo, imprescindible o innecesario.

 Diferencias entre Ux y UI
El UX Design tiene como
objetivo realizar un proceso
analítico de todo el panorama
UI parte de esas soluciones y
englobado dentro de
da forma a todos los
experiencias relacionadas con
elementos visuales y tangibles
el producto.
con los que el usuario podrá
interactuar.
Mientras UX intenta delimitar
soluciones a los problemas del
En ese sentido, ambos deben
proyecto en búsqueda de la
trabajar de forma armónica
mejor experiencia unificada
para desarrollar el producto.
 Uno de los pilares
fundamentales del
diseño UI son los
principios del diseño
gráfico
 ¿Qué hace que una experiencia de usuario sea buena?

Para aspirar tener un exitoso diseño de experiencia es necesario

entender en profundidad lo que el usuario desea, valora y necesita.
No depende de un solo factor. Cada interacción tiene su propio
potencial y cada diseño tiene sus propios objetivos. Shani
Sharabani, UX Designer de Wix, de hecho, explica:

“la clave para un buen UX Design consiste en anticipar lo que

quiere el usuario y dárselo incluso antes de que lo pida”.
7 principios indispensables para desarrollar un buen UX
Desing
Si un producto no es utilizable, pocos lo querrán. Si es capaz de hacer las tareas del día a día más fáciles y eficientes tendrá muchas más
Utilizable probabilidades de triunfar.

¿El producto o servicio cumple con un propósito? Uno de los primeros indicativos de un buen UX Design es la utilidad del producto final
Útil
Qué tan lejos puede llegar un producto si su audiencia objetiva no tiene idea de dónde comprarlo?
Encontrable
La credibilidad está relacionada con la reputación y la honestidad de la marca y, por tanto, la confianza que despierta en sus clientes.
Confiable
Fomentar una sensación de expectación entre la marca y el usuario es fundamental para ser más deseable, y se puede lograr creando
Deseable expectativa por los nuevos productos, eventos especiales.

Mejorar la accesibilidad está directamente relacionado con eliminar tantos obstáculos como sean posibles entre el producto y el cliente, esto a
Accesible su vez también incluye limitaciones y discapacidades que puedan tener los usuarios.

Dar valor a la marca es la columna principal de UX. Esta es la suma de todas las características individuales mencionadas anteriormente.
Valorable
Etapas para comprender al usuario y optimizar el producto antes del
lanzamiento:

Investigar Diseñar Finalizar, lanzar y repetir

Idear y Definir Analizar Probar

“ El que nace para
diseñador del cielo
le cae el color”

Gracias!