Diseño Web
Actividad creativa que tiene por fin proyectar objetos que sean útiles y estéticos.
El diseño web se refiere al diseño de sitios web, pero no se limita al diseño de interfaces, sino que se refiere a los aspectos de la experiencia del usuario. El diseño web implica trabajo relacionado con el layout y diseño de las páginas, así como la producción de contenido.
Lean UX
La metodología Lean consiste en crear productos centrados en los usuarios, disminuyendo su riesgo y acelerando el proceso productivo. Lean UX es un método innovador que mejora la experiencia del usuario y garantiza el éxito de tu página Web.
.png)
Si alguna vez has dicho una de estas 7 frases ¡Necesitas soporte técnico WordPress urgentemente!
Human Centered Design
https://www.youtube.com/watch?v=yY96hTb8WgI
Design Thinking
El Design Thinking es una metodología para la creación productos (Product Design**) o servicios (Service Design) innovadores que satisfagan en mejor manera las necesidades de los usuarios haciéndolos parte activa del proceso de creación.
UX (User eXperience)
UX es lo que un usuario percibe o siente cuando interactúa con un sistema o servicio.
La experiencia del usuario abarca todos los aspectos de la interacción del usuario final con la empresa, sus servicios y sus productos
¿Qué es Diseño UX? Los Conceptos Erróneos más Comunes y Mitos de UX
Usabilidad
Es la facilidad con que las personas pueden utilizar una herramienta particular o cualquier otro objeto fabricado por humanos con el fin de alcanzar un objetivo concreto.
Utilidad
Es la funcionalidad misma, la que permite que un producto cumpla el objetivo para el que fue creado sin problemas.
Accesibilidad
Se referiere a un diseño que permite percibir, entender, navegar e interactuar con facilidad a cualquier persona.
Investigación
UX research o User Research son dos formas de denominar lo mismo: la investigación sobre la experiencia de un usuario en nuestro sitio web. Es decir, su comportamiento, sus motivaciones y sus necesidades.
La investigación permite conocer mejor al usuario, descubrir qué espera de nuestra web y así poder adaptar la navegación, los textos y la estructura a lo que el usuario está esperando.
- Detectar las Metas para la Marca
- Estudio de modelo de negocio.
- Análisis de objetivos comerciales
- Identificar el problema a resolver.
- Investigación de las Necesidades.
- Investigación de Usuarios
- Definir perfiles de usuarios.
- Entrevistas
- Encuestas
Arquitectura de la información (IA)
La arquitectura de información se refiere al diseño estructural de un sitio web, se encarga de organizar, etiquetar y diseñar sistemas de búsqueda y navegación que permite dar estructura, encontrar el camino, completar objetivos y dar sentido a la información de un página para ser comprensible.
Se basa en disciplinas como la biblioteconomía, psicología cognitiva, modelos mentales, toma de decisiones, diseño y arquitectura.
Sus objetivos son:
- Organización: Descarto lo que no necesito, dejo lo que si y agrupo.
- Estructura: Estructuro en función de lo mas necesario.
- Clasificación: En dónde va cada cosa según la agrupación y la importancia.
- Jerarquía: Que es lo más importante para el usuario y que es lo mas importante para el negocio.
- Etiquetar: El contenido que acaba de jerarquizar le doy un nombre para que sea fácil de encontrar y de reconocer fácilmente.
- Navegación: Cómo va a navegar el usuario entre el contenido
- Búsqueda: Cómo encontrará el usuario la información rápidamente.
Qué es: Arquitectura de Información (IA)
Actividades
- Card Sorting
- User Journey map
Resultados
Mapa de Sitio
Bocetos y wireframes
Leyes de Gestalt
- Ley de la proximidad: Los elementos parecidos son percibidos como pertenecientes a la misma forma. Nuestro cerebro agrupa cosas que tienen alguna propiedad visual común, como el color o el movimiento.
- Ley de la similitud: Los elementos parecidos son percibidos como pertenecientes a la misma forma. Nuestro cerebro agrupa cosas que tienen alguna propiedad visual común, como el color o el movimiento.
- Ley de continuidad: Los elementos orientados en la misma dirección, tienden a organizarse de forma determinada.
- Ley del contraste: Un elemento se distingue del resto por su singularidad, por su especifidad. Un objeto puede contrastar con otros por color, forma, tamaño, cualidades intrínsecas del propio objeto, etc.
- Ley de la clausura: Nos dice que si una línea forma una figura cerrada, o casi cerrada, tendemos a ver una figura superficial encerrada por una línea, en lugar de ser simplemente una línea.
La percepción visual: las leyes de la Gestalt
Las leyes de la Gestalt ejemplificadas y explicadas con logotipos
Diseño de Interacción (IxD)
El diseño de interacción (IxD) define la estructura y el comportamiento de sistemas interactivos.
Qué es: Diseño de Interacción (IxD)
Flujos de Usuario
33 Excellent User Flow Examples For Inspiration | UI UX - Bashooka
Prototipado
USER JOURNEY VS USER FLOW : In Figma?
5 ways to level up your prototyping workflow in Figma
Principios de Usabilidad
10 Principios de usabilidad para diseño de interfaces de usuario
Diseño de Interfaz de Usuario (UI)
Una interfaz es la conexión física y funcional que se establece entre dos sistemas o dispositivos que funcionan independientemente uno del otro.
Una interfaz de usuario hace referencia a la interfaz con la que las personas interaccionan con las máquinas, ya sea mediante una pantalla, texto o voz.
- Voice User Interface (VUI)
- Text User Interface (TUI)
- Graphical User Interfaces (GUI)
UI: ¿qué es una interfaz de usuario?
Diseño visual
El diseño de interfaces de usuarios gráficas debe contar con un diseño visual, el cuál será lo primero que el usuario vea al ingresar a una página web.
El diseño visual incluye la definición de una guía de estilo o guia de identidad donde se definen las paletas de color, tipografía, iconos e imágenes (etc).
Sistemas de Diseño
Un sistema de diseño es una serie de patrones interconectados y prácticas de diseño organizadas de manera coherente para crear productos digitales
Un sistema de diseño define Estándares, patrones y componentes que se deben respetar a la hora de hacer algún diseño de UI, los sistemas de diseño deben ser eliminar la ambiguedad y la subjetividad, que generan fricción y confusión en el proceso de diseño.
16 Sistemas de Diseño de grandes empresas
Sistemas de Diseño - Tesseract Space
Atomic Design
Sistemas de diseño con Atomic Design - Tesseract Space
Recopilación de Datos - Feedback
Pruebas UX Para las Masas: Mantenlo Simple y Rentable
Test Guerrilla
Se trata de probar un producto con usuarios reales (5) sin darles indicaciones, y analizar su comportamiento y flujo con el producto.
A/B Testing
El A/B Test consiste en desarrollar y lanzar dos versiones de un mismo elemento y medir cuál funciona mejor. Es una prueba que nos sirve para optimizar una estrategia de email marketing o mejorar la efectividad de una landing page.
¿Qué es el A/B Testing? - Diccionario de Marketing 40deFiebre
Pruebas de Usabilidad
El objetivo es identificar cualquier problema de usabilidad, recopilar datos cualitativos y cuantitativos y determinar la satisfacción del participante con el producto.
Qué son: Pruebas de Usabilidad
Analytics
Se trata de medir el trafico de un sitio web según los diferentes tipos de usuario, se trata de estadísticas sobre la audiencia, su comportamiento y navegación dentro de una página web.
Permite descubrir.
- Saber lo que les gusta y lo que no.
- Su procedencia geográfica
- Dispositivo utilizado: Smartphone, Tablet u Ordenador
- Cómo encontró nuestra página.
- Por dónde se van de nuestra web.
- Que les gusta y que no de lo que ofrecemos.