A sticky button is one that stays at the top of the page as a user scrolls down. They are a useful design features when you are designing a page that will have a lot of vertical content but you want to users to be able to quickly find the primary call-to-action button. For example,… Continue reading Stick a Button to the Top of a Page
Tag: scauser interface
Hide Content with an Expander
Expanders are UI molecules that hide content from the user until they click on it. When they do, the content slides down as if it were expanding. They are particularly useful in situations when you have additional content not immediately relevant to the user. Adding an Expander The only changes required are to the template… Continue reading Hide Content with an Expander
Move Content Off-Canvas with a Push Pane
The available screen space is much more limited on smaller devices, such as mobiles. As designers and developers, you should consider moving superfluous content off the screen. This content should still be easily accessible by users, but just not immediately on the page load. To enable this design, there is a custom jQuery plugin that… Continue reading Move Content Off-Canvas with a Push Pane