In this article we'll explore how to keep your column-based Hub organized, consistent, effective, and, of course, looking good.
Name your Column sections
Organize and easily navigate to Columns by giving a title to each section you create. This can be done by clicking on the text in the title, the editor will automatically be activated. Save by clicking on the Check icon or clicking out of the text editor.
You should also name each Column within a Column section. For example, you can rename the Left column to Image and the Right column to text below.
You can see how naming comes in handy when using multiple Column sections.
Consistency is key
When adding custom designs via image elements in your columns or uploaded thumbnails, it's important to stick to consistent branding guidelines. Make sure the fonts and background colours are matching with your Hub appearance settings with any uploaded graphics. Also, consider coming up with some rules for the Alignment of elements inside of columns. You want someone viewing the page to have no issue moving their focus from one element to the next.
Check out some of our interactive demo Hubs built using Column sections for inspiration.
Don't forget about the Line Break element
This simple element can clean up the look of your Hub by clearly separating content and information for your members. We use line breaks in a variety of ways, and below you can see those examples below.
You may need to create a new column section with only one (1) column so that the line break extends across the width of the page before going back to a multi-column design, as the example show. Each red arrow indicates a single column section, with entirely separate sections in between them. Can you tell how many Sections are used on the page shown below?
The answer is five(!) sections. The top two line breaks are their own section, with a column section with two columns between them. Then there is another two-column section below the second line break. Finally, the last two line breaks and the testimonial text and image in between them are all inside of the same, one-column section using a center alignment.
When to use a video element
The video element in columns is an awesome new way to put important content when your audience can see it easily. That said, it's not always the best element to use when trying to give your audience the best experience possible in your Hub.
The video element can highlight an important welcome video, or a breakdown of your program for your audience, but when presenting core content that is vital to your audience's learning, you may want to use buttons or other Hub sections to redirect them to more focused areas of your Hub. Redirect them to a custom page that dives deep into a particular topic, or send them to a curated playlist that will give them a sense of accomplishment as they work through it.
Always be evolving...
Be sure to constantly take feedback from your audience to iterate on and improve your Hub experience. The tips above are great ways to start out in Searchie, but it's important to adapt to the changing needs of your audience as they arise so they're always receiving the best experience possible when interacting with your content.
If you have any feedback or ideas to add to this article, be sure to reach out to us at [email protected] and let us know your thoughts!