Brow.si's floating button, open menu, text resizing menu, content saving menu and share dialog.
Share dialog is automatically collapsed (left) to show only social sharing. Expanding it reveals additional actions (middle) which are customizable (right).
Aside from being (touch) friendly, the floating button had to look familiar to the website's visitors. So every button was branded to the likes of publishers, using their brand color and icon. Visitors were mostly unaware of Brow.si being a 3rd-party add-on.
All Brow.si's dialogs are "continuous", meaning they never go away until their action is done. This helped indicating Brow.si's core functions which mostly involved jumping between tabs to connect with social services and waiting for a server response.
Left: Since floating controls tend to overlap others, Brow.si could easily be moved and positioned anywhere else on the screen. Right: Navigating around and getting an error.
Left: Concepts for Brow.si's menu opening animation. Right: Concepts for Brow.si's navigation/hierarchy animation (first ones in each set were eventually selected).