I am building a wealth management application and by default any screen shows numbers (money, percentage gain/lost) in quite a large font. This is useful in most cases as the important information is highly visible for our users.
We need to cater for those users who might be using our application at work, with their screens exposed to passers-by, and want to have a more discreet mode.
We currently have a button that when pressed:
- relevant headings/numbers have their font-size decreased
- any movement indicators (red/yellow backgrounds or font colours) become more muted
- any charts (line, pie or column) have their colours removed.
And the experience is, we hope, more discreet for those people wanting to track their finances/wealth without peering eyes.
At the moment, I am just using a 'smaller' icon (similar to: http://thenounproject.com/term/smaller/55828/) but as most elements are not being made smaller, this is not an accurate representation.
What icon and/or label should I be using for this "discreet" button? My thinking so far is:
- Using a toggle with the label "Discreet". That itself though leads to peering eyes wandering what that button does.
- Using the "incognito" icon (similar to Chrome's Incognito mode: http://thenounproject.com/term/spy/43595/)
- Using this: http://thenounproject.com/term/free/52823/, but that may indicate Free
- A Whisper icon (http://thenounproject.com/term/quiet/9784/) and label
I cannot see any precedent here, but what is the best option?