Respond Or Die: Designing For Google’s Focus On Mobile
From April 21 Google’s algorithm adds weight to mobile-friendly sites in search results, making the principles of responsive design even more important. Sam Court, UX director at full-service agency, The White Agency has some tips for companies on how to manage the change.
Responsive Design is about crafting websites to provide an optimal experience across a wide range of devices with various resolutions – from desktop computer monitors, to tablets, and right down to mobile phones.
When we search there are millions of webpages with information. Google’s algorithm relies on more than 200 signals to interpret what you might really be looking for. These signals include things like the words on the site, the freshness of its content, your device and region, and PageRank.
More information about Google’s update can be found on their blog.
But first, some context…
The first phase of the web was about openness – anyone could build a site and have it found. Phase two has been about mobile, allowing entire nations to skip the desktop. If the next phase of the Internet is about connecting the dots to automate human-centred experiences, then we better ensure that the web is properly indexed for mobile usage!
Since 2011, digital media consumption has grown 394% on smartphones and 1721% on tablets (Comscore). In addition, 31% of traffic to the top 10 digital properties was mobile-only. So with the changes to Google’s algorithm, there are really no excuses for not concentrating on mobile.
Five Tips for Optimisation
In order to best capitalise on Google’s mobile prioritisation, here’s five principles to help optimise your mobile experience.
1. Usability, not aesthetics
Mobile screens are small, so more than ever, the interface needs to be easy rather than pretty. It also means that leveraging established design patterns is more important than ever.
The Nielsen Norman Group has some great advice on mobile usability:
- Use Mini-IAs (like a Table of Contents) to help with long pages
- Layer content so a reader can quickly get the gist
- Optimise the IA’s depth to reduce the steps needed to get to relevant content
2. Optimise for speed
There’s no doubt our smartphones are crazy-powerful – even smarter than the computers that got NASA to the moon. Despite this, and despite 4G’s speed, it’s still important to cater for inferior connections. Web geriatrics like me will remember the days when websites had self-indulgent Flash introductions, which were so big, they needed a preloader.
Users on the run will not wait for lagging sites. Test and optimise your site using a lower-spec mobile with a slower than 4G connection. Keep the load times to a minimum and make the experience feel “snappy”.
3. Prioritise navigation
Consider whether every navigation item is necessary on smaller screens. Prioritise the vital elements, giving them absolute prominence.
Many product-based sites have complex navigation systems allowing inventory filtering. Clear sign-posting provides context and guides choices. The Iconic does a pretty good job at simplication for smaller screens.
Another key concern is revising your main navigation – often triggered using a ‘hamburger’ fly-out. Minimise items around what the stakeholders and users need most. And don’t forget the users’ mobile contexts – What are they most likely to need when on the go?
4. Fingers are fat
We human folk are clumsy and imprecise. Especially when you think about the poor accuracy of a finger on a touchscreen, compared to the pixel precision of a mouse cursor on a desktop.
It’s best to keep in mind real mobile contexts for use too. Lend Lease is one of our clients, and I like to imagine a construction worker using his smartphone to check a building material specification whilst on a building site.
Most importantly, give your clickable elements sufficient breathing room. Google’s Material Design Specification is a great reference and offers scalable visual guidelines to ensure all elements of your interface are clear and usable on every size screen.
5. Don’t forget iPhone’s high-resolution screens
Including both ‘high’ and ‘standard’ resolutions for images ensures your site will look sharp on high-spec screens like Apple’s Retina. Obviously with additional fidelity comes increased file size, so ensure your load times are still manageable and you’re only using high-res when you really need it.
Another way to optimise with icons and logos is to make them in SVG format. Because they’re vectors, they’re small file sizes and they stay crisp at all resolutions.
Latest News
Sydney Comedy Festival: Taking The City & Social Media By Storm
Sydney Comedy Festival 2024 is live and ready to rumble, showing the best of international and homegrown talent at a host of venues around town. As usual, it’s hot on the heels of its big sister, the giant that is the Melbourne International Comedy Festival, picking up some acts as they continue on their own […]
Global Marketers Descend For AANA’s RESET For Growth
The Australian Association of National Advertisers (AANA) has announced the final epic lineup of local and global marketing powerhouses for RESET for Growth 2024. Lead image: Josh Faulks, chief executive officer, AANA Back in 2000, a woman with no business experience opened her first juice bar in Adelaide. The idea was brilliantly simple: make healthy […]
Is Meta’s New AI Chatbot Too Left-Wing?
Meta's chatbot accused of being left-wing after being caught wearing a Che Guevara T-shirt & listening to Billy Bragg.
TV Ratings (23/04/2024): Why Did No One Tell Angela That Farmer Wants A Wife Is Set On A Farm?
As wonderful as this headline is, let's face it, we all know an 'Angela', don't we?
PubMatic Unveils New AI Partnership To Turn Social Posts Into Ads For Any Digital Channel
Here's some nifty tech for turning social posts into ads. Assuming said posts aren't one-star character assassinations.
Intuit Mailchimp Makes A Splash With Its First Australian Brand Campaign
Ever laugh along at a gag you didn't get so as not to appear dumb? Get ready for more feigning with this new work.
GumGum’s Rob Hall: Advertisers Can No Longer “Rely On Binary Descriptions” Of Consumers
If anyone's got their finger on adtech's pulse, it's Rob Hall. He also avoids using the good paper in the office printer
Mastercard Nabs Florencia Aimo From Marriott International
Marriott International's Florencia Aimo jumps from the hotel business to the exploitative credit card one.
Bastion Agency Appoints Cheuk Chiang As New ANZ CEO
Cheuk Chiang takes the reins over at Bastion Agency. But not the rains down in Africa.
Spotlight On Sponsors: Major Sponsorship Wins After A Disappointing Week In Sport
B&T continuing our deep dive into local sport sponsorships & that's despite not a single offer of a free ticket as yet.
Macca’s Marketing Director, Samantha McLeod On Big Mac Chant: “What Was Once Old Is Now Cool Again”
Macca's using the power of nostalgia in latest Big Mac campaign. Well, only for those who've ever eaten one sober.
World Premiere Of Midnight Oil: The Hardest Line To Open Sydney Film Festival 2024
Oil's biopic to open Sydney Film Festival. Here's hoping Molly Meldrum will take his pants down at the premiere.
Entries Are Now Open For The 2024 Brandies, IntelligenceBank’s Annual Brand Marketing Awards
The Brandies are, of course, a prestigious marketing gong and not the mystery tipple favoured by nannas everywhere.
The Fred Hollows Foundation Appoints Ardent For PR
Yes, we all like to have a joke at PR's expense. But sometimes it does important work, like this.
AI, eCommerce & Marketing Specialists Are In Increased Demand By Businesses, New Data From Fiverr Shows
Has your philosophy & anthropology degree left you with nothing but a huge HECS debt? Here's what you should've studied.
Perth’s First 3D Anamorphic Billboard Arrives Courtesy Of oOh!media
Do you love a buzzword? Now you can add anamorphic to the list as it relates to billboards, not a colleague's ears.
MasterChef Australia & Crown Resorts Launch Unique Dining Experience With ALUMNI
A pop-up restaurant staffed by MasterChef contestants! That's fine dining prices for first-year apprentice chef cuisine!
Amanda Laing Announces Resignation From Foxtel Group
Foxtel's chief commercial & content officer heads for the exits. Read nice things the bosses said about her right here.
The Lost Letters From Our Diggers: News Corp Unveils ANZAC Day Special
It's nice when brands respectfully acknowledge ANZAC Day.
Howatson+Company Acquires Akkomplice
Large indie acquires a slightly smaller indie. Much like a shark eating a tuna, just with less thrashing and blood.
Google Delays Third-Party Cookie Deprecation Again
In good news for the sale of picture library biscuit photos, Google continues to tease over the end of cookies.
Education A Low Priority For Aussies More Concerned With Cost Of Living Forethought Study Reveals
Study finds Aussies cutting back on education due to cost of living. Booze & Uber Eats sales remain largely unaffected.
“I’m Still The Same Person That I Was”: Rikki Stern Says “Fucc It” To Cancer Stereotypes
B&T always happy to promote the anti-cancer cause. Even brands that massively overdo it with the hot pink.
The Unapproved Climate Certification Allegedly Causing Mass Greenwashing
Are you left flummoxed in the canned tuna & free range eggs aisle? Just wait till this green certification gets up.
TV Ratings (22/04/2024): Fans Mock “Over The Top” Reaction To New MasterChef Judges
MasterChef returns for its 2024 season. B&T stands by putting peppercorns in Gravox & no one will be any the wiser.
Dentsu Restructure: Muddle, Harvey & Johnston Take Leadership Baton As Bass & Yurisich Exit
A large broom has swept through Dentsu's local ops this morning, taking with it some big names & the air con's cobwebs.
Industry Shares Trends Shaping The Industry This International Creators Day
B&T's asking adland creators to reveal their top trends. And it's not good news for your Jenny Kee cardigan collection.
Mable Extends HOYTS Sensory Screenings Partnership
Mable has extended its HOYTS sensory screening partnership. Vigorously defends its two-star Oppenheimer review.
Orphan Launches ‘They Need Our Help. We Need Yours’ For Children’s Cancer Institute
Anything to do with childhood cancers has B&T's 110% support. That said, we do ignore the red meat & alcohol warnings.
Smile Team Orthodontics & Keep Left Collaborate On Smile-Inducing Campaign
As parents would attest, given the cost of orthodontics you'd expect this campaign to be a lavish production indeed.
Opinion: How Video Calls Neglect Learning Diversity
Need an excuse to duck out of a video call this arvo? Show this to your boss.
DoubleVerify Achieves First-Of-Its-Kind Responsible AI Certification From TrustArc
DoubleVerify receives responsible AI certification. However, not its robotic vacuum that's been seen menacing the cat.
Smile For A Good Cause: The Social Media Campaign Giving Back To The Community
Are you known as the office Austin Powers? More for you teeth than shagability? Get snappy new fangs with this news.
Elon Musk Mocks Albo After ESafety Wins Court Injunction Against X
Albo's 2024 from hell continues - Rabbitohs in crisis, down in the polls and now feuding with world's richest man.
Real Estate Developer In Hot Water Over “Sexually Exploitative” OOH Campaign
Real estate agents again tops in the 'least trusted profession' polls, nudging used car salesmen & ad creatives.
Epsilon’s Shane Hanby: Post-Cookie Era Relies On “Teamwork” Between Brands, Marketers & Tech
This pro predicts more "teamwork" in a post-cookie era. Which spells bad news for the uncooperative or plain stubborn.