GMEDICAL INNOVATION
user experience I user interface
Web dashboard and mobile app
The Challenge
G-medical innovation needed to have a mobile app and web portal which saves the online tests of their client from the app to the web.
The initial web portal was not showing the additional tests in a clear view, the request was to wow the client compare the old dashboards of the competitors.
In addition the request was to help with on boarding and to solve the problem of the connectivity to between the prizma the blutooth and the sensors of the jackets which is on the back of the phone
&
The solution
The solution presents in the website
each test separately and clearly.
It's possible to get the full picture about a patient within 10 sec.
The mobile app is more fluent , users can easily connect Prizma jacket to their phone and start taking tests.
2 main buttons were added in the top of the page indicates about the conectivity state of the Prizma. The main screen changed between tests we did swipe right
and there is a menu at the bottom which allows to see all the tests in one place.
40% increase in the numbers of users which engaged easily to the mobile app and the website
WIREFRAMES TO DESIGN
The video when first time user enter the website, explain about the platform and how to take tests. On the second time the video isn't there and the tests present. The Ecg screen is an example to a test screen and how the user get a clear view about his past and present medical condition.
WIREFRAMES TO DESIGN
We used light and clean style, used colors of the rainbow just for the different tests in the website and in the mobile app,
First time user
enters the portal
User don't have any tests
instead there is a movie
explains what to do and a banner if he didn't take any tests using the mobile app
Second time user
enters the portal
User can see the tests
he already took
Stress
test screen
We took the balance between
numb and stressed person
and made the balance
between the two using
scales as icon element
.jpg)
The mobile app Prizma
Prizma presents the data of the 20 last medical tests.
in addition to the app there is a jacket that the user needs to put on the back on the phone if he wants to make personal tests.
The problem was that many of the elderly that bought the jacket , didn't understood how to use it and pair it to the mobile phone
So we added big pairing button at the top of the screen and big battery button that indicates wheather the battery is full or not, and changed the layout of the way the medical checks are presented to horizontally at the bottom of the screen instead of vertically
we added an onboarding process including video explanations
that in additon to the new buttons and the layout increased the engament and the usage of users in 40%
above there are:1- new layout for the tests
2-yellow button on the top for pairing prizma
3- ecg test in process
4- stress test in process
On Boarding wire frames
On Boarding design
