Designing for Mobile

I recently started up a couple of bigger projects and it’s got me thinking about my processes. You see, for years I have been telling my clients about how crucial mobile is. Mobile traffic will very soon outrank desktop traffic if it hasn’t already. It’s your number one opportunity for more sales and reaching higher conversion rates. The mobile experience is often the first experience a customer has with your brand. Clients are beginning to realize this and are eager to adopt it.

The problem?… I haven’t.

While I do understand the key role mobile plays, I find myself thinking about – and designing for – desktop first. It’s not strange if you think about it, I have been designing for desktop browsers for nearly 20 years.

So here’s my challenge to myself: start with designing for mobile on these projects and see what happens. I’ll make sure to report back to you on my experience! I’d also love to get your wisdom on this – especially designers (product, UX, UI) – what your experience was when you made this transition.

Designing for mobile - iPhone - what now?

Notes on the subject from Ani Mohan in his Next Generation Web presentation at Google Conversions 2017 in Dublin via Luke Wroblekski

  • The Web has been around for about 25 years. In 1996, we had 360M people using it on desktop computers. Today it is at 3.6B, mostly on smartphones. This is the largest platform that’s ever been built.
  • Discovery on the Web starts with a link, so loading speed matters for creating a great first impression. 53% of users will abandon a mobile page if it takes more then 3 seconds to load. 7% reduction in conversions for every 1-second delay in loading times.
  • AMP is an open-source simplified version of landing pages that optimizes for fast initial load times. AMP pages are 4x faster, have < 1 sec median load times, and use 10x less data than typical Web landing pages.
  • There’s more than quick landing pages needed for the Web. To increase engagement: Add to home screen (easy way to launch a site), push notifications (to tell people when to come back & why), reliable performance (pages need to work regardless of connectivity).
  • Poor connectivity on mobile can cause Web pages to fail. Service Workers can cache content and when people are offline, you can use local content instead of going to server for content.
  • Mobile Web conversions are 66% lower than the desktop. Many reasons for this, but one is typing is hard. One-tap checkout helps solve this. The browser stores payment info and sites can ask for it at the moment of checkout.
  • Housing.com saw a 38% conversion increase when Web pages were boosted 30% in page speed.

In case you missed it (it’s nearly two years old), I recommend you reading ‘What’s the cost of sharing’.

Please share:TwitterLinkedInFacebook
Get more writing like this

Sign up and get new writing, just like this, every other two weeks. Unsubscribe any time (I'm not a dickhead).

Books

User Experiences that Matter (2016)
Mastering Freelance (2017)

If You're Getting Started in UX

What's a 'User Experience' Anyways?
How Do You Learn UX?
Working as a UX Designer

Next Steps in UX

Working as a UX Lead
Defining a UX Strategy
Writing as Part of the UX Process

Thought-pieces

AI Ethics - A New Skill for UX-Designers
Designer Ethics & The Moral Implications of our Apps
The Future of the UX-Designer
Voice Input’s Effect on Social Norms

The Work We Do

Chasing Growth
New Tools Don’t Always Equal Productivity
Why Designers Need to Write
The Tools I Use to Run My Business

Featured Writing & Interviews Elsewhere

Q&A With Anton Sten, Author of User Experiences that Matter - Adobe
What the F*#!ck is a UX Designer anyway - Working not Working
It’s Time for a Code of Ethics for Designers - Medium Modus
The Art of Going Freelance - .Net Magazine
It Takes Time - Being Freelance episode 100

From My Newsletter

Who’s listening?

UX of Email Newsletters

Working as a UX-lead

2018 in review

What’s my location?

I’m taking a break

Stay humble, stay eager

Back to Work!

Vanity Metrics

The Future of Retail

2017 review

What do you do?

Carpe Diem UX-designers

What´s Good Design?

Chasing Growth

A Redesign

Is Less More?

Why Simple is Hard

Pricing It Perfectly

Trusting Your Gut

Built to last

An Eye on the Future

UX Design explained

Bite-sized Posts

The Enemy

The Hot Potato Process

Leave the Phone at Home

Delight Comes Last

The Cost of Lies

Big Mood Machine

Simplicity is a war

The next iPhone

Leadership or management

Everyone should own a dog

Silence is gold

Cameras that understand

Humans, not users

Keeping AI Honest

Right to privacy

The State of UX in 2019

Why scrap scrappy?

Organized for browsing

The iPhone Franchise

Why Small Teams Win

The Bullshit Web

Just keep at it

Let them eat cake

Netflix Culture

Skype

Unfoundered

Tech is not Neutral

Productivity

Whose risk?

Why Small Teams Win

Phone Bored

Karim Rashid

Dieter Rams

Bleeding Out

Fake News is spam

Conversational Design

Dropbox

Bye bye Facebook

Cuba

The seat at the table

Givenchy

Love letters to trees

Pricing Philisophy

Specialize

Personas

Make me think

Hawaii Missile Alert

Why Design Systems fail

What You Build

Checkout for Winners

Living a Testing Culture

Creative Class

How To Predict Your Future

Github

Medium

Design quotes

Enough

Why?

ARKit

Designing for Mobile

Failure, Reflect, Renew

Growth

Working with me

Great user experience

Naming your icons

Conversations

All writing

Who’s listening?

The Enemy

The Hot Potato Process

Leave the Phone at Home

UX of Email Newsletters

Delight Comes Last

The Cost of Lies

Big Mood Machine

Simplicity is a war

The next iPhone

Working as a UX-lead

Leadership or management

Everyone should own a dog

Silence is gold

Cameras that understand

Humans, not users

Keeping AI Honest

Right to privacy

2018 in review

What’s my location?

The State of UX in 2019

Why scrap scrappy?

I’m taking a break

Organized for browsing

Stay humble, stay eager

The iPhone Franchise

Why Small Teams Win

Back to Work!

The Bullshit Web

Just keep at it

Let them eat cake

Netflix Culture

Skype

Unfoundered

Vanity Metrics

Tech is not Neutral

Productivity

Whose risk?

Why Small Teams Win

Phone Bored

Karim Rashid

Dieter Rams

Bleeding Out

Fake News is spam

Conversational Design

Dropbox

Bye bye Facebook

Cuba

The seat at the table

Givenchy

Love letters to trees

Pricing Philisophy

Specialize

Personas

Make me think

The Future of Retail

Hawaii Missile Alert

2017 review

Why Design Systems fail

What You Build

Checkout for Winners

Living a Testing Culture

What do you do?

Creative Class

How To Predict Your Future

Carpe Diem UX-designers

What´s Good Design?

Chasing Growth

Github

Medium

A Redesign

Design quotes

Enough

Why?

ARKit

Designing for Mobile

Is Less More?

Why Simple is Hard

Pricing It Perfectly

Failure, Reflect, Renew

Trusting Your Gut

Built to last

An Eye on the Future

Growth

Working with me

UX Design explained

Great user experience

Naming your icons

Conversations