Plus Sign Better Than Chevron For Show/Hide Content
There are occasions where it makes sense to have content hidden. The user can show the content by clicking an icon.
Apple use the “more…” keyword extensively (on the App Store for example).Although it seems to be harder to find than it used to be.
Are Plus Signs Bad?
One UX study didn’t like it:
“In fact, one person, who clearly saw it, commented that “plus means to add something, and that’s not what I want to do.” Duh.”
The site was account and finance related – so perhaps the + leads to confusion.
Should content be concealed at all?
I recently removed all show/hide buttons from a desktop version of a site. I figured that if it was good enough to be on the page – it should be displayed straight away.
However on the mobile display you are severely challenged when it comes to space.
Weight Watchers use the plus sign:
Wikipedia use a chevron or downward arrow:
A/B Test: Chevron or Plus Sign
I ran a small test. I have a data table. On the desktop width there is enough room for all columns. On mobile, not so much – so the extra columns are hidden by default and shown when the user taps the row.
I presumed the chevron would win, based on what I had read.
I was wrong.
This was a very small test (just 11,000 unique mobile visitors – unlike the large tests I did for the Hamburger button).
However, it was enough for me.
What also surprised me was the level of engagement – with almost 1 in 5 users willing to dig deeper into the table data.
See another interesting UX test here (comparing +, chevron, and triangle). The results seem to concur with my own small test.