{"id":14872,"date":"2020-12-09T12:46:39","date_gmt":"2020-12-09T10:46:39","guid":{"rendered":"http:\/\/design-toolkit.recursos.uoc.edu\/?p=14872"},"modified":"2021-02-17T16:26:35","modified_gmt":"2021-02-17T14:26:35","slug":"confirmacion","status":"publish","type":"post","link":"http:\/\/design-toolkit-test.uoc.edu\/es\/confirmacion\/","title":{"rendered":"Confirmaci\u00f3n"},"content":{"rendered":"

\u00bfQu\u00e9 es?<\/strong><\/h2>\n

La confirmaci\u00f3n<\/strong> es una t\u00e9cnica que se utiliza en el caso de que el usuario pueda realizar acciones que resulten cr\u00edticas. Tiene como finalidad verificar que el usuario realmente quiere ejecutar la acci\u00f3n, y que no corresponde a una interacci\u00f3n accidental.<\/p>\n

Implicaciones en el dise\u00f1o de interfaces<\/strong><\/h2>\n

La confirmaci\u00f3n ralentiza el flujo de interacci\u00f3n, de manera que se utiliza solamente en caso de operaciones cr\u00edticas o irreversibles, como eliminar un documento. Hay que evitar confirmaciones si la acci\u00f3n que se realiza es com\u00fan o reversible.<\/p>\n

Hay dos t\u00e9cnicas b\u00e1sicas de confirmaci\u00f3n:<\/p>\n

    \n
  1. Di\u00e1logo<\/strong>: se muestra una ventana con una pregunta que el usuario debe responder para mostrar su conformidad con la acci\u00f3n. Tanto la pregunta como las respuestas tienen que ser claras, para que el usuario sepa exactamente qu\u00e9 se le est\u00e1 pidiendo, y qu\u00e9 respuesta tiene que proporcionar.<\/li>\n<\/ol>\n
    \"\"

    Di\u00e1logo de confirmaci\u00f3n del Campus UOC, para verificar que el usuario realmente quiere eliminar un mensaje en los espacios de comunicaci\u00f3n del aula.<\/p><\/div>\n

      \n
    1. Confirmaci\u00f3n de dos pasos<\/strong>: implica que el usuario debe realizar una acci\u00f3n antes de activar la acci\u00f3n cr\u00edtica. En un entorno f\u00edsico, un ejemplo habitual de esta t\u00e9cnica son las cubiertas de pl\u00e1stico que se colocan encima de los botones de alarma, de manera que el usuario tiene que levantarlas antes de activarlos.<\/li>\n<\/ol>\n
      \"\"

      Bot\u00f3n de alarma con cubierta.
      Fuente: https:\/\/commons.wikimedia.org\/wiki\/File:Activated_Fire-Lite_BG-12_pull_station_at_MBTA_Chinatown_station.jpg.<\/p><\/div>\n

      En el caso de interfaces, un ejemplo de la confirmaci\u00f3n de dos pasos consiste en situar la opci\u00f3n dentro de otra, de manera que el usuario tenga que ir expresamente hasta ella para poder activarla.<\/p>\n

      \"\"

      En el Campus UOC, si se pretende eliminar un aula de la p\u00e1gina de inicio, el usuario tiene que desplegar expresamente la opci\u00f3n \u00abConfiguraci\u00f3n\u00bb.<\/p><\/div>\n

      Referencias<\/strong><\/h2>\n

      Coyle, A.<\/strong> (2016). \u00abDesigning confirmation\u00bb. Flexport<\/em>. <https:\/\/medium.com\/flexport-design\/designing-confirmation-278d159723e<\/a>>.[Fecha de consulta: 25 de enero de 2021].<\/p>\n

      Lidwell, W.; Holden, K.; Butler, J.<\/strong> (2010). Universal Principles of Design<\/em>. Rockport.<\/p>\n","protected":false},"excerpt":{"rendered":"

      \u00bfQu\u00e9 es? La confirmaci\u00f3n es una t\u00e9cnica que se utiliza en el caso de que el usuario pueda realizar acciones que resulten cr\u00edticas. Tiene como finalidad verificar que el usuario realmente quiere ejecutar la acci\u00f3n, y que no corresponde a una interacci\u00f3n accidental. Implicaciones en el dise\u00f1o de interfaces La confirmaci\u00f3n ralentiza el flujo de […]<\/p>\n","protected":false},"author":4,"featured_media":18325,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[29,27],"tags":[],"_links":{"self":[{"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/14872\/"}],"collection":[{"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/"}],"about":[{"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/types\/post\/"}],"author":[{"embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/users\/4\/"}],"replies":[{"embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/comments\/?post=14872"}],"version-history":[{"count":6,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/14872\/revisions\/"}],"predecessor-version":[{"id":17491,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/14872\/revisions\/17491\/"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/media\/18325\/"}],"wp:attachment":[{"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/media\/?parent=14872"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/categories\/?post=14872"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/tags\/?post=14872"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}