Daily Diary Study Entry Form
This diary study entry form enables research participants to quickly log their daily experiences, mood, energy levels, and notable events. Designed for longitudinal studies, the form takes under 2 minutes to complete while capturing rich contextual data. Ideal for UX research, product usage studies, health tracking, and behavioral research requiring repeated measures over time.
Try the Form
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
export function diaryStudyEntry(form: FormTs) {
// Daily Diary Study Entry - Research participant daily log
// Demonstrates: Datepicker, Timepicker, EmojiRating, Slider, CheckboxList, ThumbRating, dynamic labels
// ============================================
// HEADER
// ============================================
form.addRow(row => {
row.addTextPanel('header', {
label: 'Daily Diary Entry',
computedValue: () => 'Take a moment to reflect on your day. This should only take 2 minutes.',
customStyles: {
backgroundColor: '#7c3aed',
color: 'white',
padding: '24px',
borderRadius: '12px',
textAlign: 'center'
}
});
});
// ============================================
// SECTION 1: Entry Timestamp
// ============================================
const timestampSection = form.addSubform('timestampSection', {
title: 'Entry Details',
customStyles: { padding: '16px', borderRadius: '8px', border: '1px solid #ddd6fe' }
});
timestampSection.addRow(row => {
row.addDatepicker('entryDate', {
label: 'Date of this entry',
maxDate: () => new Date().toISOString(),
isRequired: true
}, '1fr');
row.addTimepicker('entryTime', {
label: 'What time is it now?',
isRequired: true
}, '1fr');
});
timestampSection.addRow(row => {
row.addDropdown('entryContext', {
label: 'Where are you right now?',
options: [
{ id: 'home', name: 'At home' },
{ id: 'work', name: 'At work/office' },
{ id: 'commute', name: 'Commuting' },
{ id: 'public', name: 'Public place' },
{ id: 'outdoor', name: 'Outdoors' },
{ id: 'other', name: 'Other location' }
],
placeholder: 'Select location'
}, '1fr');
row.addDropdown('entryType', {
label: 'Type of entry',
options: [
{ id: 'morning', name: 'Morning check-in' },
{ id: 'midday', name: 'Midday check-in' },
{ id: 'evening', name: 'Evening reflection' },
{ id: 'triggered', name: 'Triggered by an event' }
],
placeholder: 'Select type'
}, '1fr');
});
// ============================================
// SECTION 2: Current State
// ============================================
const stateSection = form.addSubform('stateSection', {
title: 'How Are You Feeling?',
customStyles: () => {
const mood = stateSection.emojiRating('currentMood')?.value();
if (mood === 'excited' || mood === 'happy') {
return { backgroundColor: '#f5f3ff', padding: '16px', borderRadius: '8px', borderLeft: '4px solid #7c3aed' };
}
if (mood === 'sad' || mood === 'down') {
return { backgroundColor: '#fef3c7', padding: '16px', borderRadius: '8px', borderLeft: '4px solid #f59e0b' };
}
return { padding: '16px', borderRadius: '8px', border: '1px dashed #c4b5fd' };
}
});
stateSection.addRow(row => {
row.addEmojiRating('currentMood', {
label: 'Current mood',
preset: 'mood',
size: 'lg',
showLabels: true,
alignment: 'center'
});
});
stateSection.addRow(row => {
row.addSlider('energyLevel', {
label: 'Energy level',
min: 0,
max: 10,
step: 1,
showValue: true,
defaultValue: 5
}, '1fr');
row.addSlider('stressLevel', {
label: 'Stress level',
min: 0,
max: 10,
step: 1,
showValue: true,
defaultValue: 5
}, '1fr');
});
stateSection.addRow(row => {
row.addSlider('focusLevel', {
label: 'Focus/Concentration',
min: 0,
max: 10,
step: 1,
showValue: true,
defaultValue: 5
}, '1fr');
row.addSlider('motivationLevel', {
label: 'Motivation',
min: 0,
max: 10,
step: 1,
showValue: true,
defaultValue: 5
}, '1fr');
});
// ============================================
// SECTION 3: Activities
// ============================================
const activitiesSection = form.addSubform('activitiesSection', {
title: 'Recent Activities',
isVisible: () => stateSection.emojiRating('currentMood')?.value() !== null
});
activitiesSection.addRow(row => {
row.addCheckboxList('recentActivities', {
label: 'What have you been doing recently? (select all that apply)',
options: [
{ id: 'work', name: 'Working/Productive tasks' },
{ id: 'meeting', name: 'Meetings/Calls' },
{ id: 'exercise', name: 'Exercise/Physical activity' },
{ id: 'social', name: 'Social interaction' },
{ id: 'eating', name: 'Eating/Drinking' },
{ id: 'relaxing', name: 'Relaxing/Resting' },
{ id: 'commuting', name: 'Traveling/Commuting' },
{ id: 'entertainment', name: 'Entertainment (TV, games, etc.)' },
{ id: 'chores', name: 'Household chores' },
{ id: 'other', name: 'Other activity' }
],
orientation: 'vertical'
});
});
activitiesSection.addRow(row => {
row.addDropdown('primaryActivity', {
label: 'What was your main activity in the last hour?',
options: [
{ id: 'deep-work', name: 'Deep focused work' },
{ id: 'routine-work', name: 'Routine tasks' },
{ id: 'meetings', name: 'Meetings/Collaboration' },
{ id: 'learning', name: 'Learning/Reading' },
{ id: 'creative', name: 'Creative work' },
{ id: 'admin', name: 'Administrative tasks' },
{ id: 'break', name: 'Taking a break' },
{ id: 'personal', name: 'Personal activities' }
],
placeholder: 'Select primary activity'
});
});
// ============================================
// SECTION 4: Product/Experience Interaction (Research Focus)
// ============================================
const interactionSection = form.addSubform('interactionSection', {
title: 'Product/Experience Interaction',
isVisible: () => stateSection.emojiRating('currentMood')?.value() !== null,
customStyles: { backgroundColor: '#f5f3ff', padding: '16px', borderRadius: '8px' }
});
interactionSection.addRow(row => {
row.addRadioButton('usedProduct', {
label: 'Did you use the product/service being studied today?',
options: [
{ id: 'yes', name: 'Yes' },
{ id: 'no', name: 'No' },
{ id: 'na', name: 'Not applicable today' }
],
orientation: 'horizontal'
});
});
// Conditional: if used product
const productDetails = interactionSection.addSubform('productDetails', {
isVisible: () => interactionSection.radioButton('usedProduct')?.value() === 'yes',
customStyles: { backgroundColor: 'white', padding: '16px', borderRadius: '8px', marginTop: '12px' }
});
productDetails.addRow(row => {
row.addStarRating('productExperience', {
label: 'Rate your experience today',
maxStars: 5,
size: 'lg',
alignment: 'center',
filledColor: '#7c3aed'
});
});
productDetails.addRow(row => {
row.addEmojiRating('productFeeling', {
label: 'How did using it make you feel?',
preset: 'satisfaction',
size: 'md',
showLabels: true,
alignment: 'center'
});
});
productDetails.addRow(row => {
row.addTextarea('productNotes', {
label: 'Describe what happened (context, task, outcome)',
placeholder: 'What were you trying to do? What happened? How did it go?',
rows: 2,
autoExpand: true
});
});
// ============================================
// SECTION 5: Notable Events
// ============================================
const eventsSection = form.addSubform('eventsSection', {
title: 'Notable Events',
isVisible: () => stateSection.emojiRating('currentMood')?.value() !== null
});
eventsSection.addRow(row => {
row.addRadioButton('notableEvent', {
label: 'Did anything notable happen since your last entry?',
options: [
{ id: 'yes', name: 'Yes, something notable' },
{ id: 'no', name: 'No, nothing unusual' }
],
orientation: 'horizontal'
});
});
// Conditional: Notable event details
const eventDetails = eventsSection.addSubform('eventDetails', {
isVisible: () => eventsSection.radioButton('notableEvent')?.value() === 'yes',
customStyles: { backgroundColor: '#fef3c7', padding: '16px', borderRadius: '8px', marginTop: '12px' }
});
eventDetails.addRow(row => {
row.addDropdown('eventType', {
label: 'Type of event',
options: [
{ id: 'positive', name: 'Positive experience' },
{ id: 'negative', name: 'Negative experience' },
{ id: 'surprising', name: 'Surprising/Unexpected' },
{ id: 'frustrating', name: 'Frustrating moment' },
{ id: 'successful', name: 'Achievement/Success' },
{ id: 'social', name: 'Social interaction' },
{ id: 'discovery', name: 'Discovery/Learning' },
{ id: 'other', name: 'Other' }
],
placeholder: 'Select event type'
}, '1fr');
row.addThumbRating('eventImpact', {
label: 'Was the impact positive or negative?',
showLabels: true,
upLabel: 'Positive',
downLabel: 'Negative',
alignment: 'center'
}, '1fr');
});
eventDetails.addRow(row => {
row.addTextarea('eventDescription', {
label: 'Describe what happened',
placeholder: 'What happened? How did it affect you?',
rows: 3,
autoExpand: true,
isRequired: () => eventsSection.radioButton('notableEvent')?.value() === 'yes'
});
});
// ============================================
// SECTION 6: Quick Reflection
// ============================================
const reflectionSection = form.addSubform('reflectionSection', {
title: 'Quick Reflection',
isVisible: () => stateSection.emojiRating('currentMood')?.value() !== null
});
reflectionSection.addRow(row => {
row.addTextarea('highlights', {
label: () => {
const mood = stateSection.emojiRating('currentMood')?.value();
if (mood === 'excited' || mood === 'happy') {
return 'What made today good so far?';
} else if (mood === 'sad' || mood === 'down') {
return 'What has been challenging today?';
}
return 'Anything worth noting about today?';
},
placeholder: 'A few words about your day...',
rows: 2,
autoExpand: true
});
});
reflectionSection.addRow(row => {
row.addSlider('overallDay', {
label: 'Rate your day so far (1-10)',
min: 1,
max: 10,
step: 1,
showValue: true,
defaultValue: 5
});
});
// ============================================
// SECTION 7: Summary
// ============================================
const summarySection = form.addSubform('summarySection', {
title: 'Entry Summary',
isVisible: () => stateSection.emojiRating('currentMood')?.value() !== null
});
summarySection.addRow(row => {
row.addTextPanel('summary', {
computedValue: () => {
const mood = stateSection.emojiRating('currentMood')?.value();
const energy = stateSection.slider('energyLevel')?.value();
const stress = stateSection.slider('stressLevel')?.value();
const focus = stateSection.slider('focusLevel')?.value();
const motivation = stateSection.slider('motivationLevel')?.value();
const overallDay = reflectionSection.slider('overallDay')?.value();
const usedProduct = interactionSection.radioButton('usedProduct')?.value();
const productRating = productDetails.starRating('productExperience')?.value();
const activities = activitiesSection.checkboxList('recentActivities')?.value() || [];
if (!mood) return '';
const moodLabels: Record<string, string> = {
'sad': '😢 Sad',
'down': '😔 Down',
'neutral': '😐 Neutral',
'happy': '😊 Happy',
'excited': '🤩 Excited'
};
let summary = `📓 DIARY ENTRY\n`;
summary += `${'═'.repeat(22)}\n\n`;
summary += `Mood: ${moodLabels[mood] || mood}\n\n`;
summary += `Energy: ${'█'.repeat(energy || 0)}${'░'.repeat(10 - (energy || 0))} ${energy}/10\n`;
summary += `Stress: ${'█'.repeat(stress || 0)}${'░'.repeat(10 - (stress || 0))} ${stress}/10\n`;
summary += `Focus: ${'█'.repeat(focus || 0)}${'░'.repeat(10 - (focus || 0))} ${focus}/10\n`;
summary += `Motivation: ${'█'.repeat(motivation || 0)}${'░'.repeat(10 - (motivation || 0))} ${motivation}/10\n`;
if (activities.length > 0) {
summary += `\nActivities: ${activities.length} logged`;
}
if (usedProduct === 'yes' && productRating) {
summary += `\n\n📱 Product: ${'★'.repeat(productRating)}${'☆'.repeat(5 - productRating)}`;
}
if (overallDay) {
summary += `\n\n📊 Day Rating: ${overallDay}/10`;
}
return summary;
},
customStyles: () => {
const mood = stateSection.emojiRating('currentMood')?.value();
const baseStyles = {
padding: '16px',
borderRadius: '8px',
whiteSpace: 'pre-wrap',
fontFamily: 'monospace',
fontSize: '12px'
};
if (mood === 'excited' || mood === 'happy') {
return { ...baseStyles, backgroundColor: '#f5f3ff', borderLeft: '4px solid #7c3aed' };
} else if (mood === 'sad' || mood === 'down') {
return { ...baseStyles, backgroundColor: '#fef3c7', borderLeft: '4px solid #f59e0b' };
}
return { ...baseStyles, backgroundColor: '#f8fafc', borderLeft: '4px solid #7c3aed' };
}
});
});
// ============================================
// FORM CONFIGURATION
// ============================================
form.configureSubmitButton({
label: 'Save Entry',
isVisible: () => stateSection.emojiRating('currentMood')?.value() !== null
});
form.configureCompletionScreen({
type: 'text',
title: 'Entry Saved!',
message: 'Thank you for logging your experience. Your consistent participation makes this research valuable. See you at your next entry!'
});
}
Frequently Asked Questions
How long should a diary study typically run?
Most diary studies run 1-4 weeks. Shorter studies (1 week) work for capturing routine behaviors, while longer studies (2-4 weeks) are better for tracking behavior changes, product adoption, or identifying patterns that emerge over time.
What time of day should participants complete the diary entry?
It depends on your research goals. End-of-day entries capture reflections on the full day. For real-time experiences, use multiple shorter entries throughout the day (experience sampling method). Consistency in timing is more important than the specific time.
How can I improve participant compliance and reduce dropout?
Keep entries short (under 2 minutes), send reminder notifications, provide small incentives for completion streaks, make the form mobile-friendly, and maintain regular communication with participants throughout the study.
Can I customize the mood and activity options?
Yes! The form is fully customizable. Adjust mood scales, activity categories, and prompts to match your specific research questions. You can also add product-specific questions or remove irrelevant sections.
How do I analyze diary study data?
Look for patterns across time (daily, weekly trends), correlations between variables (e.g., mood and activities), individual differences, and notable events or turning points. Both quantitative summaries and qualitative analysis of open-ended responses provide valuable insights.