Diseño web
Probar un prototipo con tareas en lugar de preguntar si gusta
Prepara pruebas sencillas de un prototipo, observa dudas sin dirigir al participante y convierte hallazgos en cambios concretos de diseño.
3 min de lecturaLeer guía
CUADERNO OVAN / APRENDE Y APLICA
Diseño web y UX
Arquitectura, navegación y decisiones de interfaz para que una web sea fácil de entender y utilizar.
Guías de Diseño web
30 guías · Página 2 de 3
Diseño web
Diseñar estados vacíos que expliquen cómo continuar
Prepara respuestas útiles cuando una búsqueda o listado no muestra resultados, diferenciando falta de datos, filtros activos y errores de carga.
3 min de lecturaLeer guía
Diseño web
Cuándo dividir un formulario largo en varios pasos
Evalúa si un formulario necesita etapas, define grupos comprensibles y conserva los datos al avanzar o retroceder sin ocultar requisitos importantes.
3 min de lecturaLeer guía
Diseño web
Cuándo las migas de pan ayudan a orientarse en un catálogo
Usa migas de pan para explicar la ubicación de una página, especialmente en catálogos profundos, sin confundir jerarquía con historial de navegación.
3 min de lecturaLeer guía
Diseño web
Diseñar un buscador interno que entienda el catálogo del negocio
Define qué contenido debe encontrar el buscador, revisa términos y resultados vacíos, y evita prometer una búsqueda inteligente sin comprobarla.
3 min de lecturaLeer guía
Diseño web
Elegir filtros de catálogo que ayuden a decidir
Selecciona filtros basados en diferencias relevantes, muestra selecciones activas y evita combinaciones que el visitante no puede interpretar.
3 min de lecturaLeer guía
Diseño web
Paginación o cargar más: elegir cómo recorrer un listado
Compara páginas numeradas, carga adicional y desplazamiento continuo según la tarea, el regreso al listado y el acceso al contenido posterior.
3 min de lecturaLeer guía
Diseño web
Diseñar páginas que se puedan compartir sin perder el contexto
Comprueba que enlaces a productos, filtros o contenidos abren un estado útil para otra persona y evita depender de una sesión previa del navegador.
3 min de lecturaLeer guía
Diseño web
Diseñar dos idiomas como recorridos completos
Revisa menús, formularios y contenido al crear una web bilingüe, manteniendo el contexto del visitante y evitando traducciones visualmente incompletas.
3 min de lecturaLeer guía
Diseño web
Escribir instrucciones breves que eviten errores en formularios
Ajusta etiquetas, ejemplos y ayudas para explicar qué dato se espera, cuándo es necesario y cómo corregirlo sin convertir el formulario en un manual.
3 min de lecturaLeer guía
Diseño web
Cuándo una cabecera fija ayuda y cuándo estorba
Evalúa una cabecera fija según espacio, navegación y contenido, comprobando que no cubra títulos, formularios ni controles al desplazarse o ampliar.
3 min de lecturaLeer guía
Diseño web
Estructurar una landing para una oferta concreta
Organiza una página de destino alrededor de una oferta específica, con contexto, condiciones y un contacto coherente con la expectativa del visitante.
3 min de lecturaLeer guía
No encontramos esa búsqueda.
Prueba con una palabra más amplia o explora otro tema.