This tutorial shows you how to preview your task on different device types and screen sizes. By using the preview, you can check that the layout is clear and that participants can easily view the content and provide their responses, no matter what device they use.
Task Builder 2 has a built-in device preview panel above the preview screen, where you can click through to see what the screen would look like on difference screen sizes and devices.
If you wish to do more thorough testing on specific device types, e.g. different iPad models, Samsung phones etc., you can access browser's device preview by going to the Menu in the top right corner of your browser -> More tools -> Developer tools -> Toggle device emulation in the top panel of your developer tools window. You will then see a device preview panel for your browser and dropdown menu with many different device types that you can click through and test your layout on. Note that the device preview might slightly differ between the browsers but they should all be in fairly similar locations, accessed from your Developer tools.
If you notice that on some device types your task's layout doesn't work right, you can readjust it or, you can use the Task Builder's layout customisation settings to build a task optimised for computers and another version that is optimised for mobile devices.
Alternatively, you can limit the device types that participant can use for your study - see our Recruitment Requirements guide for more information.
Take a look at our mobile customisation guide to learn how to optimise your experiment for mobile devices.
