Tight space lot’s of data to display how to handle?
I don't have great UI experience so if you think my mock-up is wrong let me know.
From a Service Status page I am retrieving the following data:
- Incident Creation DateTime (When the incident created)
- Incident Start DateTime (When the incident started, it might be different from the Creation DateTime)
- Incident Update DateTime (When the incident was latest updated)
- Incident Current Status (The current status of the Incident)
- Service Status (The Status of the service, it might be down or partially downgraded service etc.)
- Incident Title (The Incident Title)
- Incident Body/Message (The incident message, which explains in a few words what is wrong with the service)
Currently I am showing the information as follows:
- A is a clock icon and on cover it displays the DateTime fields as they are not really important
- B is a close button, on hover it displays "Close", and by clicking on it, it closes the message
- C is the Incident Title
- D is the Incident Body Message
--
Now the problem is that I also need to display the Service Name which is really important I don't know how and where to to display it. I can't expand the available width, but I could increase the height.
More infomation
We have a software which was built in house which place shortcuts (not Windows Shortcuts) on a user's desktop regarding different IT functions. e.g. A shortcuts to our Service Desk Portal
This window will appear when there is an outage on one of our services and we update the 3rd party Service Status page which provides an API.
What we are trying to accomplish is to get the information out that one or more of our services is down and provide updates to our users because most of them won't read our Service Status Page automatic emails.
Any ideas?
Please note the screenshot below is from the actual UI but it misses the Incident Body/Message
