If anything’s clear in 2017, it’s that lying is back in fashion (if it ever left us at all). From the heated fake news debate1 to the false data provided by Facebook2, lying is all the rage these days. A white lie here and there is no big deal. We’re all guilty of it. The problem arises when lies turn into full-grown myths, then become accepted as truths.
In an era of digital chaos, we understandably gravitate to our trusted sources of information. For us designers, this usually means guidelines as defined by juggernauts such as Google and Apple.
With the impending switch to a mobile-first search engine world3, myths about mobile interfaces are on the rapid rise. As we transition to a mobile-first world, I’d like to remind designers to see guidelines for what they are: guidelines. Somehow, many mobile concepts have evolved into biblical truths, when their intent might rather be case by case.
Having white-labeled design and marketing work for ad agencies for a few years, I’ve heard the following statements boldly proclaimed as unquestionable truths more times than I can count. From my experience with ad teams and client meetings, these are the most frequent myths I think we need to put to bed, or at least remember to evaluate case by case.
Let’s take some time to cover five mobile interface myths you’ve probably been sold on (and why that might be a bad thing).
Myth 1: Mobile Users Are Always In A Hurry Link
The prevailing wisdom about mobile users is that they’re always in a rush.
While these ideas are rooted deep and might have pieces of truth, they’re not the full picture. Furthermore, one-size-fits-all statements don’t make much sense in an increasingly niche-audience Internet. What works for some webmasters doesn’t necessarily hold true for others.
The Truth: Get to Know Your Real Users Link
What’s less discussed is that you’ll never know which (if any) of these stereotypes apply to your website unless you get to know your target audience.
Take the following company. We could argue over this screenshot all day, but let’s not dive too deep into the analytics. Just compare the website’s “Device Category” column with the “Average Session Duration” column on the far right:
You’ll notice almost no difference in time spent on site when comparing desktop and mobile session durations. In this company’s case, most website visitors come from organic search, so this screenshot is fairly representative of the website’s overall traffic.
In this case, mobile users don’t seem to be in a hurry. Should we assume that all websites have analytics like these? Of course not. Should we assume that session duration is the perfect and only indicator of conversions10? No.
Take a longer look at this screenshot and you could accurately find that the bounce rate is higher on mobile and that the percentage of sessions skews heavily towards desktop, as well as a number of other interesting discrepancies. My point is not that session duration means everything, but that each website’s audience behaves differently and that you need to understand your unique audience. Then, optimize accordingly.
Here’s what you should do to better understand your audience:
- Know the goals of your website.
Do you plan on using the website or app as a new revenue stream? Do you want to outdo your competitors by showing how innovative you are?
- Find out who your target audience is.
A buyer persona might come in handy for this. Get inside their heads. What do they need? What are they looking for? What problems are they trying to solve? Are they ready to sit and read long posts? Do they prefer a quick video?
- Test your ideas.
Before rolling out any changes, make it a point to gain customer feedback. Do not hesitate to test.11 Knowing what works and what doesn’t ahead of time will facilitate your design and development process.
Spend time reviewing your own website’s analytics, and work to understand your audience’s intent, which is hiding behind the raw numbers.
Myth 2: Mobile Websites Require Fewer Features Link
I’m sure we all remember how we typically used the Internet nearly 10 years ago — we were primarily looking for time-sensitive content. Back then, our needs were rather immediate and specific.
People on mobile websites had little to no intent to explore or purchase anything. Data connections were slow and expensive. It made sense to design mobile websites for pared-down tasks, offering the bare minimum. Publishers adopted an “if in doubt, leave it out12” mentality, and if users wanted to view the full website, they’d need to hop onto their PC or Macintosh.
This just isn’t the case anymore.
The Truth: Prioritize and Maximize Mobile Capabilities Link
According to Pew Internet13, smartphone dependency has increased. In fact, 1 in 10 US adults use their smartphones as their primary means to connect to the Internet, and that number is growing rapidly14. While overall Internet usage has risen, broadband service at home has plateaued in recent years15.
Nowadays, when someone visits a website on their mobile device, they expect to see everything that the desktop version offers. The practical way to accomplish this is to prioritize and maximize the capabilities of mobile features, including:
- taking advantage of mobile sensors’ superpowers, something that desktops don’t have;
- adding more content and features to a mobile website — depending on your user’s goals, this could mean adding share buttons pinned to the bottom of the screen or quick-tap functionality16 to return to the top of the page;
- building your website or blog to adapt to the particular needs of each device type.
The idea is to get rid of the thought that a smaller screen indicates less intent among users to explore. Instead of eliminating features on mobile, prioritize them.
Common wisdom (and probably your experience) tells you that popups are annoying and that you should delete them immediately. Here’s the problem with this advice: You still need to encourage signups, downloads and so on for mobile visitors.
The key is to prioritize this content, not eliminate its purpose.
Myth 3: Simplicity Is Good, Complexity Is Bad Link
Closely related to myth 2, the next myth is one of the most widely held beliefs in the industry. When it comes to websites and apps, “less is more,” right?
This myth states that mobile applications should be the “light version” of a desktop website. This comes from the principle that the organic interface has to be as close to zero as possible.
A ton of designers tend to treat mobile and desktop as two different creatures, with opposing needs. Yes, there are significant limitations to a mobile device’s capabilities (namely, screen size). However, the intent of a user doesn’t drastically change, whether they’re using their mobile device or a desktop computer.
So, why should the mobile interface be simpler?
The Truth: Embrace Complexity Link
Depending on your website or app’s users, this myth could ring true.
Could you imagine needing eight taps to send snaps on Snapchat? Me neither.
The point is more that mobile users don’t want a dumbed-down version of a website. People simply need complexity presented in a way that’s uncomplicated. It all boils down to giving a good user experience. Consider the following:
- Have one big idea per screen.
- Instead of sending elements to secondary pages, you could put more content under properly labeled display elements.
- Requiring more taps on a screen isn’t necessarily a bad thing. The idea is to make the website’s screen clear and easily digestible30, rather than cluttered and dense. If a click has a goal to it, it can stay.
Take Circlebox Creative:
A lot is involved in creating a profile. Is this a personal user? Is it a business profile? Will you choose social login? Email login? This signup process incorporates a lot of information but doesn’t feel overwhelming because it’s easily digestible.
Complexity is not the bane of mobile design. When you build your website, you just need to make it enticing and user-friendly.
Myth 4: Guidelines Cannot Be Broken Link
Most designers treat guidelines as gospel, and for a decent reason.
Many times, guidelines are incredible resources, to be followed as instructed. Google’s material design35 is a great resource for understanding how to craft digital experiences using a consistent set of principles.
Designers often hold that applications created for iOS should follow Apple’s guidelines and that apps made for Android should follow Google’s guidelines, and that if an app needs to be accessible on both operating systems, then the designs should be entirely different from each other.
The problem arises when designers find themselves stuck between a rock and a hard place, where they envision a design that conflicts with the guidelines.
Should they follow guidelines? Or can they trust their design instincts for each unique case?
The Truth: Treat Guidelines as Recommendations Link
The dictionary defines a guideline as a “general rule, principle, or piece of advice.” A guideline is intended to serve as a loose guide or as helpful suggestions, not a strict mandate to obey.
Design is an exploration to discover what works best.
– Google Design
If your intended design severely clashes with conventional guidelines, you’ll need to weigh whether this is an indicator to rethink your layout approach or whether you’re simply designing with your unique users’ needs and intentions in mind.
To put this myth to bed, Google even ignores its own material design guidelines (on occasion). Take its icons:
To paraphrase Android Authority38, Google’s icons fly in the face of product-icon anatomy. The guideline states that you shouldn’t crop elevated material elements within another shape, meaning that the uppermost layer shouldn’t have its boundaries defined by the lower layer.
The icons for Movies, Music, Games, Books and Newsstand all are beautifully designed, while defying this straightforward guideline. These icons have also done away with the 45-degree light source that is commonly encouraged for all icons.
On the whole, Apple and Android guidelines are a tremendous gift. However, don’t treat them as hard and fast rules. Always design with your users in mind, even if that means bending some of the guidelines.
Myth 5: The Designer And The User Think The Same Link
This myth is more of a commonly held belief carried out in practice, rather than an actual myth. Of course, the first rule of user-centered design is that you are not the user. But, so often, clients and designers fall for the “we know what’s best” approach.
It’s tempting to think that everybody thinks just like you.
Often, designers fall into the trap of thinking like their client or thinking of themselves when approaching design. “Would I like this feature if I implemented it?” or “Would my client tap on this button if I placed it here?” are questions that fall under this umbrella.
The Truth: Users Have Experiences Unique From Yours Link
It’s possible that the demographics of your users include yours or your client’s. However, you’ll need to look at design from the perspective of your visitors, not of your client.
This is true for a couple of reasons:
- Users only want what’s beneficial for them.
You, as a designer, are able to come up with ideas to present a product in a way that you think would engage the user. However, these ideas will only matter as long as they are beneficial to the user. If the user doesn’t find value in it, they won’t enjoy engaging with the content you produce.
- Users only want their problems to be solved.
The client knows more about the business than the user. They immerse themselves in the industry, studying it, learning its ins and outs. This data isn’t of interest to the user, who only wants their problems to be solved. The client is all about gaining profit; the user is all about finding solutions. Sometimes these interests overlap, but keep your eye on user needs first and foremost.
I’m hardly a usability testing expert, but I’ve been thinking about how my team could use a significantly simplified version of user testing for an upcoming website redesign. Here’s the basic outline of user testing I have in mind:
- Gather an unbiased group of individuals.
- Do not disclose which website is being tested, to avoid bias. Instead, show several websites sequentially, including our website and competitor websites.
- For each website, walk individuals through each page, discussing the intended user flow, mission, etc.
- Let each individual test how they would achieve the tasks, while providing no indication of how you think the goals should be completed.
- Test on various devices and connections, to compare between devices.
- Ask each individual to write down any issues they run up against, while trying to achieve the stated purpose for each page.
- Ask each participant to grade each website, asking for their feedback on accessibility, speed, UX, navigation, readability, the overall score, etc.
- Repeat these observations over time to identify new recommendations.
This is not a perfect scenario, but it enables us to define a preliminary report of usability issues and observations, and to pinpoint key recommendations for our work moving forward.
If I had to encapsulate the sections above, along with what I’ve learned at my web design and marketing agency, it would be this: Test, test, test. And then test again.
- Understand your audience and purpose.
Determine the goals of your website, find out who your target audience is, and test your ideas to gain useful data about your visitors.
- Maximize mobile capabilities.
Take advantage of the superpowers of mobile sensors42, add mobile-specific features, and adapt to the specific needs of each device and mobile operating system.
- Embrace complexity.
Have one big idea per screen. Put content under properly labeled display elements, instead of on secondary pages. And make sure the screen is clear and easily digestible, rather than cluttered and dense.
- Treat guidelines as useful recommendations, not mandates.
Guidelines can serve as helpful suggestions. But, ultimately, design is an exploration to discover what works best.
- Work to understand your audience’s unique points of view.
Try employing mobile usability testing to better understand your visitors’ needs.
Make time to track and analyze the analytics for how your audience responds to your company’s split-testing efforts. Don’t take anybody’s word for it (including mine).
Observe what your visitors are doing, anticipate their needs, and design for their approval and convenience. Over time, you’ll gain a deeper understanding of your unique audience and will naturally attract a growing number of visitors43 eager to engage with you and your business.
Additional Insights Link
- “Why User Experience Always Has to Come First44,” Michael Schrage, Harvard Business Review
- “Mobile Fact Sheet45,” Pew Research Center
- “Mobile Usability: Testing Your Website in the Real World46,” Oho Interactive
- “Getting Mobile Site Videos Right47,” Adriel Tey, L2
- “Google is Cracking Down on Intrusive Mobile Pop-Ups: Here’s What Marketers Need to Know48,” Amanda Zantal-Wiener, Hubspot
- “Always On: A Global Perspective of Mobile Consumer Experience49,” Interactive Advertising Bureau
(da, yk, ra, al, il)
- 1 https://www.forbes.com/sites/kalevleetaru/2017/02/02/lies-damned-lies-and-statistics-how-bad-statistics-are-feeding-fake-news/#517390a150ca
- 2 https://www.nytimes.com/2016/09/24/business/media/facebook-apologizes-for-overstating-video-metrics.html
- 3 https://www.searchenginejournal.com/googles-mobile-first-indexing-what-it-is-how-you-can-prepare/212104/
- 4 https://www.smashingmagazine.com/2017/02/touch-gesture-controls-mobile-interfaces/
- 5 http://uxmyths.com/post/99302792550/myth-33-mobile-users-are-distracted
- 6 https://www.thinkwithgoogle.com/marketing-resources/experience-design/speed-is-key-optimize-your-mobile-experience/
- 7 https://www.smashingmagazine.com/wp-content/uploads/2017/10/google-analytics-large-opt.png
- 8 https://x3digital.com
- 9 https://www.smashingmagazine.com/wp-content/uploads/2017/10/google-analytics-large-opt.png
- 10 http://www.rockettheme.com/blog/design/247-7-design-tweaks-to-seriously-boost-conversions
- 11 http://www.jeffbullas.com/2017/01/25/8-proven-ways-skyrocket-websites-conversion-rate/
- 12 https://www.nngroup.com/articles/condense-mobile-content/
- 13 http://www.pewinternet.org/fact-sheet/mobile/
- 14 https://www.forbes.com/sites/haroldstark/2017/05/11/spacex-and-facebook-are-on-a-race-to-globalize-the-internet/#14f0adc37e4b
- 15 http://www.pewinternet.org/2015/12/21/home-broadband-2015/
- 16 https://econsultancy.com/blog/65396-15-features-of-11-great-mobile-sites
- 17 https://www.smashingmagazine.com/wp-content/uploads/2017/10/prioritize-features-large-opt.png
- 18 https://www.thinkwithgoogle.com/
- 19 https://www.smashingmagazine.com/wp-content/uploads/2017/10/prioritize-features-large-opt.png
- 20 http://teslathemes.com/blog/4-important-metrics-to-create-highly-converting-landing-pages/
- 21 https://www.smashingmagazine.com/wp-content/uploads/2017/10/intrusive-interstitials-large-opt.png
- 22 https://www.thinkwithgoogle.com/
- 23 https://www.smashingmagazine.com/wp-content/uploads/2017/10/intrusive-interstitials-large-opt.png
- 24 https://www.fastcodesign.com/3041374/3-rules-of-app-design-according-to-yahoos-marissa-mayer
- 25 https://www.smashingmagazine.com/wp-content/uploads/2017/10/two-tap-preview-opt.jpeg
- 26 https://blog.prototypr.io/breaking-design-rules-the-3-click-rule-of-ux-a70404909a45
- 27 https://www.smashingmagazine.com/wp-content/uploads/2017/10/not-my-nails-preview-opt.jpg
- 28 https://www.smashingmagazine.com/2017/06/connecting-users-humor-web-design/
- 29 https://mashable.com
- 30 https://metapress.com/how-to-create-a-website/
- 31 https://www.smashingmagazine.com/wp-content/uploads/2017/10/circlebox-preview-opt.jpg
- 32 http://www.designyourway.net/blog/inspiration/mobile-user-interface-login-form-design-inspiration-41-examples/
- 33 https://www.smashingmagazine.com/wp-content/uploads/2017/10/apple-android-preview-opt.jpg
- 34 https://www.iphonelife.com/content/android-vs-ios-report
- 35 https://material.io
- 36 https://www.smashingmagazine.com/wp-content/uploads/2017/10/google_play_icons_blogpost-preview-opt.png
- 37 https://www.theverge.com/2016/4/4/11362476/google-play-store-app-icon-redesign
- 38 http://www.androidauthority.com/google-ignoring-its-own-material-design-guidelines-703149/
- 39 https://speckyboy.com/user-centered-design/
- 40 https://www.smashingmagazine.com/2016/02/mobile-usability-testing/
- 41 https://www.smashingmagazine.com/2016/02/mobile-usability-testing/#tldr-timeline-of-activities
- 42 https://fieldguide.gizmodo.com/all-the-sensors-in-your-smartphone-and-how-they-work-1797121002
- 44 https://hbr.org/2016/09/why-user-experience-always-has-to-come-first
- 45 http://www.pewinternet.org/fact-sheet/mobile/
- 46 https://www.oho.com/sites/default/files/insights/resources/MobileUsability.pdf
- 47 https://www.l2inc.com/daily-insights/getting-mobile-site-videos-right
- 48 https://blog.hubspot.com/marketing/google-pop-up-mobile-marketing
- 49 https://www.iab.com/insights/2017globalmobileperspective/