Mobile apps · Design concept
Field-service app
A field-service app design study covering visit schedules, inspection checklists and report review, with proposed offline and incomplete-task messages.
Design concepts, not client projects. Screens are static mockups; names and data are illustrative.
The design brief
Give a field worker a clear next step during a site visit, including when connectivity is uncertain. The concept connects the day’s schedule to an inspection and its report review.
- Designed for
- Field technicians carrying out scheduled visits and recording inspection findings on a phone.
- Constraints to consider
- A worker may be interrupted or lose reception. The interface must distinguish a record saved on the device from one received by the server. This static concept does not implement offline storage or synchronisation.
The proposed journey
- 01
Choose the visit
The day’s schedule groups visits with the information needed to identify the next site task.
- 02
Work through the inspection
The inspection screen breaks work into checklist items and includes a place for photographic evidence.
- 03
Review the report
A review screen gathers the inspection details and shows a saved-on-device notice as part of the proposed offline flow.
Why these design choices?
Make progress resumable
Named checklist items give the worker reference points after an interruption. The design should distinguish completed, outstanding and blocked items in text.
Describe where the data is
A saved-on-device message is different from a submitted report. Explicit wording avoids suggesting that the office has received a record before synchronisation is confirmed.
A closer look at the visual system
Proposed design specimens. These are static examples, not working controls or a production specification.
Colour roles
Task canvas
#F2F7F5
Primary actions
#146B58
Task text
#253D36
Typography & spacing
Clear information. A considered next step.
Use sans-serif labels with clear numerals for visit times and checklist counts. Keep instructions short; longer findings belong in their own reading area.
Stack tasks in a single column with well-separated touch targets. Put each instruction near its control and keep report status outside the editable notes.
Beyond the ideal state
Saved on device
Saved on this device. The report has not reached the office yet.
Report received
The office has received this report. You can return to your visit list.
Inspection incomplete
Complete the required inspection items before submitting the report.
What should an offline status tell a field worker?
It should say whether the record is saved locally, waiting to send or confirmed as received. A generic success tick cannot explain those differences. Retry rules and conflict handling still need to be designed with the synchronisation system.
