Requesters frequently use Mechanical Turk for image-related tasks, including moderating, tagging, or transcribing text from images. For Requesters using the UI, Mechanical Turk offers project templates that make it easier for Requesters to design and publish HITs for these types of tasks. In this post, we will highlight some tips for customizing the Tagging of an Image template and the Transcription from an Image template, since the formats of each template are similar. We’ll focus on the Moderation of an Image project template in a follow-up post.
Designing HIT Instructions
The project templates include sample instructions you can edit to meet your requirements. Your instructions should communicate your expectations with specific guidance related to how Workers should tag each image or the text they should transcribe. For instance, if you’re asking Workers to tag an image, you might consider including requirements for the maximum allowable characters or words per tag. Keep in mind that the clarity of your instructions will directly impact the quality of your results.

Placing Your Image
Both the Tagging of an Image project template and the Transcription from an Image template include a placeholder for a single image followed by three input text fields. This image placeholder lets you embed your images by using a variable “${image_url}” to represent the location where your images are hosted (More detail on how to embed your image is included in the Publishing section below.)
You can change the variable name of the image placeholder from “image_url”, if necessary. There are two ways to change the variable name. The first is to double-click on the image placeholder and edit the URL field.

Alternately, you can edit it by going to the editor’s Source view to change the img src attribute of the image:

Either way, when you change the name of your variable make sure to leave the dollar sign and the curly braces (“${variable_name}”) since this is the required format for specifying an input variable. Also make sure that your variable name is a single word containing no space.
Adding and Removing Input Fields
You can add or remove input fields based on your project requirements. To remove an input field, click on the field and press the Del key (if using Firefox) or press CTRL+X (if using Chrome). Alternatively, you can delete the HTML associated with the input field from the Source view. In the example below, we’ve highlighted the HTML code you would delete if you wanted to delete the third input field in the Tagging of an Image project template.

Similarly, if you need an additional input field, you can insert additional fields by copy and pasting the same HTML (highlighted above), and updating the name of the input field attribute with a new, unique name. For instance, based on the example above, you might name the additional attribute “tag4”.
Publishing Your HITs
You upload the images to your HIT using a Comma Separated Values (CSV) file. Your CSV file should contain a column header that matches the variable name referenced in the previous section. The following example illustrates what the CSV file looks like if the variable name used in your HIT is “image_url”:

In this example, the published batch would include 5 HITs, each featuring a different image.
After you’ve finished editing your project template, remember to adjust the frame height of your HIT to minimize Workers’ need to scroll when viewing your HITs. You can set the frame height of the HIT from the Design Layout tab by adjusting the height in pixels in the field labeled Frame Height located above the editor.

Testing Your HITs
Finally, you can test your HIT design before you publish your HITs using our Requester Sandbox. Taking the time to test your HITs in advance can save time and help you to avoid paying for extra HITs you can’t use.
Further Customization
We use Bootstrap, a free collection of HTML and CSS-based design templates, to design the format and styling of the Tagging of an Image template and the Transcription from an Image template. You can use Bootstrap to further customize these templates or build your own. For more information, visit their website