--- title: "A/B Test Your Design / Image / Prototype in Your Tests" canonical: "https://help.uxarmy.com/space/UT/90439681/A%2FB%20Test%20Your%20Design%20%2F%20Image%20%2F%20Prototype%20in%20Your%20Tests" format: markdown --- ## **What is A/B Testing** A/B Testing also known as split testing is a user experience research method used to compare two versions of a design or visual stimulus to understand which performs better. The variable can be image design homepage layout UI screens copy or navigation. Version A is the original version and Version B is the variation. Users interact with both versions and their feedback helps identify which design performs better based on usability, clarity and preference. ## **How A/B Testing Works** In A/B testing participants are exposed to two versions of a design. - Version A represents the control design - Version B represents the variation Participants interact with each version and provide feedback through rating or survey questions. Finally participants compare both versions and select the one they prefer. This helps identify which design performs better and supports decision making. ## **Methods to Run A/B Testing** UXArmy allows multiple ways to run A/B testing for image design and visual stimulus - **Using Multiple Choice Task** - **Using Image Task with Group** - **Using Prototype Task** ## **A/B Testing Using Multiple Choice Task (Survey Task)** In this method, participants will be able to vote for their preferred design and give feedback and their reasoning verbally. You’ll only need to create a “Survey Task” and upload the images you’d like to A/B test for participants to view and vote.  ### **Steps** #### **Create Multiple Choice Task** - Select Multiple Choice Task - Write your A/B comparison question - Turn off Allow Multiple Selections - Enable Add Images - Enable Use Image as options - Upload Image A and Image B #### **Key Settings** - Images act as answer options - Participants can click directly on images to select - Supports up to 10 images - Each image should be within size limits(5MB) ![A_B Test - Multiple Choice task.png](media://70672eb6-e540-4f20-95ea-e640590bc33b) *A/B Test - Multiple Choice task Setup* ![Participants view of A_B Test Multiple Choice task.png](media://207da3e4-f269-4301-b8df-55deeed785bb) *Participant's view of A/B Test* ## **A/B Testing Using Image Task with Group** This is the most recommended approach because participants evaluate each design separately before comparison In this method, participants will go through 2 different designs in 2 Image Tasks and will share their feedback on their preference in a separate Question Task. Below is an example of your task sequence. ### **Create Group for Version A** #### **Step 1:- Add Image Task** - Add Image Task inside a Group - Upload Image A - Add clear task instructions - Ask participants to review the design carefully #### **Step 2:- Add Rating Scale** - Add Rating Scale inside the same Group - Example question “How visually appealing and professional does this design feel” - Use 5 point scale 1 Very Poor 2 Poor 3 Average 4 Good 5 Excellent ![Creating Group Task with Image options.png](media://b9ed0938-eeb3-4051-b573-ed359f09a9ac) *Creating Group Task with Image option included*   ### **Duplicate Group for Version B** - Duplicate the entire Group - Replace Image A with Image B - Keep instructions and rating questions exactly the same This ensures fair comparison between A/B versions   ![Creating Duplicate Group Task.png](media://ed0f6cad-8e13-4281-ae84-9863833fe769) *Creating Duplicate Group B Task with image replaced* ### **Add Final A/B Comparison Task** #### **Create Multiple Choice Task** - Turn off Allow Multiple Selections - Enable Add Images - Enable Use Image as options - Upload Image A and Image B #### **Ask Comparison Question** - Which design do you prefer A or B - Which design feels more useful or easier to use - Ask participants to explain why - Add the images you used in the previous 2 image tasks (each image up to 2 MB) ![Including Multiple Image choices.png](media://894889ff-b362-419a-bdeb-df2f05ccde2f) *Including Multiple Image as choices* ### **Participant’s view:** - Image Tasks   ![image](media://c924bf0a-82d4-40c0-9cfc-9a5363c99027) *Participant’s View of Image Task* ![image](media://527c0f2b-a142-4f99-88f1-c89c37a549c2) ![image](media://1f347dac-0876-408c-9f17-e89e3e2824c4) *Participant’s View of Group-B Image Task* ![image](media://7fc298d5-edff-4e31-a613-ed0ad81287d4) *Participant’s View of Group-B Survey Rating Task* ![Participants view of Multiple Choice Task.png](media://99bbeb15-ec49-4895-b527-a237d922d000) *Multiple Choice Task for comparing both images* **A/B Testing Using Prototype Task** This method is useful when - Images are large - You want slideshow or interactive experience In this method, you can make a slideshow with a simple prototype. Participants will be able to view and switch between the images within the prototype, and they can select and feedback on their preferred design in follow-up question tasks. Here is a [template of the Prototype File](https://www.figma.com/proto/o36w3GoGYXHqeMQOt6MYx7/Template-A%2FB-Test-Images-(Public)?node-id=2%3A7&scaling=min-zoom&page-id=0%3A1&starting-point-node-id=2%3A7) with 2 versions of the image design. You can copy this template for your testing. Add a Prototype task containing the images you want to test Add a Question task with the images shown in the Prototype task as a follow up and group it with the Prototype task ![Prototype Task with Image Slide Show.png](media://23384858-bcfa-4dad-8ae2-704b5f7d15dd) *Prototype Task with Image Slide Show* ![Follow up Survey Task on Previous Task.png](media://c4def6cd-ae11-4d5d-93eb-971b0e395f8c) *Follow up Survey question on Previous Task* ## **Conclusion** Overall, there are still many different ways to customize an A/B test to be discovered. The methods listed here are just some setups that we suggest for our clients. All the test setups can be customized, based on your research objectives. If you are looking for other ways to set up your A/B test, feel free to reach out to our team at [hi@uxarmy.com](mailto:hi@uxarmy.com) for more testing tips!