Looking for a quick, simple way to improve your online trainings? These few tips can be easily implemented into existing trainings, therefore bettering content that has already been created! These tips can be used for virtually anything, and I expand on a few of them on my posts on eNewsletters and Graphic Design. However, they’re extremely important and so easy to implement!
How often have you been confused by buttons? There are plenty of articles and scientific findings out there about buttons (including one by another Designed:2:Learn member, Alex here), but in this article we will narrow it down to three simple things.
Buttons should be:
- Colorful & Contrasting: The beauty of color is that it’s a big change that can be made so easily. When you create a button, you’re calling attention to a specific thing because you want your users to interact with it. Depending on how you want the action of the button associated, color should be applied. We have all been conditioned to know that green means “go” and red means “stop”, so keep things like that in mind when changing a button’s color. Also consider how the button “pops” from the other elements around it. If it blends in too much, the user isn’t likely to realize they should push it. Use contrasting colors to your benefit.
- Consistent: This point is short and sweet. Keep the placement and colors of buttons consistent. If you teach your learners what the buttons look like by being repetitive, don’t confuse them by changing things up!
- Understandable: There are few things more frustrating than buttons that are not obvious.
- When contemplating the details of a button, be sure to include intentional timing. You don’t want to confuse your learner with a plethora of buttons all at once, but you also want to make sure that buttons are available when they should be.
- Another thing to be considered is that buttons, by nature, are made to be pressed. Thus, in the real world, buttons are almost exclusively 3-dimensional. If your users are used to seeing buttons 3-dimensionally, it would make perfect sense to design the buttons in your online trainings to appear 3D. This can be achieved by applying a simple drop-shadow under the shape of your button. This tip is extremely simple, but makes a big impact!
When considering and implementing hierarchy in your training, it is important to really know your content. There are a few tried-and-true rules, like making titles the largest text on the page, but for the most part, this is up to you as the subject expert. Just remember that hierarchy is essentially telling the user what to look at and pay attention to. An easy rule of thumb is to make more important things larger, bold, or underlined so that they stand out from the less important things. Also keep in mind how we read things: from the top-left of a page to the bottom-right.
Similar to what I mentioned above and also in my post on eNewsletters, color is extremely important. Color can unknowingly make your users feel a certain way (ie: blue could make them feel calm), and this is something that you, as the designer/ creator should use to your advantage. Before deciding on colors simply because you like them or think they look good, research their meanings.
Notice that none of these tips suggest changing content. Rather, they are intended to help the learner take in the content more effectively. Now that you have a few new tips on how to improve your trainings, what are you waiting for?