Creating UX Tasks in Gorilla
Overview
In this guide, you will learn how to build interactive UX/ UI Tasks such as simulated websites, Think-Aloud designs, and AI chatbot tests in Gorilla without writing a single line of code. With our Task Builder 2, you can easily capture rich behavioural metrics, including reaction times, click counts, audio recordings, eye-tracking data and much more!
Highlights
To see the possibilities of UX/ UI research in Gorilla, check out our showcase video:
How easy is it to build simulated websites on Gorilla?
Create a realistic website simulation that has buttons that respond to hovering, allows participants to explore multiple pages, and tracks their full navigation journey.
Need participants to click on a button or tooltip and believe it’s real? Our Image - Hover Component allows you to create realistic buttons and tooltips. Simply upload the different images of your buttons and select them in the Image - Hover Component!
To make your Task feel like navigating a website with multiple pages, use our Branching options! After you define the response for one of your buttons, such as ‘signup’, use the Branch component to select which page the participant should go to. This system easily allows participants to naturally navigate between multiple pages.
Once you’ve built your simulated website, preview your Task! By previewing your design you can see how it looks to a participant and you can then download this preview data to help prepare your data analysis plan. You’ll see which buttons a participant clicked on, how long they stayed on each page, and much more!
Try cloning and editing this Sample to get started quickly: Gorilla UX Example Task
How can I build different website designs?
The above example provides a great start to UX/ UI research. Get more exciting data by customising your design to fit your research questions. Check out the below examples to get inspired about what you can achieve in Gorilla!
Scam Email Detection
Interested in Human-Computer Interaction? Then Our Scam Email Detection Task is a great example for you!
- Set the Background:
- Upload your background using an Image component.
- Add Content:
- Add Images and Text with an Overlay component to fix the position of your content.
- Add Spam or Real buttons
- Add Image - Hover components and Click Response components to create buttons for your participants to respond with.
Social Media Tasks
Looking to explore how people use social media but need a controlled environment? Then try our Social Media Component!
- Easy Set-up
- Select the Social Media Component to use a template that replicates Facebook or Instagram.
- Upload your Stimuli
- Add the images you want to appear on your Task to the Stimuli tab.
- Bind to the Spreadsheet
- List your stimuli in the Spreadsheet and bind the Social Media component to it, in order to easily have trial by trial variation across multiple posts!
How can I get even more insightful data in UX/ UI Tasks?
With Gorilla’s more advanced tools, you can collect even richer data for your UX/ UI research! Have a look at the options below to see how you can take your research to the next level!
AI Chatbots
AI chatbots are becoming more and more common online. With Gorilla’s AI Add-on, you can add a chatbot to your simulated website design to see how and when participants would engage with a chatbot and what they might ask!
Gorilla's AI Add-on can do much more as well. Watch our recent AI in Gorilla: More Interactive Studies, Richer Data webinar to see the AI features in action!
Website Simulation - AI Chatbot
This sample will not work in preview - it is provided only to demonstrate how to set up an AI chatbot on a website simulation.
To get access to the AI components, email subscriptions@gorilla.sc.
Think Aloud Designs
Think-aloud designs offer a great way to capture qualitative data while participants are doing a Gorilla Task. By combining your design with our Audio Recording component you can easily collect this rich form of data!
UX/ UI FAQs
Exactly what data you get depends on your design, but, by default, Gorilla provides you with participants' reaction times for each action as well as what they clicked on.
For specific components, you will also get the relevant corresponding data. With the AI chatbot, for instance, you can collect a full transcript of the conversation.
To understand all the data you can collect on Gorilla see our Data Analysis Guide.
You can easily do A/B testing with our Control Nodes, such as our Randomiser Node.
In the Experiment Builder, add a Randomiser Node to distribute participants between two or more tasks, such as your experimental condition and a control condition. If the Tasks you wish to split across participants are the same except for different stimuli, consider using multiple Spreadsheets within the same Task to easily create different conditions!
Yes! We support both Eye-tracking and Mouse-tracking. See our dedicated guide for Eye-tracking or our Mousetracking Tutorial to learn more about these advanced features.
You could also consider using our Screen Recording component!