INTERFAZ IDEAL
INTERFAZ TERRIBLE
PRINCIPIOS UX
PRINCIPIOS UI
EJEMPLOS DE INTERFACES
100

Sigue patrones predecibles, lo que permite al usuario aprender rápido.

CONSISTENTE Y ACCESIBLE

100

Presenta demasiados elementos visuales y opciones, causando confusión y desorientación.

SOBRECARGADA

100

ELIMINA ELEMENTOS INNECESARIOS PARA EVITAR LA CARGA COGNITIVA

SIMPLICIDAD Y CLARIDAD

100

UTILIZAR TAMAÑO, COLOR Y CONTRASTE PARA DESTACAR ELEMENTOS IMPORTANTES

JERARQUIA VISUAL

100

Búsquedas rápidas, visualización clara del mapa, interacción táctil intuitiva y proporciona información en tiempo real.

GOOGLE MAPS

200

El sistema informa al usuario sobre lo que está ocurriendo (ej. estados de carga).

FEEDBACK INMEDIATO

200

Obliga al usuario a adivinar cómo realizar funciones básicas.

INTUITIVIDAD NULA

200

ESTRUCTURA LA INFORMACION PARA QUE SEA FACIL DE ENCONTRAR PRIORIZANDO EL PULGAR

NAVEGACION EFICIENTE

200

APLICAR ESPACIADO ADECUADO PARA MEJORA LA LEGIBILIDAD Y SEPARAR ELEMENTOS

ESPACIO EN BLANCO

200

Su interfaz es alabada por su sencillez y facilidad de uso, permitiendo encontrar y reproducir contenido rápidamente

YOU TUBE

300

Ejemplos modernos incluyen interfaces de voz (VUI) o diseños táctiles que imitan interacciones físicas

NATURAL

300

En videojuegos, menús que rompen la inmersión o son ilegibles.

DISONANCIA

300

PERMITIR AL USUARIO DESHACER, CANCELAR O GUARDAR ACCIONES FACILMENTE

CONTROL DEL USUARIO

300

PROPORCIONAR MICROINTERACCIONES INMEDIATAS AL TOCAR BOTONES O CARGAR DATOS

RETROALIMENTACION VISUAL

300

Elogiada por su minimalismo: un solo botón para realizar la acción principal, sin distracciones.

SIMPLE SPEED TEST

400

Reduce la sobrecarga de información limitando opciones. Utiliza la divulgación progresiva, mostrando solo lo necesario.

INTUITIVA Y MINIMALISTA

400

Elementos difíciles de alcanzar (botones pequeños), falta de contraste, o acciones irreversibles.

ERRORES DE DISEÑO

400

MANTENER COHERENCIA EN EL DISEÑO Y COMPORTAMIENTO PARA GENERAR CONFIANZA

CONSISTENCIA

400

COLOCAR LOS ELEMENTOS INTERACTIVOS PRINCIPALES AL ALCANCE DE LA MANO

DISEÑO DEL PULGAR

400

Interfaces que no dividen el proceso en pasos y provocan fatiga

FORMULARIO MUY LARGOS
500

Diseño minimalista con menús ocultos deslizables que priorizan la acción principal.

EJEMPLO

500

Pantallas saturadas donde el usuario no sabe dónde hacer clic o menús de juego que bloquean la visión.

EJEMPLO

500

DISEÑAR BASANDOSE EN LAS NECESIDADES REALES Y PRUEBAS, NO SOLO EN SUPOSICIONES

CENTRANDO EN EL USUARIO

500

ASEGURAR QUE LOS ELEMENTOS SEAN LO SUFICIENTEMENTE GRANDES PARA INTERACTUAR CON ELLOS (MINIMO 44x44 PUNTOS)

ACCESIBILIDAD

500

Ampliamente criticado por forzar una interfaz táctil en ordenadores de escritorio, eliminando el botón de inicio clásico.

WINDOWS 8

M
e
n
u