Respond Or Die: Designing For Google’s Focus On Mobile

Respond Or Die: Designing For Google’s Focus On Mobile
SHARE
THIS



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.

 

Please login with linkedin to comment

Live Pitch PRIA

Latest News

Nine Appoints 9Honey Editor
  • Media

Nine Appoints 9Honey Editor

B&T's editor was coincidentally dribbling honey on his shirt while typing this. And by typing, we mean copy and pasting.

Y&R Sydney Scores Best&Less   
  • Media

Y&R Sydney Scores Best&Less  

Y&R wins Best&Less amid rumours the clothing shop its changing name to 'Somewhat OK&Reasonably cheap'.

Women In Media Profile: Judy Sahay
  • Media

Women In Media Profile: Judy Sahay

B&T's Women in Media profiles are like a wave washing over you. Even more so if an actual wave washes over you.

by B&T Magazine

B&T Magazine
How B2B Companies Can Use Their Customer Data More Effectively (And Why They Need To)
  • Marketing
  • Opinion

How B2B Companies Can Use Their Customer Data More Effectively (And Why They Need To)

In this opinion piece, SalesPreso co-founder and CMO Joel Thomson (pictured below) explains how B2B companies can use their data more effectively and deliver a personalised customer experience that matches their B2C counterparts. From the Cambridge Analytica scandal to the EU’s recent GDPR legislation, this year has prompted individuals all over the world to consider […]

Opinion

by B&T Magazine

B&T Magazine
M&C Saatchi Launches THIS Film Studio
  • Advertising
  • Marketing
  • Media

M&C Saatchi Launches THIS Film Studio

Not one to rest on its laurels, M&C Saatchi unveils new production studio it hasn't called 'Not One To Rest On Laurels'.

Creative Agency Launches Project Management Tool ‘Hassl’
  • Advertising
  • Technology

Creative Agency Launches Project Management Tool ‘Hassl’

Yesterday at TedX Melbourne the team behind award-winning, Melbourne-based agency Your Creative launched their new tech venture Hassl, the project management platform taking on Trello and the likes. With the belief there was a better design solution to project management, the platform has been developed over the last two years in collaboration with their clients. […]

ABC Axes Tom Ballard’s Tonightly
  • Media

ABC Axes Tom Ballard’s Tonightly

It's one of the ABC's edgier, controversial shows, but Tom Ballard's proven too edgy and controversial for ABC chiefs.

Taboola Strengthens APAC Programmatic Offering With New Partnership
  • Advertising
  • Media

Taboola Strengthens APAC Programmatic Offering With New Partnership

Global discovery platform Taboola has announced a strategic partnership with Wider Planet, Korea’s largest demand-side and data management platform. The partnership builds on Taboola’s programmatic efforts in Asia-Pacific, and will bring together Korea’s largest demand platform for agencies and brands to provide access to Taboola’s global audience through premium publisher placements. The partnership means advertisers […]

The Haus Picks Up Two New Clients
  • Marketing

The Haus Picks Up Two New Clients

The Haus announces two new client wins. Admittedly, not as good as winning three, but far better than losing four.

businessman using tablet PC and information communication technology concept. IoT(Internet of Things). GUI(graphical user interface). paperless office.
  • Marketing
  • Technology

Smartly: The Future Of Martech Is Automated

Automated ad buying platform, Smartly was at the centre of the tech innovation stage at the Online Retailer conference 2018. Smartly head of ANZ Marta Bonzanini (pictured below) discussed the integral role automation plays in the future of marketers and creatives. “If an ad is not performing as well as planned, you probably have some […]

Messenger Launches Video Chat AR Games
  • Technology

Messenger Launches Video Chat AR Games

For the moments when we can’t be together IRL, Messenger video chat helps you connect in real-time with the people you care about most. Chatting face-to-face live makes all the difference when you have exciting news to share, you need a study buddy for a big test, or you simply want to pass the time […]

Sphere Wins Stockdale And Leggo
  • Media

Sphere Wins Stockdale And Leggo

Sphere snares Stockdale & Leggo business, which is a real estate group & not a simmer sauce as first reported on B&T.

Aussie AgTech Start-Up Leads Global Farming Innovation
  • Technology

Aussie AgTech Start-Up Leads Global Farming Innovation

With Aussie farmers facing so many challenges, could the answer be Blockchain technology? Ranking top 10 at this year’s Overseas Talent Entrepreneurial Conference (OTEC), pitching against 32 other start-ups from around the world, Aussie start-up Agunity are leading AgTech innovation. Having won the right to represent Australia during Investible’s nation-wide pitch competition, AgUnity took to […]

Women In Media Profile: Carolyn Bollaci
  • Media

Women In Media Profile: Carolyn Bollaci

Facebook's Carolyn Bollaci is the latest to sup at B&T's truth serum we prefer to call our Women in Media profiles.

by B&T Magazine

B&T Magazine
Vic Govt Unveils ‘Tafe + Jobs’ Via Fuel Agency
  • Advertising
  • Campaigns

Vic Govt Unveils ‘Tafe + Jobs’ Via Fuel Agency

The Fuel Agency has launched the new ‘TAFE + Jobs’ campaign, aimed to promote and drive applications and enrolments for courses starting in 2019 There’s a lot happening in Victoria, with record investment in road and rail projects, and in the health, community and disability sectors. As a result, there’s greater demand for skilled workers. […]

Rakuten Marketing Appoints New CEO
  • Marketing
  • Technology

Rakuten Marketing Appoints New CEO

Rakuten has a new CEO. However, judging by the tired handshake photo, B&T doesn't have any new ways of illustrating it.

Why Consumers Block Your Advertising
  • Advertising
  • Opinion

Why Consumers Block Your Advertising

Who better to explain why your ads are getting blocked than a real ad blocking expert. As B&T has done right here.

Opinion

by B&T Magazine

B&T Magazine