{"id":3764,"date":"2011-03-10T16:00:35","date_gmt":"2011-03-10T19:00:35","guid":{"rendered":"http:\/\/thuer.com.ar\/?p=3764"},"modified":"2011-03-11T07:53:16","modified_gmt":"2011-03-11T10:53:16","slug":"usabilidad-encuesta-online","status":"publish","type":"post","link":"https:\/\/thuer.com.ar\/?p=3764","title":{"rendered":"Ubicaci\u00f3n y dise\u00f1o de botones en cuestionarios online"},"content":{"rendered":"

En apariencia, ubicar un par de botones debajo de una encuesta para continuar o retroceder es una decisi\u00f3n sencilla. Tiempo atr\u00e1s publicaba un post sobre la usabilidad y los botones atr\u00e1s \/ adelante<\/a> donde cuestionaba la soluci\u00f3n que una prestigiosa consultora hab\u00eda implementado: ubicar el bot\u00f3n de siguiente a la izquierda, en lo que parece un lugar anti natural y extra\u00f1o.<\/p>\n

Ahora llega la evidencia a trav\u00e9s de un estudio elaborado por Mick Couper, de la Universidad de Michigan y Reg Baker, de la consultora Market Strategies International. Los investigadores publicaron el art\u00edculo Placement and Design of Navigation Buttons in Web Surveys<\/a> donde reconocen que la simple ubicaci\u00f3n de estos botones es un tema de discusi\u00f3n y que hay muchas diferencias de criterio.<\/p>\n

La decisi\u00f3n m\u00e1s habitual es colocar el bot\u00f3n siguiente a la derecha. As\u00ed lo hacen los navegdores web, los buscadores como Google y es normalmente como se paginan las pantallas en la web. Colocar el bot\u00f3n siguiente a la izquierda sigue otra convenci\u00f3n: seguir los lineamientos de la interfaz de Windows que siempre coloca la opci\u00f3n m\u00e1s habitual sobre este lado.<\/p>\n

Una tercera posibilidad es ubicar ambos botones alineados a la izquierda uno debajo de otro. Finalmente, la cuarta variante es directamente ocultar el bot\u00f3n de atr\u00e1s lo cual anula la posibilidad que el usuario corrija sus respuestas.<\/p>\n

En total, las cuatro opciones habituales son estas:<\/p>\n

\"Siguiente<\/a>
Siguiente a la derecha, Anterior a la izquierda<\/figcaption><\/figure>\n
\"Siguiente<\/a>
Siguiente a la izquierda, Anterior a la derecha<\/figcaption><\/figure>\n
\"Siguiente<\/a>
Siguiente y Atr\u00e1s a la izquierda con Atr\u00e1s al final<\/figcaption><\/figure>\n
\"Siguiente<\/a>
Siguiente a la izquierda, sin bot\u00f3n Atr\u00e1s<\/figcaption><\/figure>\n

<\/p>\n

El estudio<\/h2>\n

A partir de los objetivos del estudio y del an\u00e1lisis de investigaciones previas los autores presentaron 5 alternativas diferentes para el colocar los botones en formularios online:<\/p>\n

    \n
  1. Bot\u00f3n Atr\u00e1s en el extremo derecho, Siguiente en el extremo izquierdo<\/li>\n
  2. mbos botones alineados a la izquierda, primero opci\u00f3n Siguiente<\/li>\n
  3. Bot\u00f3n Siguiente a la izquierda, Bot\u00f3n Atr\u00e1s a la izquierda debajo de Siguiente<\/li>\n
  4. Bot\u00f3n Siguiente a la izquierda, Bot\u00f3n Atr\u00e1s a la izquierda con hipertexto<\/li>\n
  5. Ambos botones alineados a la izquierda, primero opci\u00f3n Atr\u00e1s<\/li>\n<\/ol>\n

    El estudio emp\u00edrico se realiz\u00f3 a trav\u00e9s de un muestreo no probabil\u00edtisco entre usuarios mayores de 18 a\u00f1os en los Estados Unidos. A ellos se les solicit\u00f3 que contestaran unas preguntas relacionadas con el consumo de energ\u00eda. Utilizaron 3 herramientas online diferentes con un total de 1800 respuestas, 600 por cada una. <\/p>\n

    Los resultados que encontraron los investigadores se resumen en la siguiente tabla (clic para ampliar la imagen):<\/p>\n

    \"Tabla<\/a>
    Tabla comparativa de resultados por variantes.<\/figcaption><\/figure>\n

    <\/p>\n

    Conclusiones<\/h2>\n

    En primer lugar, parece no haber diferencias significativas en el tiempo que emplean los usuarios seg\u00fan la diferente distribuci\u00f3n de botones. No se pudo verificar que colocar la opci\u00f3n Atr\u00e1s en un hipertexto para hacerla menos visible sirviera de algo. Por el contrario, la opci\u00f3n 5 registr\u00f3 el menor tiempo.<\/p>\n

    En segundo t\u00e9rmino, s\u00ed se observaron diferencias entre la cantidad de personas que usan la opci\u00f3n de volver seg\u00fan donde se ubique el bot\u00f3n Atr\u00e1s. En los 2 primeros casos 1 de cada 5 usuarios us\u00f3 la opci\u00f3n de volver. En cambio, en los casos restantes el uso cay\u00f3 a menos de 1 cada 10.<\/p>\n

    \"La<\/a>
    La opci\u00f3n ganadora.<\/figcaption><\/figure>\n

    En s\u00edntesis, el estudio no permite establecer diferencias sustanciales seg\u00fan la ubicaci\u00f3n de los botones. No obstante, hay que tomar nota que los usuarios que participaron del estudio est\u00e1n habituados a responder encuestas online. De todas maneras, la opci\u00f3n m\u00e1s razonable parece ser ubicar ambos botones alienados a la izquierda siguiendo el orden l\u00f3gico de situar primero Atr\u00e1s y luego Siguiente.<\/strong><\/p>\n

    Estudio original: Placement and Design of Navigation Buttons in Web Surveys<\/a>. Gracias a Sergio Ortega<\/a> por el enlace<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

    En apariencia, ubicar un par de botones debajo de una encuesta para continuar o retroceder es una decisi\u00f3n sencilla. Tiempo atr\u00e1s publicaba un post sobre la usabilidad y los botones atr\u00e1s \/ adelante donde cuestionaba la soluci\u00f3n que una prestigiosa consultora hab\u00eda implementado: ubicar el bot\u00f3n de siguiente a la izquierda, en lo que parece un lugar … <\/p>\n

    Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":3770,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[21,56,235],"tags":[47,407,121,414],"class_list":["post-3764","post","type-post","status-publish","format-standard","has-post-thumbnail","category-blog","category-diseno-web","category-usabilidad","tag-cuestionarios","tag-diseno-web","tag-investigacion","tag-usabilidad","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50","entry"],"featured_image_src":"https:\/\/thuer.com.ar\/wp-content\/uploads\/2011\/03\/couper-figure-2-5.png","featured_image_src_square":"https:\/\/thuer.com.ar\/wp-content\/uploads\/2011\/03\/couper-figure-2-5.png","author_info":{"display_name":"Sebasti\u00e1n Th\u00fcer","author_link":"https:\/\/thuer.com.ar\/author\/diseno-web"},"_links":{"self":[{"href":"https:\/\/thuer.com.ar\/index.php?rest_route=\/wp\/v2\/posts\/3764","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thuer.com.ar\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thuer.com.ar\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thuer.com.ar\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thuer.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3764"}],"version-history":[{"count":0,"href":"https:\/\/thuer.com.ar\/index.php?rest_route=\/wp\/v2\/posts\/3764\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thuer.com.ar\/index.php?rest_route=\/wp\/v2\/media\/3770"}],"wp:attachment":[{"href":"https:\/\/thuer.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3764"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thuer.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3764"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thuer.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3764"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}