← All projects
NAV · UX / UI DESIGN · 2023

Making Ditt sykefravær feel like one coherent service

Ditt sykefravær is made up of several user-facing pages within the same product domain, with different teams responsible for different parts of the experience. Over time, this had led to some variation in visual expression and use of the design system.

Desktop and mobile screens from Ditt sykefravær
Date
June–August 2023
Role
Designer, guided by a senior designer
Work
Visual direction, heuristic review and interaction design
Status
Design proposals
01 / Scope

The brief

I was given an open brief to explore how these pages could feel more consistent and clearly belong to the same service.

The goal was not to redesign one isolated page, but to look across the parts of the sick-leave journey aimed at the person on sick leave.

Because the brief left room for interpretation, I first needed to decide what “more consistent” should mean in practice.

02 / Visual direction

Min side became the visual reference

Rather than introducing a new direction, I chose to align the redesign with the recently updated Min side.

It gave me an existing reference for layout, hierarchy and component use, and helped anchor the work in a part of nav.no users would already encounter.

Recently redesigned Min side
Min side, which had recently been redesigned.
Existing Ditt sykefravær
Ditt sykefravær
03 / Review

The review uncovered more than visual inconsistencies

As I reviewed the pages, I found issues that couldn’t be addressed by updating the visual design alone. Some flows required unnecessary navigation, some information-heavy pages were difficult to scan at a glance, and in one case important deadline information was difficult to interpret.

I used a heuristic review to identify and document these issues, then explored improvements alongside the broader visual redesign.

Dialogue meetings

Reducing unnecessary navigation

Activity plan

Exploring ways to make dense content easier to scan

Application deadlines

Testing whether the existing guidance was actually understandable

04 / Dialogue meetings

Reducing unnecessary steps in the dialogue meeting flow

The existing dialogue meeting flow separated status information from the actions users could take. To request a meeting, users had to move through several pages before reaching the relevant action.

I explored whether the status, supporting information and available actions could be brought together on one page. In the proposed flow, the same task was reduced from seven interactions to five.

Existing flow7 interactions
Existing dialogue-meeting flow
Proposal5 interactions
Proposed dialogue-meeting flow
RedesignedDialogue meetings
Enlarged UI crop: status and action together
05 / Activity plan

Exploring denser layouts for the activity plan

Existing large-card layout

The existing activity plan used large cards that took up a lot of vertical space, making it difficult to get an overview of several activities at once.

I explored different ways of organizing the same information, including single-column, fixed-width, variable-width and kanban-style layouts. The goal was to see how much the content could be condensed without making it harder to read.

Single-column activity-plan layout
Single-column

Attention heatmap comparison

Predictive heatmap: existing layout
Predictive heatmap: Kanban-style layout

Predictive attention heatmaps were one comparison input, not validation.

I also used a predictive attention heatmap as one input when comparing the layouts, but the work remained exploratory and did not end in a single selected solution.

06 / Application deadlines

Testing whether the existing deadline guidance was understandable

The application deadline for sickness benefits depends on whether the sick-leave period crosses into a new month. The existing page explained this through text examples, which meant users had to work out how the rule applied to their own dates.

I tested the guidance with seven participants using two deadline tasks. On the first task, half answered correctly, with an average completion time of 1 minute 33 seconds. On the second, 75% answered correctly, with an average completion time of 2 minutes 9 seconds.

Based on this, I proposed showing an estimated deadline directly in the interface, using the same underlying logic as the existing examples. The estimate would still need to account for exceptions, but it could give users a clearer starting point than asking them to calculate the date themselves.

Original deadline guidance
Original deadline guidance
7 participants · 2 tasks
50%answered correctlyAverage time 1:33
75%answered correctlyAverage time 2:09
Proposed estimated-deadline UI
Redesigned deadline guidance
07 / Project status

Where the work landed

The redesign remained a set of design proposals rather than a fully implemented solution. The work was carried out as a smaller initiative alongside other priorities, with different teams responsible for different parts of the domain and limited opportunity for broader validation.

Even so, the work proposed a clearer visual direction for the user-facing sick-leave pages and surfaced several usability issues that could be explored further.

Design proposalsProject ended
NEXT PROJECTHamle ↗