Alexander Skogberg

UX, Web & Design

To content

Multimedia management app for hospital staff

KIBI Media screenshot

A screenshot of KIBI Media. This is the least gory photo we got to use.

Background

In 2013, KIBI wanted to merge their two apps for handling and editing documents and photos.

Goal

Apart from achieving high usability, new graphic design was also needed for the app titled KIBI Media.

Design process

I worked together with Rickard Linder, my good friend and Art Director. For the final phase of the project, the two of us worked together with the KIBI development team.

Analysing photo editing apps
Rickard and I began by analysing several photo editing apps before starting grinding out ideas for features, layout, graphic design and so on.

Doing user research
For some user research, Rickard and I visited a hospital in northern Sweden where we spent a day with their full-time photographer, a soon-to-be user of KIBI Media.

We observed how the hospital photographer carried out his work and learnt want he wanted and needed from the app we were designing.

Drawing and usability testing wireframes

Based on our prep work, I drew wireframes showing all major and minor features of the app. These wireframes were then usability tested with five people with different experiences in photo editing.

KIBI Media wireframe

One of many paper wireframes used for usability testing.

Graphic design and working with developers
Once the usability testing was done and the wireframes were improved based on the feedback, Rickard and I created the app’s graphic design.

We then handed over the wireframes and graphic design to the KIBI development team, with whom we continuously met and worked with during the development phase.

Result

KIBI Media was a total success and is still used today by hospital staff in many Swedish county councils.

According to KIBI, a chief physician was cited saying “KIBI Media is the best app out there and is incredibly easy to use”.

kibi-group.com/medical-imaging/#kibimedia

Technology

All decisions related to technology was done by the KIBI development team.

Much responsive Many CSS Very breakpoint So media query Such HTML Wow