[{"data":1,"prerenderedAt":611},["ShallowReactive",2],{"blog-posts":3,"post-\u002Fes\u002Fblog\u002Fcomo-escribir-un-informe-de-bugs":177},[4,19,30,39,49,55,62,71,78,84,91,99,105,114,121,128,135,142,149,156,163,170],{"path":5,"title":6,"description":7,"date":8,"modified":9,"locale":10,"category":11,"image":12,"translationKey":18},"\u002Fblog\u002Fbest-website-feedback-tools","How to Choose a Website Feedback Tool (2026 Checklist)","How to choose the best website feedback tool in 2026: tool types, a 12-point checklist, a free scoring template and a one-week client trial plan.","2026-10-07T09:00:00+00:00","2026-10-08T09:00:00+00:00","en","guides",{"src":13,"card":14,"alt":15,"width":16,"height":17},"\u002Fwp-content\u002Fuploads\u002F2023\u002F09\u002Fscreencode_7_Bug_tracker_GiveFeedback.jpg","\u002Fwp-content\u002Fuploads\u002F2023\u002F09\u002Fscreencode_7_Bug_tracker_GiveFeedback-400x250.jpg","Code on a screen, illustrating how to choose a website feedback tool",1200,630,"feedback-tools",{"path":20,"title":21,"description":22,"date":8,"modified":8,"locale":10,"category":23,"image":24,"translationKey":29},"\u002Fblog\u002Fclient-website-approval","Client Website Approval: How to Get Sign-Off Without Delays","Client website approval made simple: the 5 approval stages, a revision-limit contract clause, a sign-off email template and a checklist you can reuse.","workflow",{"src":25,"card":26,"alt":27,"width":28,"height":16},"\u002Fwp-content\u002Fuploads\u002F2023\u002F06\u002FAutomating-Project-Management-for-Efficiency-Sized.jpg","\u002Fwp-content\u002Fuploads\u002F2023\u002F06\u002FAutomating-Project-Management-for-Efficiency-Sized-400x250.jpg","Two people reviewing a printed document with a pen, ready for client website approval",1920,"client-approval",{"path":31,"title":32,"description":33,"date":8,"modified":8,"locale":10,"category":11,"image":34,"translationKey":38},"\u002Fblog\u002Fhow-to-collect-client-feedback-on-a-website","How to Collect Client Feedback on a Website (Step by Step)","How to collect client feedback on a website: compare 5 methods, run a clean review round step by step, and copy our sample briefing email for clients.",{"src":35,"card":36,"alt":37,"width":16,"height":17},"\u002Fwp-content\u002Fuploads\u002F2023\u002F07\u002FFree_Bug_tracking_web_Designer_GiveFeedback.jpg","\u002Fwp-content\u002Fuploads\u002F2023\u002F07\u002FFree_Bug_tracking_web_Designer_GiveFeedback-400x250.jpg","Web designer at a desk reviewing client feedback on a website","client-feedback",{"path":40,"title":41,"description":42,"date":8,"modified":8,"locale":43,"category":11,"image":44,"translationKey":48},"\u002Fes\u002Fblog\u002Fanotar-capturas-de-pantalla-web","Cómo anotar capturas de pantalla de una web (y enviarlas)","Aprende a anotar capturas de pantalla de una web con Recortes, Markup, el navegador, apps dedicadas o un widget de feedback. Comparativa, precios y ejemplos.","es",{"src":45,"card":46,"alt":47,"width":16,"height":17},"\u002Fwp-content\u002Fuploads\u002F2023\u002F07\u002FFree_Bug_tracking_office_colours_pc_GiveFeedback.jpg","\u002Fwp-content\u002Fuploads\u002F2023\u002F07\u002FFree_Bug_tracking_office_colours_pc_GiveFeedback-400x250.jpg","Persona en un ordenador anotando capturas de pantalla de una web para el desarrollador","screenshot-annotation",{"path":50,"title":51,"description":52,"date":8,"modified":8,"locale":43,"category":23,"image":53,"translationKey":29},"\u002Fes\u002Fblog\u002Faprobacion-cliente-proyecto-web","Aprobación del cliente en un proyecto web: cómo conseguirla","Aprobación del cliente en un proyecto web: las 5 fases, una cláusula para limitar revisiones, un email de aprobación listo para copiar y una checklist.",{"src":25,"card":26,"alt":54,"width":28,"height":16},"Dos personas revisan un documento con un bolígrafo antes de la aprobación del cliente en un proyecto web",{"path":56,"title":57,"description":58,"date":8,"modified":8,"locale":43,"category":23,"image":59,"translationKey":61},"\u002Fes\u002Fblog\u002Fcapturas-anotadas-en-asana","Capturas anotadas en Asana: cómo llevar el feedback web a tareas","Cómo llevar capturas anotadas y feedback web a Asana: adjuntos, Proofing, correo al proyecto, formularios o tareas automáticas desde un widget, comparados.",{"src":13,"card":14,"alt":60,"width":16,"height":17},"Capturas anotadas de una web convertidas en tareas de Asana","asana",{"path":63,"title":64,"description":65,"date":8,"modified":8,"locale":43,"category":11,"image":66,"translationKey":70},"\u002Fes\u002Fblog\u002Fchecklist-qa-web-antes-de-lanzar","Checklist web: más de 60 comprobaciones antes de lanzar","Checklist web con más de 60 comprobaciones por áreas: formularios, enlaces, móvil, navegadores, velocidad, SEO y accesibilidad, con plantilla Excel gratis.",{"src":67,"card":68,"alt":69,"width":16,"height":17},"\u002Fwp-content\u002Fuploads\u002F2023\u002F08\u002FFree_Bug_tracker_people_pc_GiveFeedback.jpg","\u002Fwp-content\u002Fuploads\u002F2023\u002F08\u002FFree_Bug_tracker_people_pc_GiveFeedback-400x250.jpg","Persona revisando una web con una checklist QA antes del lanzamiento","qa-checklist",{"path":72,"title":73,"description":74,"date":8,"modified":8,"locale":43,"category":11,"image":75,"translationKey":77},"\u002Fes\u002Fblog\u002Fcomo-escribir-un-informe-de-bugs","Plantilla de reporte de errores (bugs): gratis, con ejemplos","Plantilla de reporte de errores gratis en Excel y Word, con ejemplos de un informe de bugs bueno y uno malo, y los campos que importan en una web.",{"src":13,"card":14,"alt":76,"width":16,"height":17},"Código JavaScript en una pantalla, ilustrando cómo escribir un informe de bugs de una web","bug-report",{"path":79,"title":80,"description":81,"date":8,"modified":8,"locale":43,"category":11,"image":82,"translationKey":38},"\u002Fes\u002Fblog\u002Fcomo-recoger-feedback-de-clientes-en-una-web","Cómo pedir feedback a un cliente sobre su web (paso a paso)","Cómo recoger feedback de clientes en una web: 5 métodos comparados, un proceso de revisión paso a paso y un email de ejemplo para explicárselo al cliente.",{"src":35,"card":36,"alt":83,"width":16,"height":17},"Diseñador web en su mesa revisando el feedback de clientes sobre una web",{"path":85,"title":86,"description":87,"date":8,"modified":8,"locale":43,"category":23,"image":88,"translationKey":90},"\u002Fes\u002Fblog\u002Ffeedback-web-en-notion","Bugs en Notion: gestiona el feedback de tu web paso a paso","Cómo gestionar bugs en Notion en proyectos web: propiedades de la base de datos, vistas tablero y rutina de triaje, y cómo recibir el feedback del cliente solo.",{"src":25,"card":26,"alt":89,"width":28,"height":16},"Equipo organizando bugs y feedback de clientes de una web en Notion","notion",{"path":92,"title":93,"description":94,"date":8,"modified":8,"locale":43,"category":95,"image":96,"translationKey":98},"\u002Fes\u002Fblog\u002Fherramientas-gratis-seguimiento-bugs","Herramientas gratis de seguimiento de bugs para webs (2026)","Herramientas gratis de seguimiento de bugs para equipos web: GitHub Issues, Jira, Trello, Linear, Notion, Asana y feedback visual, con límites comprobados.","comparisons",{"src":67,"card":68,"alt":97,"width":16,"height":17},"Equipo revisando incidencias en una herramienta gratis de seguimiento de bugs","free-bug-tracking",{"path":100,"title":101,"description":102,"date":8,"modified":9,"locale":43,"category":11,"image":103,"translationKey":18},"\u002Fes\u002Fblog\u002Fmejores-herramientas-feedback-visual-web","Cómo elegir una herramienta de feedback visual para tu web","Cómo elegir entre las herramientas de feedback visual web en 2026: tipos, checklist de 12 criterios, plantilla de puntuación y prueba de una semana.",{"src":13,"card":14,"alt":104,"width":16,"height":17},"Código en una pantalla, ilustración de cómo elegir entre herramientas de feedback visual web",{"path":106,"title":107,"description":108,"date":8,"modified":8,"locale":43,"category":11,"image":109,"translationKey":113},"\u002Fes\u002Fblog\u002Fpruebas-de-aceptacion-uat-web","Pruebas de aceptación de usuario (UAT): ejemplos y plantilla","Qué son las pruebas de aceptación de usuario (UAT), diferencias con el QA, ejemplos de escenarios, criterios de aceptación y una plantilla gratis en Excel.",{"src":110,"card":111,"alt":112,"width":16,"height":17},"\u002Fwp-content\u002Fuploads\u002F2023\u002F08\u002FFree_Bug_tracking_testing-man_GiveFeedback.jpg","\u002Fwp-content\u002Fuploads\u002F2023\u002F08\u002FFree_Bug_tracking_testing-man_GiveFeedback-400x250.jpg","Cliente haciendo pruebas de aceptación UAT de su nueva web frente al ordenador","uat",{"path":115,"title":116,"description":117,"date":8,"modified":8,"locale":43,"category":11,"image":118,"translationKey":120},"\u002Fes\u002Fblog\u002Fque-es-el-feedback-visual","Qué es el feedback visual y por qué agiliza tus proyectos web","Qué es el feedback visual: comentarios sobre la propia web con capturas marcadas, vídeo o notas. Tipos, ventajas, ejemplos y qué pedirle a una herramienta.",{"src":35,"card":36,"alt":119,"width":16,"height":17},"Diseñador web revisando el feedback visual sobre una interfaz","visual-feedback",{"path":122,"title":123,"description":124,"date":125,"modified":8,"locale":10,"category":23,"image":126,"translationKey":90},"\u002Fblog\u002Fsupercharge-your-workflow-with-the-notion-bug-tracker-extension","Notion Bug Tracker Template (Free) for Website Projects","A free Notion bug tracker template for website projects: import the CSV, get the right properties and board views, and send client feedback into it.","2025-04-24T16:17:44+00:00",{"src":25,"card":26,"alt":127,"width":28,"height":16},"Team organizing website bugs and client feedback in a Notion bug tracker",{"path":129,"title":130,"description":131,"date":132,"modified":8,"locale":10,"category":11,"image":133,"translationKey":113},"\u002Fblog\u002Fuser-acceptance-testing-in-software-development","User Acceptance Testing (UAT): Template, Checklist & Examples","What user acceptance testing is, UAT vs QA, example test scenarios, exit criteria and a free UAT test plan and sign-off template (Excel) for websites.","2023-09-28T17:32:27+00:00",{"src":110,"card":111,"alt":134,"width":16,"height":17},"Client doing user acceptance testing on a new website at his desk",{"path":136,"title":137,"description":138,"date":139,"modified":8,"locale":10,"category":95,"image":140,"translationKey":98},"\u002Fblog\u002Fbug-tracking-tools-free","Free Bug Tracking Tools for Web Teams (2026 Guide)","Free bug tracking tools for web teams compared: GitHub Issues, Jira, Trello, Linear, Notion, Asana and visual feedback tools, with verified free-plan limits.","2023-09-21T16:56:47+00:00",{"src":67,"card":68,"alt":141,"width":16,"height":17},"Team at a computer reviewing issues in a free bug tracking tool",{"path":143,"title":144,"description":145,"date":146,"modified":8,"locale":10,"category":11,"image":147,"translationKey":77},"\u002Fblog\u002Fwhat-to-put-in-a-bug-report","Bug Report Template (Free Excel & Word) + Examples","Free bug report template for Excel, Google Sheets and Word, with good and bad bug report examples and the fields that matter for website bugs.","2023-09-11T14:43:18+00:00",{"src":13,"card":14,"alt":148,"width":16,"height":17},"JavaScript code on a screen, illustrating how to write a bug report for a website",{"path":150,"title":151,"description":152,"date":153,"modified":8,"locale":10,"category":23,"image":154,"translationKey":61},"\u002Fblog\u002F1-way-to-get-annotated-screengrabs-into-asana","Asana Bug Tracking: Get Annotated Screenshots into Tasks","Get annotated screenshots and website feedback into Asana: attachments, Proofing, email-to-task, Forms or automatic tasks from a feedback widget, compared.","2023-09-11T11:56:04+00:00",{"src":13,"card":14,"alt":155,"width":16,"height":17},"Annotated screenshots of a website being turned into Asana tasks",{"path":157,"title":158,"description":159,"date":160,"modified":8,"locale":10,"category":11,"image":161,"translationKey":70},"\u002Fblog\u002Fspeed-up-qa-testing","Website QA Checklist: 60+ Checks Before Launch (Free Template)","A website QA checklist with 60+ checks grouped by area (forms, links, devices, browsers, speed, SEO, accessibility), plus a free Excel template to download.","2023-08-19T11:32:36+00:00",{"src":67,"card":68,"alt":162,"width":16,"height":17},"Person running a website QA checklist on a laptop before launch",{"path":164,"title":165,"description":166,"date":167,"modified":8,"locale":10,"category":11,"image":168,"translationKey":120},"\u002Fblog\u002Fvisual-feedback-faster-bug-testing","What Is Visual Feedback? A Guide for Web Teams","What is visual feedback? Feedback given on the website itself with marked-up screenshots, video or pinned comments. Types, benefits, examples, tool checklist.","2023-08-09T17:41:00+00:00",{"src":35,"card":36,"alt":169,"width":16,"height":17},"Web designer reviewing visual feedback on a website interface",{"path":171,"title":172,"description":173,"date":174,"modified":8,"locale":10,"category":11,"image":175,"translationKey":48},"\u002Fblog\u002Fscreen-grab-annotation-apps","How to Annotate Website Screenshots (and Send Them to Devs)","How to annotate website screenshots with OS tools, browser features, dedicated apps or a feedback widget. Compare options and prices, with a good example.","2023-08-02T23:25:13+00:00",{"src":45,"card":46,"alt":176,"width":16,"height":17},"Person at a computer annotating website screenshots for a developer",{"id":178,"title":73,"body":179,"category":11,"date":8,"description":74,"extension":584,"faq":585,"image":598,"locale":43,"meta":599,"modified":8,"navigation":600,"path":72,"seo":601,"seoTitle":602,"stem":603,"tags":604,"tldr":609,"translationKey":77,"__hash__":610},"blog\u002Fes\u002Fblog\u002Fcomo-escribir-un-informe-de-bugs.md",{"type":180,"value":181,"toc":568},"minimark",[182,186,192,197,200,203,207,345,350,385,388,392,395,406,409,413,417,429,432,436,442,450,454,493,497,505,508,511,515,522,525,541,548,565],[183,184,185],"p",{},"Un buen informe de bugs es la forma más barata de que los errores se arreglen antes. Si quien desarrolla recibe «el formulario no va», tiene que hacer cuatro preguntas antes de empezar. Si recibe la URL, la versión del navegador, tres pasos y una captura marcada, normalmente puede reproducirlo en pocos minutos. Aquí tienes los campos que importan en una web, una plantilla de informe de bugs gratis para copiar y un ejemplo de informe malo frente a uno bueno.",[187,188],"template-download",{"files":189,"text":190,"title":191},"Excel|\u002Ftemplates\u002Fplantilla-informe-de-bugs.xlsx,Word|\u002Ftemplates\u002Fplantilla-informe-de-bugs.docx,CSV|\u002Ftemplates\u002Fplantilla-informe-de-bugs.csv","Excel (se abre en Google Sheets), Word y CSV, con desplegables y dos ejemplos rellenos.","Plantilla de reporte de errores gratis",[193,194,196],"h2",{"id":195},"qué-es-un-informe-de-bugs","Qué es un informe de bugs",[183,198,199],{},"Un informe de bugs es una descripción escrita de un fallo de software con la información suficiente para que alguien pueda reproducirlo, entenderlo y corregirlo. En una web, eso significa dónde ocurre, en qué dispositivo y navegador, cómo provocarlo y qué debería haber pasado.",[183,201,202],{},"Un informe de bugs no es una queja ni una petición de funcionalidad. «Quiero el menú en verde» es un cambio. «El menú no se abre en el iPhone» es un error.",[193,204,206],{"id":205},"los-campos-que-importan-en-una-web","Los campos que importan en una web",[208,209,210,226],"table",{},[211,212,213],"thead",{},[214,215,216,220,223],"tr",{},[217,218,219],"th",{},"Campo",[217,221,222],{},"Qué escribir",[217,224,225],{},"Ejemplo",[227,228,229,241,257,268,279,290,301,312,323,334],"tbody",{},[214,230,231,235,238],{},[232,233,234],"td",{},"Título",[232,236,237],{},"Dónde + qué, en pocas palabras",[232,239,240],{},"«Contacto: el botón Enviar no hace nada en móvil»",[214,242,243,246,249],{},[232,244,245],{},"URL",[232,247,248],{},"La dirección exacta de la página",[232,250,251],{},[252,253,254],"a",{"href":254,"rel":255},"https:\u002F\u002Fejemplo.es\u002Fcontacto\u002F",[256],"nofollow",[214,258,259,262,265],{},[232,260,261],{},"Navegador y versión",[232,263,264],{},"Nombre y número de versión",[232,266,267],{},"Safari 17.5",[214,269,270,273,276],{},[232,271,272],{},"Sistema operativo",[232,274,275],{},"Nombre y versión",[232,277,278],{},"iOS 17.5",[214,280,281,284,287],{},[232,282,283],{},"Dispositivo \u002F pantalla",[232,285,286],{},"Resolución o modelo",[232,288,289],{},"iPhone 13, 390×844",[214,291,292,295,298],{},[232,293,294],{},"Pasos para reproducirlo",[232,296,297],{},"Numerados, desde que se carga la página",[232,299,300],{},"1. Abrir la URL 2. Rellenar los campos 3. Pulsar Enviar",[214,302,303,306,309],{},[232,304,305],{},"Resultado esperado",[232,307,308],{},"Lo que debería pasar",[232,310,311],{},"Se envía y aparece un mensaje de gracias",[214,313,314,317,320],{},[232,315,316],{},"Resultado real",[232,318,319],{},"Lo que pasa en su lugar",[232,321,322],{},"No pasa nada; el botón sigue activo",[214,324,325,328,331],{},[232,326,327],{},"Captura o vídeo",[232,329,330],{},"El problema, marcado",[232,332,333],{},"Flecha señalando el botón",[214,335,336,339,342],{},[232,337,338],{},"Gravedad \u002F prioridad",[232,340,341],{},"Impacto y urgencia",[232,343,344],{},"Alta: no entran contactos desde móvil",[346,347,349],"h3",{"id":348},"por-qué-importa-cada-uno","Por qué importa cada uno",[351,352,353,361,367,373,379],"ul",{},[354,355,356,360],"li",{},[357,358,359],"strong",{},"URL."," «La página de servicios» pueden ser tres páginas distintas si la web tiene varios idiomas o una versión de pruebas y otra publicada. Copia la barra de direcciones.",[354,362,363,366],{},[357,364,365],{},"Navegador, sistema operativo y pantalla."," Muchos errores web solo aparecen en un navegador o a un ancho concreto. Sin estos datos, quien desarrolla prueba en su equipo, no ve nada raro y cierra el informe como «no se puede reproducir».",[354,368,369,372],{},[357,370,371],{},"Pasos para reproducirlo."," La captura demuestra que el error existe; los pasos explican cómo volver a provocarlo. Empieza desde la carga de la página y numera cada acción.",[354,374,375,378],{},[357,376,377],{},"Resultado esperado y real."," Es lo que convierte «no funciona» en algo que se puede comprobar. A veces, además, revela que la web hace lo que se diseñó y lo que se pide es en realidad un cambio.",[354,380,381,384],{},[357,382,383],{},"Captura de pantalla."," Una captura marcada elimina cualquier duda sobre a qué elemento te refieres. Dibuja una flecha o un recuadro justo donde está el problema.",[183,386,387],{},"Opcional pero útil: si pasa siempre o solo a veces, si tenías la sesión iniciada, el idioma del navegador y los errores de consola si sabes abrir las herramientas de desarrollo.",[193,389,391],{"id":390},"plantilla-de-informe-de-bugs-para-copiar-y-pegar","Plantilla de informe de bugs (para copiar y pegar)",[183,393,394],{},"Pégala en un email, un documento, una página de Notion o el gestor de incidencias que uséis:",[396,397,403],"pre",{"className":398,"code":400,"language":401,"meta":402},[399],"language-text","Título: [Página\u002Ffuncionalidad]: [qué falla], [dónde\u002Fcuándo]\n\nURL: \nNavegador y versión: \nSistema operativo y versión: \nDispositivo \u002F tamaño de pantalla: \n¿Sesión iniciada? (sí\u002Fno, con qué rol): \n\nPasos para reproducirlo:\n1. \n2. \n3. \n\nResultado esperado:\n\n\nResultado real:\n\n\nOcurre: [siempre \u002F a veces \u002F una vez]\nGravedad: [crítica \u002F alta \u002F media \u002F baja]\nCaptura o grabación: [adjuntar, con el problema marcado]\nNotas: \n","text","",[404,405,400],"code",{"__ignoreMap":402},[183,407,408],{},"Un error por informe. Si encuentras tres problemas en la misma página, escribe tres informes.",[193,410,412],{"id":411},"ejemplo-informe-de-bugs-malo-frente-a-uno-bueno","Ejemplo: informe de bugs malo frente a uno bueno",[346,414,416],{"id":415},"malo","Malo",[418,419,420,426],"blockquote",{},[183,421,422,425],{},[357,423,424],{},"Título:"," Formulario roto",[183,427,428],{},"¡¡El formulario de contacto no funciona, arregladlo cuanto antes!!",[183,430,431],{},"Quien lo recibe no sabe qué formulario es (la web tiene dos), en qué dispositivo pasa, qué significa «no funciona» ni si es más urgente que otras tareas.",[346,433,435],{"id":434},"bueno","Bueno",[396,437,440],{"className":438,"code":439,"language":401,"meta":402},[399],"Título: Contacto: el botón Enviar no hace nada en iPhone (Safari)\n\nURL: https:\u002F\u002Fpruebas.ejemplo.es\u002Fcontacto\u002F\nNavegador y versión: Safari 17.5\nSistema operativo y versión: iOS 17.5\nDispositivo \u002F tamaño de pantalla: iPhone 13, 390x844\n¿Sesión iniciada? No\n\nPasos para reproducirlo:\n1. Abrir https:\u002F\u002Fpruebas.ejemplo.es\u002Fcontacto\u002F en el iPhone\n2. Rellenar Nombre, Email y Mensaje con datos válidos\n3. Pulsar «Enviar»\n\nResultado esperado:\nSe envía el formulario y aparece el mensaje «Gracias, te escribimos pronto».\n\nResultado real:\nNo pasa nada. Ni mensaje ni error, los campos siguen rellenos.\nEn Chrome 129 de escritorio (Windows 11) los mismos pasos funcionan.\n\nOcurre: siempre (probado 3 veces)\nGravedad: alta (las visitas desde móvil no pueden contactar)\nCaptura: adjunta, con el botón Enviar marcado en rojo\n",[404,441,439],{"__ignoreMap":402},[183,443,444,445,449],{},"El informe bueno cuesta un par de minutos más de escribir y ahorra mucho más que eso en idas y venidas. Fíjate en la línea sobre Chrome de escritorio: decir dónde ",[446,447,448],"em",{},"no"," ocurre el error es una de las pistas más útiles que puedes dar.",[193,451,453],{"id":452},"consejos-para-escribir-mejores-informes","Consejos para escribir mejores informes",[455,456,457,463,469,475,481,487],"ol",{},[354,458,459,462],{},[357,460,461],{},"Reprodúcelo una vez antes de reportarlo."," Si no consigues que vuelva a pasar, dilo («ha pasado una vez, no lo he podido reproducir»).",[354,464,465,468],{},[357,466,467],{},"Escribe el título al final."," Con los pasos ya escritos, es más fácil que sea concreto.",[354,470,471,474],{},[357,472,473],{},"Describe, no diagnostiques."," «La imagen principal de la home se ve borrosa» es mejor que «la compresión de imágenes está mal». La causa, que la busque quien desarrolla.",[354,476,477,480],{},[357,478,479],{},"Usa un tono neutro."," Las mayúsculas y las exclamaciones no aceleran ningún arreglo.",[354,482,483,486],{},[357,484,485],{},"Busca duplicados."," Revisa el gestor de incidencias antes de añadir uno nuevo.",[354,488,489,492],{},[357,490,491],{},"Cuenta lo que ya has probado."," Otro navegador, borrar la caché, otro dispositivo: cada prueba acota la causa.",[193,494,496],{"id":495},"por-qué-clientes-y-testers-se-saltan-la-mitad-de-los-campos","Por qué clientes y testers se saltan la mitad de los campos",[183,498,499,500,504],{},"Aunque tengan plantilla, las personas sin perfil técnico rara vez saben su versión de navegador o su resolución de pantalla, y copiar URLs y hacer capturas marcadas a mano lleva tiempo. Ahí es cuando llegan los «formulario roto», sobre todo cuando un cliente revisa la web en una ",[252,501,503],{"href":502},"\u002Fes\u002Fblog\u002Fcomo-recoger-feedback-de-clientes-en-una-web\u002F","ronda de feedback",".",[183,506,507],{},"La solución es capturar los campos técnicos de forma automática para que quien reporta solo escriba lo que tiene que escribir una persona: los pasos, el resultado esperado y el real.",[509,510],"blog-cta",{},[193,512,514],{"id":513},"cómo-givefeedbackio-rellena-la-plantilla-por-ti","Cómo GiveFeedback.io rellena la plantilla por ti",[183,516,517,521],{},[252,518,520],{"href":519},"\u002Fes\u002F","GiveFeedback.io"," añade un botón «Give Feedback» a tu web con un único fragmento de JavaScript. Cuando alguien lo pulsa (sin necesidad de cuenta), el navegador pide permiso para capturar la pestaña y la persona puede marcar sobre una captura de la parte visible de la página con flechas, recuadros, texto, lápiz o subrayador. Después añade un título, una descripción y un tipo, como Bug.",[183,523,524],{},"Estos campos de la plantilla se adjuntan solos a cada informe:",[351,526,527,530,532,535,538],{},[354,528,529],{},"URL de la página",[354,531,261],{},[354,533,534],{},"Sistema operativo y versión",[354,536,537],{},"Resolución de pantalla y si es un dispositivo móvil",[354,539,540],{},"Idioma del navegador y zona horaria",[183,542,543],{},[544,545],"img",{"alt":546,"src":547},"Informe de feedback en GiveFeedback.io con la captura de pantalla y los datos del navegador recogidos automáticamente","\u002Fwp-content\u002Fuploads\u002F2024\u002F01\u002Fbrowser-1920-1080-1-task-info.jpg",[183,549,550,551,555,556,560,561,504],{},"Lo que no recoge: logs de consola, peticiones de red ni vídeo, y captura la parte visible de la pantalla, no la página completa. Para errores que necesitan logs o una grabación, alguien del equipo técnico tendrá que investigar igualmente. Ten en cuenta también que el widget está en inglés, aunque la aplicación esté en español. Los informes llegan a un panel donde los marcas como abiertos, resueltos o archivados, y pueden enviarse automáticamente a ",[252,552,554],{"href":553},"\u002Fes\u002Fintegraciones\u002Fnotion\u002F","Notion"," o ",[252,557,559],{"href":558},"\u002Fes\u002Fintegraciones\u002Fasana\u002F","Asana",". El plan gratuito incluye 5 proyectos y 50 comentarios; el resto de planes están en ",[252,562,564],{"href":563},"\u002Fes\u002Fprecios\u002F","precios",[183,566,567],{},"Uses una herramienta o una plantilla en texto, la regla es la misma: un error por informe, la URL y el entorno exactos, pasos numerados y resultado esperado frente a real. Con eso bien hecho, la mayoría de errores se arreglan a la primera.",{"title":402,"searchDepth":569,"depth":569,"links":570},2,[571,572,576,577,581,582,583],{"id":195,"depth":569,"text":196},{"id":205,"depth":569,"text":206,"children":573},[574],{"id":348,"depth":575,"text":349},3,{"id":390,"depth":569,"text":391},{"id":411,"depth":569,"text":412,"children":578},[579,580],{"id":415,"depth":575,"text":416},{"id":434,"depth":575,"text":435},{"id":452,"depth":569,"text":453},{"id":495,"depth":569,"text":496},{"id":513,"depth":569,"text":514},"md",[586,589,592,595],{"question":587,"answer":588},"¿Qué debe incluir un informe de bugs?","Un título concreto, la URL de la página, el entorno (navegador, sistema operativo y tamaño de pantalla), los pasos numerados para reproducirlo, el resultado esperado, el resultado real y una captura o grabación. La gravedad y la prioridad ayudan a decidir qué se arregla antes.",{"question":590,"answer":591},"¿Qué diferencia hay entre resultado esperado y resultado real?","El resultado esperado es lo que debería pasar si la web funcionara bien; el real es lo que pasa en su lugar. Escribir los dos evita suposiciones, porque a veces el supuesto error es una funcionalidad que se comporta tal como se diseñó.",{"question":593,"answer":594},"¿Cómo se escribe un buen título para un bug?","Indica el sitio y el problema en unas diez palabras, por ejemplo «Pago: el botón Pagar no hace nada en Safari iOS». Evita títulos vagos como «Error» o «La web no va».",{"question":596,"answer":597},"¿Puedo reportar varios errores en un mismo informe?","No. Escribe un informe por error. Así cada uno se puede asignar, corregir y cerrar por separado, y no se pierde nada cuando una parte se arregla y otra no.",{"src":13,"card":14,"alt":76,"width":16,"height":17},{},true,{"title":73,"description":74},"Plantilla de reporte de errores gratis | GiveFeedback.io","es\u002Fblog\u002Fcomo-escribir-un-informe-de-bugs",[605,606,607,608],"informe de bugs","plantilla","QA","pruebas web","Un buen informe de bugs le dice a quien desarrolla dónde ocurre el error (URL), en qué entorno (navegador, sistema operativo, tamaño de pantalla), cómo reproducirlo (pasos numerados), qué debería pasar frente a lo que pasa y lo muestra con una captura de pantalla marcada. Un error por informe y con un título corto y concreto.","jMW4-N7HYyu_uObfPHAOAK_LA5ZNDw5nFbKrlJZkbe4",1792593619057]