Background

Field users have highlighted the need for a faster and more intuitive method to attach images directly within the web app. The current process of manually selecting and uploading images slows down data entry, particularly when users are working under time constraints on site or need to upload multiple images.

User feedback insight

Introducing drag-and-drop functionality for images within comments and worklog events would simplify the process, enabling field users to document site conditions more efficiently and with less friction.

Proposed solution

Drag-and-drop functionality: Allow users to drag and drop images directly into the comment and worklog event fields in the web app.

Multi-file support: Enable users to upload multiple images in one action.

Real-time previews: Display thumbnail previews of uploaded images before saving to confirm correct attachments.

Error handling: Implement file validation for supported types and size limits, with clear error messages for unsupported files.

Expected benefits

Increased efficiency – reduces the time spent uploading images, streamlining data entry.

Improved user experience – provides a faster, more intuitive way to attach site photos.

Enhanced documentation – encourages more frequent use of images, leading to clearer and more accurate project records.

User stories: focused on field users using the web app

User story 1: simplify image uploads

As a field user on the web app,

I want to drag and drop images directly into comments and worklog events,

So that I can quickly document site conditions without extra clicks.

User story 2: attach multiple images at once

As a field user on the web app,

I want to drag and drop multiple images in a single action,

So that I can efficiently upload all relevant photos without repeating the process.

User story 3: preview images before saving

As a field user on the web app,

I want to see image previews after dragging and dropping,

So that I can confirm the correct images are attached before saving.