You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/CONSENT.txt
+2-2Lines changed: 2 additions & 2 deletions
Original file line number
Diff line number
Diff line change
@@ -3,7 +3,7 @@ INFORMED CONSENT — UI Preference Study
3
3
You are invited to participate in a research study evaluating user interfaces. During this session, you will be asked to view 6 pairs of digital layouts (such as course schedules, digital libraries, and fee vouchers) and select the layout you find most intuitive.
4
4
5
5
WHAT YOU WILL DO:
6
-
You will view 6 pairs of user interface designs and select the one you prefer in each pair. You will also rate your confidence in each choice. The study takes approximately 3-5 minutes.
6
+
You will view 6 pairs of user interface designs and select the one you prefer in each pair. The study takes approximately 3-5 minutes.
7
7
8
8
VOLUNTARY PARTICIPATION:
9
9
Your participation is entirely voluntary. You may stop at any time by closing your browser. No penalty will result from withdrawal.
@@ -18,7 +18,7 @@ RISKS:
18
18
This study involves minimal risk. You will only be viewing interface designs and clicking on your preferences.
19
19
20
20
CONTACT:
21
-
If you have questions about this study, please contact: [Muhammad Hasham, hashamnasir86@gmail.com]
21
+
If you have questions about this study, please contact: Hasham Nasir (hashamnasir86@gmail.com)
22
22
23
23
By proceeding, you confirm that you are 18 years of age or older and consent to participate.
Copy file name to clipboardExpand all lines: docs/DEBRIEF.txt
+2-2Lines changed: 2 additions & 2 deletions
Original file line number
Diff line number
Diff line change
@@ -26,8 +26,8 @@ WITHDRAWAL:
26
26
If you wish to withdraw your data from the study, please contact the researcher below within 7 days. Provide the Participant ID shown on your completion screen.
27
27
28
28
QUESTIONS OR CONCERNS:
29
-
Contact: [Your Name]
30
-
Email: [your.email@institution.edu]
29
+
Contact: Hasham Nasir
30
+
Email: hashamnasir86@gmail.com
31
31
32
32
Thank you again for contributing to this research!
| 7 | Debrief provided | YES | Available at study completion and as DEBRIEF.txt |
14
-
| 8 | Data security | YES | Data stored locally on participant devices|
14
+
| 8 | Data security | YES | Data is transmitted to Google Firebase Firestore via encrypted HTTPS, with a temporary localStorage fallback in case of network timeout|
15
15
| 9 | No vulnerable populations targeted | YES | 18+ adults only |
16
16
| 10 | Aggregate reporting only | YES | No individual results published |
17
17
| 11 | Contact information provided | YES | Researcher contact in consent and debrief |
18
18
| 12 | No physical or psychological harm | YES | Viewing interface designs only |
19
-
| 13 | Data retention policy | N/A |Local CSV files; no server storage|
19
+
| 13 | Data retention policy | N/A |Cloud storage via Firebase Firestore. No local CSV files are retained on participant devices|
Copy file name to clipboardExpand all lines: docs/METHODS.md
+9-19Lines changed: 9 additions & 19 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -18,42 +18,32 @@ Participants were recruited from [classroom / online panel]. Inclusion criteria:
18
18
19
19
A between-subjects experimental design with two conditions:
20
20
21
-
-**Control condition:** Participants viewed 8 pairs of UI mockups with neutral labels ("Option A" / "Option B") and selected their preferred design.
22
-
-**AI Label condition:** Participants viewed the same 8 pairs, but one option in each pair displayed a "★ AI Recommended" badge.
21
+
-**Control condition:** Participants viewed 6 pairs of UI mockups with neutral labels ("Option A" / "Option B") and selected their preferred design.
22
+
-**AI Label condition:** Participants viewed the same 6 pairs, but one option in each pair displayed a "★ AI Recommended" badge.
23
23
24
-
Assignment to conditions was randomized (50/50) using client-side JavaScript random number generation at the point of entry.
24
+
Assignment was experimenter-controlled. Participants were recruited via WhatsApp and directed to specific conditions using URL parameters (?condition=control vs. ?condition=ai), guaranteeing an exact cohort split.
25
25
26
26
## Stimuli
27
27
28
-
Eight pairs of high-fidelity UI mockups were created covering common interface patterns:
29
-
30
-
1. E-commerce product card (button color: blue vs. green)
31
-
2. Settings page (toggle alignment: left vs. right)
32
-
3. Analytics dashboard widget (chart type: bar vs. line)
33
-
4. Signup form (CTA copy: "Sign Up" vs. "Get Started")
34
-
5. Pricing table (highlighted tier: Basic vs. Pro)
35
-
6. Navigation sidebar (icon style: outlined vs. filled)
36
-
7. Notification banner (position: top vs. inline)
37
-
8. Search results (layout: list vs. grid)
28
+
Participants evaluated 6 distinct, context-neutral UI domains designed to elicit aesthetic ambiguity: 1. Server CPU Load (Data Analytics), 2. Product Card (E-Commerce), 3. Notification Toggles (Settings), 4. Subscription Tiers (SaaS Pricing), 5. App Menu (Navigation), 6. 2FA Verification (Security).
38
29
39
30
Each pair shared identical layout and functionality, differing only in a single design attribute. Pairs were rendered as CSS/HTML mockups within the experiment page. In the AI condition, one option per pair received a visually prominent "★ AI Recommended" badge. The assignment of which option received the badge was counterbalanced across pairs.
40
31
41
32
## Procedure
42
33
43
-
1. Participants accessed the experiment via a URL that randomly redirected them to one of two conditions.
34
+
1. Participants accessed the experiment via a condition-specific URL shared by the experimenter.
44
35
2. A welcome screen explained the task and obtained informed consent.
45
-
3. Participants completed 8 trials presented in randomized order.
36
+
3. Participants completed 6 trials presented in randomized order.
46
37
4. On each trial, two UI mockups appeared side-by-side (left/right placement randomized).
47
38
5. Participants clicked to select their preferred design.
48
-
6. After selection, they rated their confidence on a 5-point scale (1 = not at all confident, 5 = very confident).
49
-
7. Upon completion, participants saw a summary and could download their responses.
39
+
6. Upon completion of the in-app debriefing screen, data was silently transmitted to Firebase.
50
40
51
41
## Measures
52
42
53
43
-**Primary DV:** Choice (A or B) — coded as whether the AI-preferred option was selected
54
44
-**Secondary DVs:**
55
-
- Confidence rating (1–5 Likert scale)
56
45
- Reaction time (ms) — time from trial display to choice click
Copy file name to clipboardExpand all lines: docs/README.md
+3-3Lines changed: 3 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -2,7 +2,7 @@
2
2
3
3
## Purpose
4
4
5
-
This experiment tests whether an "AI Recommended" label influences users' UI design preferences. Participants view 8 pairs of interface mockups and select their preferred option. Half see neutral labels (control); half see one option per pair marked with a "★ AI Recommended" badge (treatment).
5
+
This experiment tests whether an "AI Recommended" label influences users' UI design preferences. Participants view 6 pairs of interface mockups and select their preferred option. Half see neutral labels (control); half see one option per pair marked with a "★ AI Recommended" badge (treatment).
6
6
7
7
## Folder Structure
8
8
@@ -16,7 +16,7 @@ This experiment tests whether an "AI Recommended" label influences users' UI des
16
16
1. Open `docs/RUNBOOK.md` and follow Step 1
17
17
2. Open `http://localhost:8000/code/index.html?condition=control` (Control)
18
18
3. Open `http://localhost:8000/code/index.html?condition=ai` (Treatment)
19
-
4. Data is synced to Firebase and available via CSV download.
19
+
4. Data is silently transmitted to Firebase Firestore upon completion of the in-app debriefing screen.
20
20
21
21
## Key Files
22
22
@@ -32,7 +32,7 @@ This experiment tests whether an "AI Recommended" label influences users' UI des
0 commit comments