I want to show a list of 5 to 10 items, each about 5-15 words.
The list has a significant role in the view, and the user must notice it and understand that it is very important.
My page is divided to panels as in the attached screenshot.
This is a desktop web-app, and will be displayed on a large screen.
I'll also mention that there is a button (
action button in the screenshot) that is used to express that he understands and handles the problem described in the page.
My problem, is that the panel with the list looks really empty, and there is way too much space.
Other approaches I've tried
- Center the text, doesn't look any better.
- Showing the list panel on the right side of the
panel 1. It makes it look of minor importance.
Is there another way to show this panel, so that it will be clear to the user that it is important, but there wouldn't be as much blank space?
As per alvaro's comments:
Additional info 1/
2are collapsed by default and won't show info that is directly connected to
List panelbut rather supplemental information.
Panel 1will explain to the user what are the problems that were discovered, and the
List panelis a list of tasks that the user should perform in order to fix these problems
- The upper panel occupies at least 3/4 of the screen, so I don't think it is relevant to have
List Panelon the right side of
Panel 1shows what happened, than the
List panelshows what the user should do in order to solve the problems. So
Panel 1has to be before