[{"data":1,"prerenderedAt":782},["ShallowReactive",2],{"blog-posts":3,"post-\u002Fes\u002Fblog\u002Fanotar-capturas-de-pantalla-web":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":41,"body":179,"category":11,"date":8,"description":42,"extension":755,"faq":756,"image":769,"locale":43,"meta":770,"modified":8,"navigation":771,"path":40,"seo":772,"seoTitle":773,"stem":774,"tags":775,"tldr":780,"translationKey":48,"__hash__":781},"blog\u002Fes\u002Fblog\u002Fanotar-capturas-de-pantalla-web.md",{"type":180,"value":181,"toc":731},"minimark",[182,186,191,194,197,201,206,222,226,242,248,254,258,261,328,337,342,346,349,441,446,451,455,458,466,500,507,512,522,525,529,583,586,590,593,597,600,604,607,611,614,618,621,625,628,632,635,639,645,650,679,686,690,693,723],[183,184,185],"p",{},"Saber anotar capturas de pantalla de una web bien hechas ahorra más tiempo que elegir una herramienta u otra. Una captura con un recuadro rojo y la frase «el logo pisa el menú en pantallas de 1366 px» se arregla el mismo día; una captura llena de garabatos con un «mira lo adjunto» acaba en otro correo preguntando qué querías decir. En esta guía verás las cuatro formas de anotar capturas (herramientas del sistema, del navegador, apps dedicadas y widgets de feedback), cuándo conviene cada una y cómo es una buena anotación.",[187,188,190],"h2",{"id":189},"qué-es-anotar-una-captura-de-pantalla","Qué es anotar una captura de pantalla",[183,192,193],{},"Anotar una captura de pantalla es añadir marcas visuales (flechas, recuadros, resaltados, texto) a una imagen de la pantalla para que quien la reciba vea exactamente a qué te refieres. En proyectos web, la captura anotada suele ser el centro de un informe de bug o de una petición de cambio de diseño, y la recibe alguien que no estaba mirando tu pantalla cuando viste el problema.",[183,195,196],{},"La anotación es solo la mitad. La otra mitad es el contexto: qué página, qué navegador, qué tamaño de pantalla. Tenlo presente al comparar herramientas, porque unas lo recogen solas y otras no.",[187,198,200],{"id":199},"opción-1-herramientas-del-sistema-gratis-y-ya-instaladas","Opción 1: herramientas del sistema (gratis y ya instaladas)",[202,203,205],"h3",{"id":204},"windows-recortes","Windows: Recortes",[183,207,208,209,213,214,221],{},"Pulsa ",[210,211,212],"strong",{},"Win+Mayús+S",", selecciona la zona y haz clic en la notificación para abrir la captura en Recortes (Snipping Tool). El editor tiene lápiz, marcador, formas como flechas y rectángulos, borrador, recorte y deshacer, según la ",[215,216,220],"a",{"href":217,"rel":218},"https:\u002F\u002Fsupport.microsoft.com\u002Fes-es\u002Fhelp\u002F13776\u002F",[219],"nofollow","ayuda de Microsoft",". Guarda la imagen o pégala directamente en un correo o en el chat.",[202,223,225],{"id":224},"mac-captura-de-pantalla-y-markup","Mac: Captura de pantalla y Markup",[183,227,208,228,231,232,235,236,241],{},[210,229,230],{},"Mayús-Comando-4"," para seleccionar una zona (o ",[210,233,234],{},"Mayús-Comando-5"," para abrir la app Captura de pantalla con más opciones) y haz clic en la miniatura que aparece en la esquina. Se abre Markup, donde puedes dibujar, añadir formas, flechas y texto, y resaltar. La ",[215,237,240],{"href":238,"rel":239},"https:\u002F\u002Fsupport.apple.com\u002Fes-es\u002F102646",[219],"guía de Apple"," recoge todos los atajos.",[183,243,244,247],{},[210,245,246],{},"Cuándo conviene:"," reportas algún error de vez en cuando, eres tú quien encuentra los fallos y no te importa escribir a mano la URL y el navegador.",[183,249,250,253],{},[210,251,252],{},"Límites:"," cada captura hay que guardarla, adjuntarla y explicarla a mano, y nada registra la URL ni el navegador. Los clientes casi nunca lo hacen de forma constante.",[187,255,257],{"id":256},"opción-2-capturas-desde-el-navegador","Opción 2: capturas desde el navegador",[183,259,260],{},"Los navegadores capturan algo que las herramientas del sistema no: la página completa, de arriba abajo.",[262,263,264,283],"table",{},[265,266,267],"thead",{},[268,269,270,274,277,280],"tr",{},[271,272,273],"th",{},"Navegador",[271,275,276],{},"Cómo abrirlo",[271,278,279],{},"Página completa",[271,281,282],{},"Anotación integrada",[284,285,286,301,315],"tbody",{},[268,287,288,292,295,298],{},[289,290,291],"td",{},"Firefox",[289,293,294],{},"Ctrl+Mayús+S (Cmd+Mayús+S en Mac) o clic derecho → Hacer captura de pantalla",[289,296,297],{},"Sí («Guardar página completa»)",[289,299,300],{},"No, solo copiar o descargar",[268,302,303,306,309,312],{},[289,304,305],{},"Microsoft Edge",[289,307,308],{},"Ctrl+Mayús+S (Captura de pantalla, antes «Captura web»)",[289,310,311],{},"Sí",[289,313,314],{},"Marcado básico (dibujo, formas, texto)",[268,316,317,320,323,325],{},[289,318,319],{},"Chrome",[289,321,322],{},"DevTools → menú de comandos (Ctrl+Mayús+P) → «Capture full size screenshot»",[289,324,311],{},[289,326,327],{},"No",[183,329,330,331,336],{},"Fuentes: ",[215,332,335],{"href":333,"rel":334},"https:\u002F\u002Fsupport.mozilla.org\u002Fes\u002Fkb\u002Ftake-screenshots-firefox",[219],"soporte de Mozilla"," y la herramienta de captura de Microsoft Edge, revisadas en octubre de 2026. Las opciones de marcado de Edge han cambiado entre versiones, así que comprueba lo que te aparece.",[183,338,339,341],{},[210,340,246],{}," necesitas toda la página en una imagen, por ejemplo para comentar espaciados entre secciones o enviar al cliente una prueba completa. Captúrala en el navegador y anótala después con la herramienta del sistema o una de las apps siguientes.",[187,343,345],{"id":344},"opción-3-apps-de-captura-y-anotación","Opción 3: apps de captura y anotación",[183,347,348],{},"Son más rápidas si haces capturas a diario, añaden desenfoque, pasos numerados o enlaces en la nube, y algunas son gratis.",[262,350,351,367],{},[265,352,353],{},[268,354,355,358,361,364],{},[271,356,357],{},"App",[271,359,360],{},"Plataforma",[271,362,363],{},"Precio (octubre de 2026)",[271,365,366],{},"Para qué va bien",[284,368,369,387,405,423],{},[268,370,371,378,381,384],{},[289,372,373],{},[215,374,377],{"href":375,"rel":376},"https:\u002F\u002Fgetsharex.com\u002F",[219],"ShareX",[289,379,380],{},"Windows",[289,382,383],{},"Gratis, código abierto",[289,385,386],{},"Usuarios avanzados: flechas, texto, desenfoque y pixelado, subida automática",[268,388,389,396,399,402],{},[289,390,391],{},[215,392,395],{"href":393,"rel":394},"https:\u002F\u002Fcleanshot.com\u002Fpricing",[219],"CleanShot X",[289,397,398],{},"Mac",[289,400,401],{},"35 $ pago único (Basic, un año de actualizaciones); Pro 10 $ por usuario\u002Fmes en pago anual",[289,403,404],{},"Captura rápida, anotación, captura con scroll, enlaces para compartir",[268,406,407,414,417,420],{},[289,408,409],{},[215,410,413],{"href":411,"rel":412},"https:\u002F\u002Fwww.techsmith.com\u002Fsnagit\u002F",[219],"Snagit",[289,415,416],{},"Windows, Mac",[289,418,419],{},"Suscripción de pago (consulta el precio actual en TechSmith)",[289,421,422],{},"Equipos que documentan software, plantillas, desenfoque",[268,424,425,432,435,438],{},[289,426,427],{},[215,428,431],{"href":429,"rel":430},"https:\u002F\u002Fmarkuphero.com\u002F",[219],"Markup Hero",[289,433,434],{},"Web, extensión de Chrome, escritorio",[289,436,437],{},"Planes gratuitos con subidas limitadas; plan de pago disponible",[289,439,440],{},"Anotar y compartir un enlace sin instalar nada pesado",[183,442,443,445],{},[210,444,246],{}," tú o tu equipo hacéis decenas de capturas a la semana, o necesitas desenfocar datos de clientes antes de enviar una imagen.",[183,447,448,450],{},[210,449,252],{}," cada persona que reporta necesita instalar la app y aprender a usarla. Para tu equipo, perfecto. Para un cliente que revisa una web cada dos años, no.",[187,452,454],{"id":453},"opción-4-widgets-de-feedback-en-la-propia-web","Opción 4: widgets de feedback en la propia web",[183,456,457],{},"Un widget de feedback es un pequeño script que añades a la web y que muestra un botón de feedback en todas las páginas. Quien revisa hace clic, el widget captura la página, la anota ahí mismo y la envía. Captura, comentario, URL y datos del navegador llegan juntos a un panel o a tu herramienta de gestión de proyectos.",[183,459,460,461,465],{},"Así funciona ",[215,462,464],{"href":463},"\u002Fes\u002F","GiveFeedback.io",":",[467,468,469,483,486,489,492],"ol",{},[470,471,472,473,477,478,482],"li",{},"Pegas un script en el ",[474,475,476],"code",{},"\u003Chead>"," de la web (hay ",[215,479,481],{"href":480},"\u002Fes\u002Fayuda\u002F","guías de instalación"," para WordPress, Shopify, Wix, Squarespace y otros).",[470,484,485],{},"Aparece un botón «Give Feedback» en la web. El cliente hace clic, sin crearse ninguna cuenta.",[470,487,488],{},"El navegador pide permiso para capturar la pestaña y se captura la parte visible de la página.",[470,490,491],{},"El cliente la anota con flechas, rectángulos, elipses, texto, lápiz o marcador, en cinco colores, y añade título, descripción y tipo (Bug, Propuesta, etc.).",[470,493,494,495,499],{},"El informe llega con la URL, resolución de pantalla, sistema operativo, navegador y versión, idioma y zona horaria, listo para enviarse a ",[215,496,498],{"href":497},"\u002Fes\u002Fintegraciones\u002F","Notion o Asana",".",[183,501,502],{},[503,504],"img",{"alt":505,"src":506},"Cliente anotando una captura de pantalla de una web con el editor de GiveFeedback.io","\u002Fwp-content\u002Fuploads\u002F2024\u002F01\u002Fbrowser-1920-1080-GF-modal-6-marked-up.jpg",[183,508,509,511],{},[210,510,246],{}," clientes, testers o compañeros no técnicos revisan una web durante el diseño, el desarrollo o antes del lanzamiento. Recibes informes homogéneos sin enseñar a nadie a usar una app de capturas.",[183,513,514,517,518,499],{},[210,515,516],{},"Límites, con sinceridad:"," GiveFeedback.io captura la parte visible de la pantalla, no la página completa; no tiene herramienta de desenfoque, ni graba vídeo ni registros de consola. En el plan gratuito las capturas llevan marca de agua. El widget está en inglés, aunque la app tiene versión en español. Si lo que necesitas es depurar errores de JavaScript, te irá mejor una herramienta con captura de consola; comparamos varias en nuestra guía de ",[215,519,521],{"href":520},"\u002Fes\u002Fblog\u002Fmejores-herramientas-feedback-visual-web\u002F","herramientas de feedback visual web",[523,524],"blog-cta",{},[187,526,528],{"id":527},"qué-opción-te-conviene","Qué opción te conviene",[262,530,531,541],{},[265,532,533],{},[268,534,535,538],{},[271,536,537],{},"Situación",[271,539,540],{},"Mejor opción",[284,542,543,551,559,567,575],{},[268,544,545,548],{},[289,546,547],{},"Encuentras un fallo a la semana y lo arreglas tú",[289,549,550],{},"Herramienta del sistema",[268,552,553,556],{},[289,554,555],{},"Quieres comentar una landing larga entera",[289,557,558],{},"Captura de página completa del navegador + cualquier app de anotación",[268,560,561,564],{},[289,562,563],{},"Tu equipo documenta o responde a soporte todo el día",[289,565,566],{},"App dedicada (ShareX, CleanShot X, Snagit)",[268,568,569,572],{},[289,570,571],{},"Clientes o testers revisan una web antes de publicarla",[289,573,574],{},"Widget de feedback en la web",[268,576,577,580],{},[289,578,579],{},"El feedback debe acabar como tareas en Notion o Asana",[289,581,582],{},"Widget de feedback con esa integración",[183,584,585],{},"Muchas agencias usan dos: una app para el trabajo interno y un widget para las revisiones con clientes.",[187,587,589],{"id":588},"cómo-anotar-una-captura-para-que-el-fallo-se-arregle","Cómo anotar una captura para que el fallo se arregle",[183,591,592],{},"Estas reglas importan más que la herramienta.",[202,594,596],{"id":595},"_1-captura-la-zona-justa","1. Captura la zona justa",[183,598,599],{},"Incluye lo suficiente para orientarse (la cabecera o el título de la sección), pero no toda la pantalla con la barra de marcadores y 30 pestañas abiertas. Si el problema depende del ancho de pantalla, indícalo.",[202,601,603],{"id":602},"_2-una-marca-por-problema","2. Una marca por problema",[183,605,606],{},"Un rectángulo o una flecha. Si ves tres problemas en la misma pantalla, envía tres informes: los desarrolladores arreglan y cierran incidencias de una en una, y una captura con cinco problemas numerados suele acabar con cuatro arreglados y uno olvidado.",[202,608,610],{"id":609},"_3-una-frase-en-la-imagen-o-en-el-título","3. Una frase en la imagen o en el título",[183,612,613],{},"Escribe qué falla y qué esperabas: «El texto del botón se corta, debería decir \"Reserva una llamada\"». No «esto», no «arreglar», no «??».",[202,615,617],{"id":616},"_4-usa-el-color-con-intención","4. Usa el color con intención",[183,619,620],{},"Rojo para errores y otro color para sugerencias, siempre igual. Evita el marcador encima del texto que quieres que se lea: puede tapar justo lo que señalas.",[202,622,624],{"id":623},"_5-oculta-los-datos-privados","5. Oculta los datos privados",[183,626,627],{},"Si la página muestra correos de clientes, números de pedido o datos personales, desenfócalos o recórtalos antes de enviar. Si tu herramienta no desenfoca, recorta.",[202,629,631],{"id":630},"_6-añade-el-contexto","6. Añade el contexto",[183,633,634],{},"URL, navegador y versión, sistema operativo y tamaño de pantalla. Los widgets de feedback lo añaden solos; con otras herramientas, escríbelo debajo de la imagen.",[202,636,638],{"id":637},"ejemplo-malo-y-ejemplo-bueno","Ejemplo malo y ejemplo bueno",[183,640,641,644],{},[210,642,643],{},"Malo:"," una captura de toda la pantalla con tres círculos rojos, dos flechas y un «¿¡!?» garabateado, enviada por correo con el asunto «web».",[183,646,647],{},[210,648,649],{},"Bueno:",[651,652,653],"blockquote",{},[183,654,655,658,659,662,663,666,667,670,671,675,678],{},[210,656,657],{},"Título:"," El botón de enviar del formulario de contacto pisa el pie en móvil\n",[210,660,661],{},"Anotación:"," un rectángulo rojo alrededor del botón y del pie, con la etiqueta «pisa el pie»\n",[210,664,665],{},"Esperado:"," 24 px de separación entre botón y pie, como en el diseño\n",[210,668,669],{},"URL:"," ",[215,672,673],{"href":673,"rel":674},"https:\u002F\u002Fstaging.ejemplo.es\u002Fcontacto\u002F",[219],[210,676,677],{},"Entorno:"," Chrome 129, Android 14, 412×915",[183,680,681,682,499],{},"Con eso, el desarrollador abre la URL con el mismo tamaño de pantalla y ve el fallo en un minuto. Si quieres una plantilla completa, mira ",[215,683,685],{"href":684},"\u002Fes\u002Fblog\u002Fcomo-escribir-un-informe-de-bugs\u002F","cómo escribir un informe de bugs",[187,687,689],{"id":688},"cómo-hacer-llegar-la-captura-al-desarrollador","Cómo hacer llegar la captura al desarrollador",[183,691,692],{},"Una captura anotada que se queda en la carpeta de Descargas no sirve de nada. Acordad un único sitio al que van todas:",[694,695,696,711,717],"ul",{},[470,697,698,701,702,706,707,499],{},[210,699,700],{},"Vuestra herramienta de tareas."," Adjunta la imagen a una tarea en Asana, Notion, Jira o similar, una tarea por problema. Tienes guías para llevar ",[215,703,705],{"href":704},"\u002Fes\u002Fblog\u002Fcapturas-anotadas-en-asana\u002F","capturas anotadas a Asana"," y ",[215,708,710],{"href":709},"\u002Fes\u002Fblog\u002Ffeedback-web-en-notion\u002F","gestionar el feedback web en Notion",[470,712,713,716],{},[210,714,715],{},"Un panel de feedback compartido."," Widgets como GiveFeedback.io guardan cada informe en una lista con estado (abierto, resuelto, archivado), para que nada se pierda en hilos de correo.",[470,718,719,722],{},[210,720,721],{},"Ni WhatsApp ni el correo."," Sirven para una duda puntual. En una ronda de revisión con 40 comentarios se convierten en un problema de búsqueda.",[183,724,725,726,730],{},"Si te quedas con una sola idea: un problema, una marca, una frase, más la URL y el navegador. Elige la herramienta que se lo ponga más fácil a quien reporta, que en las revisiones con clientes suele ser la que no tienen que instalar. Puedes ",[215,727,729],{"href":728},"\u002Fes\u002Fprecios\u002F","probar GiveFeedback.io gratis"," en tu próximo proyecto y ver si encaja.",{"title":732,"searchDepth":733,"depth":733,"links":734},"",2,[735,736,741,742,743,744,745,754],{"id":189,"depth":733,"text":190},{"id":199,"depth":733,"text":200,"children":737},[738,740],{"id":204,"depth":739,"text":205},3,{"id":224,"depth":739,"text":225},{"id":256,"depth":733,"text":257},{"id":344,"depth":733,"text":345},{"id":453,"depth":733,"text":454},{"id":527,"depth":733,"text":528},{"id":588,"depth":733,"text":589,"children":746},[747,748,749,750,751,752,753],{"id":595,"depth":739,"text":596},{"id":602,"depth":739,"text":603},{"id":609,"depth":739,"text":610},{"id":616,"depth":739,"text":617},{"id":623,"depth":739,"text":624},{"id":630,"depth":739,"text":631},{"id":637,"depth":739,"text":638},{"id":688,"depth":733,"text":689},"md",[757,760,763,766],{"question":758,"answer":759},"¿Cuál es la forma más fácil de anotar una captura de pantalla?","Usar lo que ya tienes en el ordenador. En Windows, pulsa Win+Mayús+S y edita la captura en Recortes; en Mac, pulsa Mayús-Comando-4 y haz clic en la miniatura para abrir Markup. Ambos permiten añadir flechas, formas y texto sin instalar nada.",{"question":761,"answer":762},"¿Cómo hago una captura de la página web completa?","Usa el navegador: Firefox tiene la opción «Guardar página completa» en Hacer captura de pantalla, y Chrome tiene el comando «Capture full size screenshot» en las DevTools. Después anótala con cualquier app. La mayoría de widgets de feedback, incluido GiveFeedback.io, capturan solo la parte visible.",{"question":764,"answer":765},"¿Tengo que difuminar datos personales en una captura?","Sí, si aparecen nombres, correos, pedidos o cualquier dato privado de clientes. Usa una herramienta con desenfoque o pixelado (ShareX y Snagit lo tienen) o recorta esa zona. El editor de GiveFeedback.io no tiene herramienta de desenfoque.",{"question":767,"answer":768},"¿Qué debe incluir una captura anotada para el desarrollador?","Una marca clara sobre el problema, una frase que diga qué falla y qué esperabas, la URL de la página y el navegador, sistema operativo y tamaño de pantalla. Sin la URL y el entorno, muchas veces el desarrollador no puede reproducir el fallo.",{"src":45,"card":46,"alt":47,"width":16,"height":17},{},true,{"title":41,"description":42},"Cómo anotar capturas de pantalla web | GiveFeedback.io","es\u002Fblog\u002Fanotar-capturas-de-pantalla-web",[776,777,778,779],"anotar capturas","captura de pantalla","feedback web","informe de bugs","Para anotar una captura de pantalla de una web: captura la página, marca el problema con una sola flecha o recuadro, añade una frase que diga qué falla y qué esperabas, y envíala junto con la URL y los datos del navegador. Las herramientas del sistema (Recortes en Windows, Captura de pantalla y Markup en Mac) bastan para un uso puntual; para revisiones con clientes, un widget de feedback en la propia web ahorra más tiempo porque recoge captura, URL y datos técnicos de una vez.","CXwfu91zmWsvAzeFFTOMYf_x3mED_GIyWfZ8rDoEwmw",1792586054807]