Effective view switching when space is at a premium
I have an area in which space is at an absolute premium and I have a very small space to switch between a mailing address and a billing address.
I'm struggling on deciding on a tight but effective UI mechanism / micro-interaction to switch the address view.
This is on an enterprise system that has training, onboarding, etc., and will be used by power users -- though of course I still need things to be as self-discoverable as possible.
The first example is a vertical alignment of icons next to the address. The second icon has been intentionally offset so as not to lineup with an specific address line. The goal is a break any specific visual association between the billing icon and address line 2.
The second example is the same, however I add more of a toggle-style element visualization.
Finally, in the last example I ditch the vertical alignment and go horizontal.
You can see the look is generally GMD-inspired, though I use it loosely as I don't think GMD is the best approach for an enterprise-system, at least in my case.
Whatever I do will more than likely become a pattern that is occasionally repeated in an enterprise system that (after many years) is only now getting UX attention and a standardization of UI.