'''Step 5, Design Layout:''' At this point, you have to design what the turker sees when they receive your assignment. While it is possible that one turker will complete multiple HITs, it is important to design the HIT so that it can be easily completed the first (and possibly only) time by the worker. In figure 35, below, you can see the initial design layout of the default data acquisition project in the turk system. It is an example HIT that asks turkers to find the website of a restaurant. Please note that this is not a great HIT in terms of the level of clarity of the instructions. We will provide guidelines on creating instructions below. For now, just notice a few features of the HIT. To the right of "Restaurant Name", there is a field called ${name}. This is actually a hook, or a blanks space, that will be populated with the actual name of a restaurant that will come from a spread sheet that you will upload into the turk system. Each HIT will correspond to one row of the spreadsheet. This is the same for the "Address" and "Phone Number" rows. The last key thing to notice is the "Website Address" field with a text entry box right below it. When a turker receives this HIT, they will paste the web address into this text box and you will receive a new spreadsheet with whatever they (add all the other turkers) pasted in the same row as the data you used to populate each HIT.
Now, How do you modify this HIT to reflect your actual data task? You can actually change the wording of the task directly in the editor screen. Make sure that all of the data element hooks (like ${name}) correspond to the actual names of the columns in the CSV file that you will upload on the turk system. But what if you need the task to look substantially different from the one you are looking at? If you click on the "Source", it will show you the actual html code of your HIT task as displayed in Figure 46. The turk system allows you to display a full website essentially for your HIT task with javascript, CSS, etc. As we develop our system at the McNair center, your will have more existing tasks to choose from, but when you need to actually build your own, some useful HTML references are listed below. When you have completed editing your HIT template, click on the "Save" Button and then move to "Preview". In this last screen, it will show you exactly what the turkers will see (Figure 57). If it looks correct, click "Finish"
;HTML references