Create tasks for your respondents to fulfill ![\"Copy](\"https:\/\/help.uxtweak.com\/wp-content\/themes\/uxtweak\/public\/assets\/images\/icons\/link.svg\")
<\/a><\/h2>\n\n\n\n- Each task in a first click test is aimed at learning where in the design the respondents expect that they should click in order to solve the task.<\/li>\n\n\n\n
- Your task text should set up the scenario that the respondent should try to solve, as well as prompt them to make that first click.<\/li>\n\n\n\n
- You may import your design as JPG\/JPEG, PNG or GIF file up to 5MB in size.<\/li>\n\n\n\n
- For analysis of click data, you may draw hotspots in your design by opening the\u00a0<\/span>Hotspot editor<\/b>. The hotspots aren’t shown to the respondents at any time. Rather, they are used to attribute clicks to areas of interest, such as buttons or other UI elements.<\/li>\n\n\n\n
- To create a hotspot in the Hotspot editor, click one corner of an area and drag your cursor to the other corner. Don’t forget to name the newly created hotspot in the hotspot list on the right, to facilitate analysis. Create hotspots for all elements that are important to you.<\/li>\n\n\n\n
- Set the device frame if you’re testing mobile designs and the respondents on desktop will see what the design would look like if framed within the specified type of device.<\/li>\n\n\n\n
- To insert more tasks into the first click test, click\u00a0<\/span>Add another task<\/b><\/li>\n\n\n\n
- By default, respondents can’t skip tasks. You can enable them to skip tasks by checking\u00a0<\/span>Allow respondents to skip tasks<\/b><\/li>\n\n\n\n
- Check\u00a0<\/span>Prompt respondents to confirm their choice\u00a0<\/span><\/b>to show the respondents a dialogue when they make the first click. In this dialogue, they will be prompted to confirm their choice. This can be used to prevent accidental clicks, although it also causes the answers to be less spontaneous, since the respondents can change their opinion and nominate a click that actually wouldn’t be their first reaction.<\/li>\n<\/ul>\n\n\n\n \n
![\"Simple](\"https:\/\/help.uxtweak.com\/wp-content\/uploads\/2025\/05\/1-7.jpg\")
\n \n \n Simple setup manager<\/h4>\n
Create your tasks, personalize the follow-up questions and add hotspots with the Hotspot editor<\/p>\n <\/div>\n
\n\n <\/div>\n <\/div>\n <\/div>\n \n\n \n ![\"Hotspot](\"https:\/\/help.uxtweak.com\/wp-content\/uploads\/2025\/05\/2-6.jpg\")
\n \n \n Hotspot editor<\/h4>\n
Here, you can define your hotspots (the correct clicks). You can define multiple hotspots of different sizes for each task. Don’t forget to name each hotspot to facilitate analysis.<\/p>\n <\/div>\n
\n\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n\nAdjust the order and number of tasks and the order of designs <\/a><\/h2>\n\n\n\n- Unless the order of tasks is randomized, the respondents solve tasks in the order they’re listed in<\/li>\n\n\n\n
- To move a task up or down on the list, simply drag-and-drop it to the desired destination. Alternatively, use the\u00a0<\/span>Move up\/down\u00a0<\/span><\/b>buttons under the ellipsis button<\/li>\n\n\n\n
- To show the tasks to respondents in different order, select\u00a0<\/span>Randomize task order<\/b><\/li>\n\n\n\n
- The same logic applies to the order of designs. You can randomize the order of designs by checking\u00a0<\/span>Randomize designs order<\/b><\/li>\n\n\n\n
- To keep the first task static (e.g. to use it as an example), check\u00a0<\/span>Don’t randomize the first task<\/b><\/li>\n\n\n\n
- If the order of tasks is randomized, by changing\u00a0<\/span>Number of tasks to show to a respondent\u00a0<\/span><\/b>, you can show every respondent only a certain number of tasks from the total number of tasks available<\/li>\n<\/ul>\n\n\n
Create post-task questionnaires <\/a><\/h2>\n\n\n\n- Aside from the surveys in the\u00a0<\/span>Questionnaire tab<\/a>, you can also ask questions immediately after each task<\/li>\n\n\n\n
- This is recommended for gathering immediate feedback to prevent important information about solving individual tasks being mixed up of forgotten<\/li>\n\n\n\n
- Question creation works the same as in the\u00a0<\/span>Questionnaire tab<\/a><\/li>\n<\/ul>\n\n\n\n \n
![\"Accompany](\"https:\/\/help.uxtweak.com\/wp-content\/uploads\/2025\/05\/3-45.png\")
\n \n \n Accompany your tasks with a survey<\/h4>\n
Ask your respondents additional questions after they complete a task.<\/p>\n <\/div>\n
\n\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n","protected":false},"excerpt":{"rendered":"In this help, we’ll discuss how to use the Tasks tab to:<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2194,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","inline_featured_image":false,"footnotes":""},"categories":[],"tags":[],"class_list":["post-2216","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/pages\/2216","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/comments?post=2216"}],"version-history":[{"count":4,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/pages\/2216\/revisions"}],"predecessor-version":[{"id":2646,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/pages\/2216\/revisions\/2646"}],"up":[{"embeddable":true,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/pages\/2194"}],"wp:attachment":[{"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/media?parent=2216"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/categories?post=2216"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/tags?post=2216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\n Simple setup manager<\/h4>\n
Create your tasks, personalize the follow-up questions and add hotspots with the Hotspot editor<\/p>\n <\/div>\n
\n Hotspot editor<\/h4>\n
Here, you can define your hotspots (the correct clicks). You can define multiple hotspots of different sizes for each task. Don’t forget to name each hotspot to facilitate analysis.<\/p>\n <\/div>\n
Adjust the order and number of tasks and the order of designs <\/a><\/h2>\n\n\n\n- Unless the order of tasks is randomized, the respondents solve tasks in the order they’re listed in<\/li>\n\n\n\n
- To move a task up or down on the list, simply drag-and-drop it to the desired destination. Alternatively, use the\u00a0<\/span>Move up\/down\u00a0<\/span><\/b>buttons under the ellipsis button<\/li>\n\n\n\n
- To show the tasks to respondents in different order, select\u00a0<\/span>Randomize task order<\/b><\/li>\n\n\n\n
- The same logic applies to the order of designs. You can randomize the order of designs by checking\u00a0<\/span>Randomize designs order<\/b><\/li>\n\n\n\n
- To keep the first task static (e.g. to use it as an example), check\u00a0<\/span>Don’t randomize the first task<\/b><\/li>\n\n\n\n
- If the order of tasks is randomized, by changing\u00a0<\/span>Number of tasks to show to a respondent\u00a0<\/span><\/b>, you can show every respondent only a certain number of tasks from the total number of tasks available<\/li>\n<\/ul>\n\n\n
Create post-task questionnaires <\/a><\/h2>\n\n\n\n- Aside from the surveys in the\u00a0<\/span>Questionnaire tab<\/a>, you can also ask questions immediately after each task<\/li>\n\n\n\n
- This is recommended for gathering immediate feedback to prevent important information about solving individual tasks being mixed up of forgotten<\/li>\n\n\n\n
- Question creation works the same as in the\u00a0<\/span>Questionnaire tab<\/a><\/li>\n<\/ul>\n\n\n\n \n \n \n \n
Accompany your tasks with a survey<\/h4>\n
Ask your respondents additional questions after they complete a task.<\/p>\n <\/div>\n
\n\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n","protected":false},"excerpt":{"rendered":"In this help, we’ll discuss how to use the Tasks tab to:<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2194,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","inline_featured_image":false,"footnotes":""},"categories":[],"tags":[],"class_list":["post-2216","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/pages\/2216","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/comments?post=2216"}],"version-history":[{"count":4,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/pages\/2216\/revisions"}],"predecessor-version":[{"id":2646,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/pages\/2216\/revisions\/2646"}],"up":[{"embeddable":true,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/pages\/2194"}],"wp:attachment":[{"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/media?parent=2216"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/categories?post=2216"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/tags?post=2216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Create post-task questionnaires <\/a><\/h2>\n\n\n\n- Aside from the surveys in the\u00a0<\/span>Questionnaire tab<\/a>, you can also ask questions immediately after each task<\/li>\n\n\n\n
- This is recommended for gathering immediate feedback to prevent important information about solving individual tasks being mixed up of forgotten<\/li>\n\n\n\n
- Question creation works the same as in the\u00a0<\/span>Questionnaire tab<\/a><\/li>\n<\/ul>\n\n\n\n \n \n \n \n
Accompany your tasks with a survey<\/h4>\n
Ask your respondents additional questions after they complete a task.<\/p>\n <\/div>\n
\n\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n","protected":false},"excerpt":{"rendered":"In this help, we’ll discuss how to use the Tasks tab to:<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2194,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","inline_featured_image":false,"footnotes":""},"categories":[],"tags":[],"class_list":["post-2216","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/pages\/2216","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/comments?post=2216"}],"version-history":[{"count":4,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/pages\/2216\/revisions"}],"predecessor-version":[{"id":2646,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/pages\/2216\/revisions\/2646"}],"up":[{"embeddable":true,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/pages\/2194"}],"wp:attachment":[{"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/media?parent=2216"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/categories?post=2216"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/tags?post=2216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\n Accompany your tasks with a survey<\/h4>\n
Ask your respondents additional questions after they complete a task.<\/p>\n <\/div>\n
In this help, we’ll discuss how to use the Tasks tab to:<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2194,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","inline_featured_image":false,"footnotes":""},"categories":[],"tags":[],"class_list":["post-2216","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/pages\/2216","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/comments?post=2216"}],"version-history":[{"count":4,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/pages\/2216\/revisions"}],"predecessor-version":[{"id":2646,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/pages\/2216\/revisions\/2646"}],"up":[{"embeddable":true,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/pages\/2194"}],"wp:attachment":[{"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/media?parent=2216"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/categories?post=2216"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/tags?post=2216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}