Image classification

For this type of project, you can use the Image classification template (view code in the sandbox). Note that validation, keyboard shortcuts, and task layout are already configured in this example.

Components used in the example
Note. You can add media files from your own server, Yandex.Disk, or cloud storage, such as Yandex.Cloud, Google Cloud, or Amazon AWS.

What else can be configured

If these templates don't meet your needs, see other examples in this section.

Other options for buttons

Decide whether the performer can select only one or multiple answer options:

If there are several possible answers to the question, use field.checkbox-group checkboxes.

View example

Add conditions

The helper.if component displays an interface element after a specific response is selected. For example, it lets the user select correct statements about an image only if the image loaded.

View example

Image and search query comparison

Does the image match the search query

Add a button that opens the search results and generate a search query link using the helper.search-query component. To make sure that the performer clicked on the link and checked its contents, configure validation, as in the example.

View example

Side-by-side image and web page comparison

You can display a web page in an embedded window using the view.iframe component. Place the image next to it using layout.side-by-side.

View example

Side-by-side image and mobile web page comparison

This is a more complex example that compares the image with the results of a search query. The following components are added:

View example