Health Care App Interface

Here’s a little UI kit I was playing with. It’s CSS only. While it isn’t hooked up to any data it shows a nice way to design an interface.  The squares reveal sections of a background image.  The first one is a dark moonlit photos and the second one is brightly lit dandelion close up. You could tie some kind of conditions to them from within your own backend, be it PHP, JavaScript, or whatev, and use the imagery as a way to visual inform, at a glance, which of the items on the screen had been tested during this session. While giving you a little more info at a glance, like the result of the last time you took this test, you can then interact with each item on the screen and get more info or begin this session’s test or whatev.

 

View User Interface Example