EDIT: Added some illustrations.
Our app has a side panel to show key account information, e.g. outstanding balance, summary of pending orders, etc.
This works fine when the user is logged in. However: we're trying to figure out what to show if the user hasn't logged in yet. The account info is sensitive, so we need to authenticate before showing the data. But there's also non-sensitive data on the site (e.g. general info) that can be viewed without logging in.
Here's what it looks like conceptually:
(In reality there are more data fields than just balance & orders, but you get the idea).
So the question is: are there any good patterns on what to show logged out users? Fundamentally, the message is simple: "login to see your details". But how to support that visually? Again conceptually:
We're looking for inspiration/patterns on how to present the left hand panel.:
- Show "Your balance: ?" & "Order Summary ?", with a separate "login" button as above.
- Separate, clickable links for each missing value
- Something different?
Any suggestions/references appreciated.