Tips to avoiding sensory overload with your site
A major reason I’ve totally skimped out on keeping up with blogs is because the design made it difficult for me to read/concentrate. Because sensory overload is an active aspect of my day-to-day life, visiting blogs becomes this scary activity—I don’t know whether you’re going to implement every color of the rainbow and then some, if you’ll use default serif text, or if your site will be plastered with things that move.
Anyway, some of these may be basic design/rules tips. If they are, just take this as me emphasising them.
1. Implement adequate line spacing.
Text needs breathing room. I call it “double spacing”, ’cause I’m so not knowledgeable in what the official term is, but if you can’t fit a 3-pixel-deep line between each line of text, it’s too close. Sans-serif fonts don’t tend to have as many issues as serif fonts, but text needs breathing room. I don’t really know how to make this clearer.
2. Try to avoid popups.
Popups are scary, especially if you’re not expecting them. People also dislike popups, and they don’t even work. I don’t know how many people are familiar with flashing lights prompting the need for epilepsy warnings, but popups are similar for people who deal with sensory overload on a daily basis. We only have so many spoons.
Coming face-to-face with a popup is like walking down a hall you’ve been down several times and suddenly walking into the wall. Perhaps your mind was on something else, but you’re still aching either way, and you might bruise later.
P.S. Those new exit popups that come up when the mouse moves for the address bar? Equally surprising and terrifying. Like, unless I’m told POPSUGAR has removed their popups, I will probz. never visit that site again. It’s too much.
3. Consider your colors.
If you must use many, please stick to a maximum of five. If you can subtly work rainbow colors into your blog, all the more power to you! As I’m writing this, Kristine’s current layout doesn’t portray how she’s managed to work lots of color into her blog without coming off too strong, she has a page of her previous layouts.
Too many colors can be distracting and take away from the content. Additionally, if you have #fff on #000, #000 on #fff, or some light grey on #fff or an off-white-like color, it’s hard to read—blinding, really.
5. Use as little movement as possible.
GIFs are cool and fun, and they’re okay if used here and there, but…they’re distracting. If you have an image in your sidebar of, say, a bee buzzing from one side to another, I’m going to stare at the bee—and I’ll likely leave without even finishing whatever you typed.
The same goes for carousel testimonials and/or featured posts, and the marquees. Firefox’s “reader view” is great, but it’s not available on all websites.
6. Offer transcripts.
Something I really love about the Food Blogger Pro Podcast is that they have a transcript of every episode. It may not be perfect and there are usually typos, but at least it’s readable.
Sensory overload extends to sound.
An overview of a day in the life of me in terms of sensory overload: all at once, I hear
- the sound of my computer;
- the sound of my keyboard clacking away as I type (if I’m typing) and/or my mouse clicking (if I’m clicking);
- the wind outside;
- my fan, though it’s on its lowest setting and not loud enough for others to really notice it;
- the garage door opening/closing, or just in general if someone is coming or going [to this house] (my room is toward the front of the house;
- precisely where cars or trucks park out front—and whether it’s a car or a truck;
in addition to other sounds.
When I’ve headphones in, and I’m listening to someone’s voice, I’ve still got those sounds going on. I can’t tolerate the earphones that cover all my ears, because while they work well to drown out a lot of the noise, I can’t tolerate that feeling on my head. It makes me cringe and feel like I am in a harmful situation I can’t escape from.
I don’t have any others to offer, and…it’s kinda funny this landed/ended on número 6?
But these are my biggest dilemmas. :s
Here’s a lovely video by Emily Osment about sensory overload: