Guías prácticas para planificar y lanzar un sitio web

Ilustración generada por IA

Preparar

Cómo escribir un informe de sitio web que ayude a las decisiones

Un resumen de sitio web útil hace que las propuestas sean comparables y les brinda a todos una forma compartida de decidir si el trabajo está completo. Explica el resultado esperado, las restricciones reales y los controles que probarán la entrega.

Lee la guía →

Ilustración generada por IA

Ilustrar

Cómo elegir y preparar imágenes de sitios web

Una imagen útil muestra una actividad, persona, lugar, producto o paso que el texto por sí solo no puede transmitir tan claramente. Selecciónelo para la página y la pregunta del visitante antes de editar o comprimir el archivo.

Lee la guía →

Ilustración generada por IA

Verificar

Una práctica lista de verificación previa al lanzamiento de un sitio web

Las pruebas previas al lanzamiento siguen las tareas que los visitantes intentarán completar. Encuentra bloqueadores antes de la publicación, respalda una decisión de liberación clara y mantiene un registro de lo que se verificó.

Lee la guía →

Ilustración generada por IA

contenido

Estructurar una página de servicio en torno a las preguntas reales de los clientes

Una página de servicio útil ayuda a los visitantes a decidir si una oferta se ajusta a su situación. Explica el resultado, el proceso, los límites y cómo empezar.

Lee la guía →

Ilustración generada por IA

Idiomas

Planifica un sitio web multilingüe que mantenga su significado

Cada versión de idioma publicada debe ser comprensible y utilizable desde la primera página hasta el mensaje de confirmación.

Lee la guía →

Ilustración generada por IA

Mantener

Mantener un sitio web después del lanzamiento

Los servicios, datos de contacto, el software y las expectativas de los visitantes cambian. Una breve revisión regular encuentra problemas antes de que los clientes lo hagan.

Lee la guía →

Ilustración generada por IA

Accesibilidad

Prueba la accesibilidad del sitio web a través de tareas reales

Una verificación útil sigue las tareas que los visitantes deben completar. Combina diferentes formas de navegar y registros donde una persona se queda atrapada.

Lee la guía →

Ilustración generada por IA

Medir

Medir si un sitio web ayuda a sus visitantes

Una medida debe apoyar una decisión. Antes de agregar una herramienta, defina qué deben hacer los visitantes y qué observación revelaría un problema real.

Lee la guía →

Ilustración generada por IA

emigrar

Migrar un sitio web sin perder contenido útil

Cambiar una plataforma o estructura de sitio afecta direcciones, enlaces y hábitos de visitantes. Planifique la página Mover por página del sitio que realmente existe.

Lee la guía →

Ilustración generada por IA

Rendimiento

Mejorar el rendimiento del sitio web página por página

Un sitio web rápido ayuda cuando la información y las acciones permanecen disponibles sin esperar ni un movimiento inesperado. Mida las páginas que importan antes de reducir los archivos al azar.

Lee la guía →

Ilustración generada por IA

presencia local

Planifique una presencia web local honesta y útil

Alguien que busca cerca quiere saber si realmente puede ayudar, en qué condiciones y cómo contactarlo. La información local debe responder esas preguntas sin pretender que hay una oficina.

Lee la guía →

Ilustración generada por IA

contenido

Organizar el contenido del sitio web para uso a largo plazo

Un sitio web completo depende menos de la frecuencia de publicación que del contenido que sigue siendo confiable, fácil de encontrar y mantener. Un proceso simple evita páginas abandonadas y versiones conflictivas.

Lee la guía →

Ilustración generada por IA

CMS

Elija un CMS en torno al trabajo real de su equipo

El sistema de gestión de contenido adecuado es uno que su equipo puede usar, mantener y dejar en términos conocidos. Comience con las tareas de publicación, luego examine los costos y las responsabilidades.

Lee la guía →

Ilustración generada por IA

formas

Diseñe un formulario de contacto que realmente ayude

Un formulario útil permite que alguien explique una solicitud sin un esfuerzo innecesario y entienda lo que sigue. Juzgue por el viaje completo, no por el clic del botón.

Lee la guía →

Ilustración generada por IA

Recuperación

Probar la restauración del sitio web antes de un incidente

Una copia de seguridad importa cuándo puede devolver el contenido y las funciones esperados al servicio. Un ensayo controlado revela archivos faltantes, dependencias pasadas por alto y el tiempo real necesario.

Lee la guía →

Ilustración generada por IA

Transmisión

tomar el control o entregar un sitio web con confianza

Un traspaso tiene éxito cuando el equipo receptor puede publicar, mantener, respaldar y desarrollar el sitio web. Una lista de contraseñas por sí sola no puede explicar las dependencias o las tareas operativas.

Lee la guía →

Ilustración generada por IA

Datos

Validar datos estructurados en un sitio web

El marcado válido no puede reparar una página inexacta. Comience con lo que ven los visitantes, luego inspeccione el código, los identificadores y cualquier elegibilidad para una presentación de búsqueda.

Lee la guía →

Ilustración generada por IA

Publicación

Publicar contenido accesible del sitio web todos los días

La accesibilidad se ve afectada por las personas que escriben, traducen y mantienen las páginas así como por el código. Una pequeña rutina de publicación puede prevenir muchas barreras.

Lee la guía →

Ilustración generada por IA

Catalogar

Prepare un catálogo de productos útil antes de construir la tienda

Un catálogo es una fuente viva de información. Los registros de productos completos y mantenibles ayudan a las personas a elegir y evitar que la tienda prometa algo que no está disponible o que no se describe mal.

Lee la guía →

Ilustración generada por IA

logros

Presentar el trabajo del proyecto y la evidencia sin exagerar

Un estudio de caso debería ayudar al lector a entender un método y un resultado concreto. Es más creíble cuando su contexto, el papel de cada contribuyente y los límites de la evidencia son fáciles de ver.

Lee la guía →

Ilustración generada por IA

Campaña

Planifique una campaña de sitio web estacional sin dejar páginas rancios

Una página de campaña debe responder rápidamente a una pregunta anticuada: ¿Qué se ofrece, a quién, hasta cuándo y bajo qué condiciones? Decida qué sucede después del evento antes de que comience.

Lee la guía →

Ilustración generada por IA

Investigación

Diseñe la búsqueda en el sitio que ayude a las personas a encontrar lo correcto

La búsqueda en el sitio es útil solo cuando conduce al contenido en el que una persona puede actuar. Su éxito depende tanto de los títulos y la calidad de los datos como del algoritmo y el cuadro de búsqueda.

Lee la guía →

Ilustración generada por IA

Alojamiento

Elija Hosting y conserve el control de su dominio

El dominio, DNS, correo electrónico, alojamiento y sitio web pueden ser suministrados por diferentes empresas. Una elección duradera comienza con un mapa de esas dependencias y las personas autorizadas a actuar.

Lee la guía →

Ilustración generada por IA

Venta

Pruebe una caja de comercio electrónico de principio a fin

Una buena página de producto no puede compensar un pedido que desaparece más tarde. Las pruebas de aceptación de la tienda siguen una compra completa y verifica lo que reciben tanto el cliente como el equipo de cumplimiento.

Lee la guía →

Ilustración generada por IA

ballestas

Verificar fuentes y evidencia en contenido web

La escritura fluida aún puede engañar cuando no se han verificado las cifras, fechas, capacidades o ejemplos. El trabajo editorial incluye mostrar de dónde provienen las afirmaciones importantes.

Lee la guía →

Ilustración generada por IA

incidentes

Preparar una respuesta a un incidente en el sitio web

Una interrupción, un formulario de contacto silencioso y una página incorrecta no tienen el mismo impacto. Un plan corto ayuda a un equipo a establecer hechos, reducir la interrupción y verificar la recuperación bajo presión.

Lee la guía →

Ilustración generada por IA

Reserva

Pruebe un viaje de reserva en línea

Una reserva exitosa debe coincidir con un espacio genuinamente disponible y tener sentido tanto para el cliente como para el equipo que lo honrará. Las pruebas van más allá del botón "Libro".

Lee la guía →

Ilustración generada por IA

Comparativo

Construya una comparación honesta de soluciones web

Una comparación útil respalda una decisión en un entorno específico. Explica lo que se intentó, lo que queda desconocido y por qué una solución puede adaptarse a un equipo pero no a otro.

Lee la guía →

Ilustración generada por IA

exigencias

Administrar consultas de sitios web después de la presentación

Una forma de trabajo es de poca utilidad cuando los mensajes permanecen en una bandeja de entrada compartida, llegan a la persona equivocada o nunca reciben una respuesta. Pon a prueba el viaje hasta su conclusión.

Lee la guía →

Ilustración generada por IA

Precios

Publicar precios y términos claros en un sitio web

Un precio ayuda a alguien a decidir sólo cuando su alcance, las posibles variaciones y el punto de confirmación son comprensibles. Los términos claros evitan solicitudes inadecuadas y promesas que el equipo no puede cumplir.

Lee la guía →

Ilustración generada por IA

evidencia

Publicar testimonios de clientes auténticos en un sitio web

Un testimonio útil describe una experiencia específica. Su valor depende de su origen, contexto y la capacidad de corregirlo o eliminarlo más adelante.

Lee la guía →

Ilustración generada por IA

recursos

Mantener enlaces y logotipos de terceros en un sitio web

Una tarjeta de recursos puede volverse engañosa incluso cuando su enlace aún funciona: una organización cambia el nombre, un servicio se mueve o un logotipo y una descripción se vuelven obsoletos.

Lee la guía →

Ilustración generada por IA

Fotografía

Plano de fotografía original para un sitio web

Las fotografías originales muestran un lugar, personas y trabajo como son. Una sesión productiva comienza con las necesidades de las páginas, antes de elegir la cámara o el telón de fondo.

Lee la guía →

Ilustración generada por IA

Equipo

Presentar un equipo y sus habilidades en un sitio web

Una página de equipo genera confianza cuando muestra quién hace qué y cómo se organiza el trabajo. Los roles, retratos y referencias obsoletos erosionan rápidamente ese valor.

Lee la guía →

Ilustración generada por IA

archivos

Publicar documentos descargables útiles y accesibles

Una descarga puede ayudar cuando el diseño debe conservarse o un archivo para más adelante. No debe ocultar la información esencial detrás de un apego pesado, anticuado o difícil de leer.

Lee la guía →

Ilustración generada por IA

Eventos

Mantenga las páginas de eventos del sitio web precisas y actuales

Una página de eventos debe responder rápidamente a las preguntas prácticas. También debe explicar qué sucede cuando cambian los tiempos, se alcanza la capacidad o termina el evento.

Lee la guía →

Ilustración generada por IA

Navegación web

Pruebe la navegación y los menús del sitio web

Un buen menú permite a las personas predecir a dónde lleva cada elección. Pruébalo contra las tareas de los visitantes, no solo la estructura imaginada por el equipo.

Lee la guía →

Ilustración generada por IA

filtros

Diseñar filtros útiles para un catálogo o directorio

Los filtros deben limitar una decisión real. Los controles adicionales sin datos confiables crean resultados vacíos, etiquetas inconsistentes y, a veces, una avalancha de URL de bajo valor.

Lee la guía →

Ilustración generada por IA

FAQ

Escribir y mantener un sitio web útil

Una pregunta frecuente no es una colección de reclamos de ventas disfrazados como preguntas. Ayuda cuando resuelve la incertidumbre común sin enviar lectores a todo el sitio.

Lee la guía →

Ilustración generada por IA

hoja informativa

Diseñe un útil viaje de registro de boletines

Un boletín útil comienza antes del primer correo electrónico: los lectores deben saber qué recibirán y si su registro tuvo éxito.

Lee la guía →

Ilustración generada por IA

Vídeo

Publicar videos accesibles y útiles en un sitio web

El video puede mostrar un proceso o explicar un viaje mejor que la prosa. Todavía necesita tener sentido cuando el sonido está apagado, los medios no pueden reproducirse o alguien busca un punto en particular.

Lee la guía →

Ilustración generada por IA

Datos

Haga que los gráficos y tablas de sitios web sean comprensibles

Un gráfico ayuda a la comparación solo cuando los lectores pueden recuperar sus ejes, valores y diferencias. La leyenda no puede llevar toda la explicación.

Lee la guía →

Ilustración generada por IA

diseño

Organice un sistema de diseño de sitios web consistente

La consistencia visual ayuda a las personas a reconocer las acciones y entender las páginas. Depende de las reglas probadas en viajes reales, no solo de un tablero de color.

Lee la guía →

Ilustración generada por IA

conexiones

Arregle 404 páginas y enlaces rotos de manera útil

Una página que falta no siempre es una falla: el contenido puede haber sido eliminado deliberadamente. El problema comienza cuando un enlace prometido termina abruptamente o una redirección engaña al visitante.

Lee la guía →

Ilustración generada por IA

Empleo

Publicar ofertas de trabajo claras en un sitio web

Una página de trabajo útil ayuda a los solicitantes a juzgar el trabajo, las condiciones y la ruta de solicitud. Debe permanecer preciso como un rol cambia, llena o cierra.

Lee la guía →

Ilustración generada por IA

Idiomas

Traducciones de sitios web de control de calidad más allá de las palabras

Se pueden traducir dos páginas frase por oración pero ofrecen diferentes experiencias. Las pruebas multilingües deben cubrir el viaje completo en cada idioma.

Lee la guía →

Ilustración generada por IA

Investigación de IA

Haga que el contenido sea útil en la búsqueda asistida por IA

Una respuesta generada puede vincular a una página, pero ningún formato garantiza una cita. El trabajo útil está haciendo que los hechos sean fáciles de encontrar, verificar y mantener.

Lee la guía →

Ilustración generada por IA

Imágenes

Preparar imágenes útiles para la búsqueda web

Una imagen relevante es más que su nombre de archivo. Su página, texto cercano y accesibilidad explican por qué merece ser mostrado.

Lee la guía →

Ilustración generada por IA

Rollos

Paginación de diseño para largas listas de sitios web

una lista que carga todo se vuelve lenta; Una lista cuyos elementos posteriores solo existen después de desplazarse puede dejar el contenido imposible de descubrir.

Lee la guía →

Ilustración generada por IA

formas

Escribir errores de formulario que ayuden a las personas a recuperar

Un error ayuda solo cuando alguien sabe lo que falló y puede reanudarse sin volver a ingresar todo.

Lee la guía →

Ilustración generada por IA

productos

Escribir páginas de productos que respalden una decisión

Una página útil le permite a una persona comparar y decidir sin adivinar el tamaño real, el contenido del paquete o las condiciones de compra.

Lee la guía →

Ilustración generada por IA

compartimiento

Preparar vistas previas para compartir para páginas web

Un enlace compartido puede ser el primer contacto de alguien con una página. Una vista previa vaga o recortada da pocas razones para abrirla y puede mostrar una vieja oferta.

Lee la guía →

Ilustración generada por IA

Investigación

Review website visibility in Search Console

Search Console ayuda a observar cómo Google descubre y presenta las páginas. Sus informes son útiles cuando se conectan a páginas importantes y preguntas de los visitantes.

Lee la guía →

Ilustración generada por IA

Lugar

Explicar cómo llegar a una ubicación comercial

Un mapa por sí solo no siempre responde "¿Qué puerta debo usar?" La página debería ayudar a alguien a planificar un viaje y reconocer la entrada correcta.

Lee la guía →

Ilustración generada por IA

recursos

Organizar una biblioteca de recursos del sitio web

Una biblioteca útil ayuda a las personas a seleccionar un recurso antes de descargarlo. Una cuadrícula de portadas y títulos vagos hace que los visitantes abran todos los archivos.

Lee la guía →

Ilustración generada por IA

Comparar

Diseñe una comparación de productos genuinamente útil

Una comparación ayuda cuando los productos son similares pero no intercambiables. Debe aclarar las diferencias que importan en uso en lugar de multiplicar las garrapatas.

Lee la guía →

Ilustración generada por IA

contenido

Retirarse o archivar el contenido del sitio web desactualizado

Una página antigua puede seguir siendo útil como referencia, volverse engañosa o perder su propósito por completo. La edad por sí sola no decide la acción.

Lee la guía →

Ilustración generada por IA

correo electrónico

Design useful confirmation emails after website forms

Después de registrarse, consultar o reservar, un visitante quiere saber qué llegó y qué hacer a continuación. El correo electrónico debe reflejar ese estado sin agregar una nueva promesa.

Lee la guía →

Ilustración generada por IA

Presupuesto

Calcule el costo total de un sitio web durante varios años

La cotización de compilación inicial describe solo una parte del presupuesto. Una comparación útil separa el gasto de lanzamiento, las tarifas recurrentes y el trabajo que el equipo aún necesita organizar.

Lee la guía →

Ilustración generada por IA

Calidad de los datos

Auditar y enriquecer datos de directorio o catálogo

La calidad del conjunto de datos se comprueba en todas las entradas. Una muestra ayuda a explicar los errores; No prueba que los registros restantes sean completos o precisos.

Lee la guía →

Ilustración generada por IA

ecodiseño

Ecodiseño un sitio web en torno a tareas útiles

Ecodiseño comienza con el propósito del servicio. Las imágenes más pequeñas ayudan, pero las características, los medios y el equipo necesario para usar el servicio también son importantes.

Lee la guía →

Ilustración generada por IA

Evaluación de IA

Evalúe una herramienta de IA antes de integrarla en un sitio web

Una demostración exitosa no prueba que una herramienta de IA se adapte a sus visitantes o equipo. La selección requiere casos de prueba, límites explícitos y una forma de reanudar la tarea.

Lee la guía →

Ilustración generada por IA

Caché de HTTP

Configure el almacenamiento en caché HTTP sin exponer datos privados

El almacenamiento en caché ayuda solo cuando la respuesta reutilizada es apropiada para el visitante y el momento del acceso. Una sola política para cada recurso puede ocultar una actualización o exponer una respuesta personalizada.

Lee la guía →

Ilustración generada por IA

cuentas

Administrar cuentas, permisos y recuperación de acceso

La seguridad de la cuenta cubre la creación, las acciones permitidas, la recuperación y el cierre. Una pantalla de inicio de sesión exitosa no muestra que un antiguo colaborador ha perdido el acceso o que la recuperación se controla adecuadamente.

Lee la guía →

Ilustración generada por IA

dependencias

Administrar las dependencias de software de un sitio web

Un complemento o biblioteca ayuda a crear un sitio pero crea una relación para mantener: versión, origen, compatibilidad, compatibilidad y despliegue. El trabajo útil comienza con un inventario conectado a las características reales.

Lee la guía →

Ilustración generada por IA

periódicos

Errores de registro sin exponer datos confidenciales

Los registros deberían ayudar a explicar y resolver una situación. Registrar cada detalle de solicitud crea volumen y puede copiar información que no debe dejar su flujo de trabajo original.

Lee la guía →

Ilustración generada por IA

Vientos alisios

Preparar importaciones y exportaciones de datos confiables

Un archivo que se abre no es necesariamente utilizable. El intercambio confiable conserva los significados de los campos, distingue valores desconocidos de cero y hace coincidir los registros sin tratar una etiqueta de visualización como un identificador frágil.

Lee la guía →

Ilustración generada por IA

Integraciones

Hacer que los webhooks y las integraciones de sitios web sean confiables

Una integración necesita más que la recepción de una notificación. Debe distinguir eventos válidos, duplicados, retrasos y procesamiento interrumpido para evitar repetir las operaciones comerciales.

Lee la guía →

Ilustración generada por IA

Contrato de API

Documente y pruebe una API de sus casos de uso

Una API útil permite que otro equipo entienda lo que puede solicitar y lo que recibirá. Su contrato debe ser comprobable, versionado y consistente con el servicio operativo.

Lee la guía →

Ilustración generada por IA

archivos

Prepare cargas de archivos de sitios web útiles y controladas

Un archivo adjunto introduce un viaje completo: selección, transferencia, verificación, visualización y eliminación. Necesita un propósito preciso y una persona identificada capaz de operar el flujo de trabajo.

Lee la guía →

Ilustración generada por IA

Abrir datos

Publicar datos abiertos comprensibles y documentados

Los datos descargables aún no son datos comprensibles. Un reutilizador necesita saber quién lo produjo, qué cubre, qué excluye y cómo interpretar sus campos.

Lee la guía →

Ilustración generada por IA

contribuciones

Organizar contribuciones y moderación a sitios web

Los comentarios, las revisiones, las correcciones y los registros propuestos requieren la organización después de la presentación. El formulario visible es solo el primer paso en un flujo de trabajo que debería soportar decisiones comprensibles.

Lee la guía →

Ilustración generada por IA

Desconectado

Prepare un sitio web para conexiones lentas e interrumpidas

Una conexión interrumpida no debería convertir una solicitud incierta en éxito anunciado. Decida primero lo que permanece legible, qué se puede preparar y qué requiere la confirmación del servidor.

Lee la guía →

Ilustración generada por IA

policía

Elija y pruebe fuentes web en todos los idiomas

La tipografía debe permanecer legible cuando una fuente llega tarde, las traducciones se hacen más largas y faltan caracteres. Una selección visual por sí sola no valida su integración.

Lee la guía →

Ilustración generada por IA

Consentement

Consentimiento de seguimiento de pruebas en viajes reales del sitio web

Un banner visible no establece que el sitio web aplique las opciones de las personas. Las pruebas de aceptación examinan la carga real y las tareas disponibles en cada estado. Este método operativo acompaña una evaluación de las normas aplicables al sitio; No proporciona certificación.

Lee la guía →

Ilustración generada por IA

Confiabilidad

Define and monitor website journey reliability

Un sitio web puede devolver HTTP 200 mientras su formulario falla o los pedidos nunca se registran. La confiabilidad debe describir el servicio que los visitantes realmente reciben, utilizando mediciones comprensibles y una respuesta acordada cuando disminuya la calidad.

Lee la guía →

Ilustración generada por IA

Certificats TLS

Automatice y verifique la renovación del certificado TLS

La emisión es solo un paso: el certificado correcto debe llegar a los navegadores en cada nombre de host y punto de entrada relevantes. Organice ese ciclo sin colocar claves privadas ni acceder a los detalles en el registro operativo.

Lee la guía →

Ilustración generada por IA

Cookies tiers

Prueba de viajes con cookies de terceros bloqueadas

Un visitante puede expresar una opción en el sitio web mientras su navegador aún bloquea el almacenamiento de terceros. Separe la elección del sitio web de la capacidad técnica del navegador: ambos necesitan pruebas.

Lee la guía →

Ilustración generada por IA

archivos

Limpiar un proyecto web sin romper el sitio

Una carpeta grande no se limpia solo por los nombres de sus archivos. Separe lo que sirve a los visitantes, lo que genera el sitio y lo que documenta las intervenciones; compruebe las dependencias antes de borrar.

Lee la guía →

Ilustración generada por IA

incidentes

Informar a los visitantes durante una interrupción

Explicar una interrupción ayuda a entender qué sigue siendo posible. Prepare el mensaje y el canal alternativo antes del incidente; después distinga los hechos confirmados de las estimaciones de recuperación.

Lee la guía →

Ilustración generada por IA

presencia local

Publicar horarios excepcionales fiables

Los horarios contradictorios pueden provocar un desplazamiento inútil. Establezca una referencia que separe atención al público, otros servicios y excepciones; publique solo horarios confirmados por el establecimiento.

Lee la guía →

Ilustración generada por IA

Emails

Comprobar la entrega de los correos del sitio

Un formulario puede guardar una solicitud aunque su aviso por correo falle. Separe registro, envío, recepción y respuesta para localizar el problema y recuperar la solicitud sin pedir al visitante que vuelva a empezar.

Lee la guía →

Ilustración generada por IA

DNS

Cambiar el DNS sin interrumpir web y correo

Trasladar el sitio, transferir el dominio y cambiar los servidores DNS son operaciones diferentes. Defina cuál se necesita, prepare la nueva zona y compruebe web y correo antes de retirar el servicio anterior.

Lee la guía →

Ilustración generada por IA

Indexación

Diagnosticar una página no indexada

Una página accesible puede no estar indexada. Investigue la dirección exacta y el motivo comunicado antes de cambiar contenidos, redirecciones o reglas de acceso.

Lee la guía →

Ilustración generada por IA

Arabe et RTL

Probar una interfaz árabe y textos bidireccionales

Traducir al árabe exige comprobar dirección, secuencias mixtas y recorridos completos. El texto correcto puede resultar ilegible si el navegador ordena mal un teléfono, un enlace o un identificador.

Lee la guía →

Ilustración generada por IA

Redirections

Preparar y probar un plan de redirecciones

Un plan de redirecciones relaciona una dirección antigua con un contenido nuevo equivalente. Su utilidad se comprueba abriendo enlaces reales, no contando reglas ni enviando indiscriminadamente las páginas retiradas a la portada.

Lee la guía →

Ilustración generada por IA

Préproduction

Proteger y comprobar la preproducción

Una preproducción debe permitir pruebas realistas sin exponer información privada ni activar operaciones de producción. Prepare acceso, datos y conexiones antes de compartir su dirección.

Lee la guía →

Ilustración generada por IA

Stockage navigateur

Probar almacenamiento local y exportación

Los datos guardados en el navegador pertenecen a ese entorno y pueden perderse. Explique dónde se conservan, permita obtener una copia y compruebe que la importación no destruye el trabajo que ya existe.

Lee la guía →

Ilustración generada por IA

Composants

Elegir componentes de interfaz útiles

Elija cada componente por la tarea que permite completar. Compare una solución HTML sencilla con la alternativa interactiva y describa estados, errores y recuperación antes de aprobar su aspecto.

Lee la guía →

Ilustración generada por IA

Dialogues

Diseñar y probar un diálogo modal

Un diálogo modal interrumpe una tarea. Reserve esa interrupción para una decisión acotada y prepare tanto la salida como la continuidad del trabajo; una ventana visualmente destacada no justifica bloquear toda la página.

Lee la guía →

Ilustración generada por IA

Accordéons

Organizar contenido desplegable

Un acordeón organiza información complementaria, pero no reduce la importancia de su contenido. El visitante debe reconocer qué encontrará en cada panel y localizar una respuesta aunque llegue por un enlace directo.

Lee la guía →

Ilustración generada por IA

Onglets

Elegir y comprobar pestañas

Los tabuladores cambian de vista dentro de un mismo contexto. Antes de elegirlos, compruebe si el visitante necesita comparar los contenidos al mismo tiempo o compartir una dirección que abra una vista concreta.

Lee la guía →

Ilustración generada por IA

Autocomplétion

Diseñar una selección con autocompletado

Escribir un texto y seleccionar una entidad son acciones diferentes. Una autocompleción fiable deja claro si acepta texto libre o exige un valor de catálogo y evita que una respuesta tardía cambie una elección reciente.

Lee la guía →

Ilustración generada por IA

Galeries

Elegir entre carrusel y galería

Una galería permite explorar imágenes; un carrusel añade estados y controles. Use ese comportamiento solo cuando aporte valor y asegure que una imagen importante no dependa de esperar una rotación automática.

Lee la guía →

Ilustración generada por IA

menú móvil

Probar navegación móvil y submenús

La navegación móvil debe conservar la organización y los destinos del sitio. Cambiar de ancho no debería dejar controles invisibles, un submenú imposible de cerrar o una persona sin saber dónde continúa su recorrido.

Lee la guía →

Ilustración generada por IA

Messages d’état

Redactar y anunciar estados de interfaz

Un mensaje de estado explica qué está ocurriendo sin obligar a buscarlo ni mover el foco innecesariamente. Distinga espera, éxito comprobado, ausencia de resultados y fallo recuperable.

Lee la guía →

Ilustración generada por IA

Tableaux

Publicar tablas de datos accesibles

Un cuadro de datos sirve para comparar relaciones entre filas y columnas. La estructura debe explicar cada cifra, su unidad y su contexto; una cuadrícula visual no basta para entender una comparación.

Lee la guía →

Ilustración generada por IA

Liens et boutons

Elegir enlaces y botones

Una etiqueta debe anticipar la acción: visitar una página, mostrar contenido, guardar o enviar. Elegir el control adecuado ayuda a comprender el efecto y a recuperar el recorrido cuando algo tarda o falla.

Lee la guía →

Ilustración generada por IA

Dates

Diseñar la introducción de fechas

Elegir una fecha no confirma automáticamente una reserva. Distinga fecha, hora, zona horaria y disponibilidad, y permita comprender o corregir la selección sin depender únicamente de un calendario visual.

Lee la guía →

Ilustración generada por IA

Réordonner

Reordenar elementos sin arrastrarlos

Reordenar contenido necesita una alternativa al arrastre y un resultado comprensible. Prepare comandos que permitan mover un elemento sin precisión motriz y explique si el nuevo orden es provisional o está guardado.

Lee la guía →

Ilustración generada por IA

Priorizar las correcciones de un sitio con pruebas

Priorizar las correcciones de un sitio con pruebas

Una prioridad vincula un problema observado, sus consecuencias y una comprobación final. Un número aislado no basta.

Lee la guía →

Ilustración generada por IA

Relacionar intenciones de búsqueda con páginas útiles

Relacionar intenciones de búsqueda con páginas útiles

Cada página debe responder a una necesidad concreta y permitir una siguiente acción coherente. Revise lo que existe antes de crear nuevas URL.

Lee la guía →