(H1) Calls to Action
The absence of banners brings more attention to content that would otherwise be pushed downward
Donations
- A call to action asks the user to perform a task
Enrollment
- These interactions can take on a variety of forms
Social Media
- Pay attention to levels of emphasis, like the button below
(H2) This area below the 'fold' loses value
When coercing visitors to do something on your site, elements of visual hierarchy come into play more than ever:
- Put the action(s) above the fold
- Make the action prominent and standout (size, contrast, position)
- Supporting content shoud incentivize taking the action
(H3) Smaller, nested headings lose even move value...
...though strategic contrast and positioning can make up for some loss. In other words, don't place your calls to action down here.
(H3) Other 'Text' Techniques
- Group like-subjects together using Panel Builders. See the Panel Builder Layouts for more ideas how.
- Text that goes 100% wide is hard to read, so break it up with images or other materials such as downloads, links or quotes.
- Long blocks of text are discouraged. If you can't avoid it, use the collapse text feature, More
available in the Text EditorLess
Featured
Mission Statement, Featured Content, or Department Lead
Be mindful about volume of text for this type of content. A few sentences usually suffice. Avoid placing mission statements, or long blocks of text in prime real estate areas, especially above the fold.
Component Tutorials
Documentation on components used to make this page (in order of appearance):
- Heading
- Panel Builder
- Feature Box
- Text Editor (this component)
- Button