Designing for Mobile

March 28, 2017

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.

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’.

It’s honest, authentic, and accessible.

I love sharing my experiences working in design and what’ve I’ve learned along the way. Join a community of thousands of designers, developers, and product professionals by signing up to my newsletter!

Not quite ready to sign up? I totally understand! Why not start by reading some of my past issues?

Great! Just “one more thing”...

You need to confirm your email to confirm your subscription.

  1. March, 2024

  2. February, 2024

  3. January, 2024

  4. December, 2023

  5. November, 2023

  6. October, 2023

  7. September, 2023

  8. August, 2023

  9. July, 2023

  10. June, 2023

  11. May, 2023

  12. April, 2023

  13. March, 2023

  14. January, 2023

  15. December, 2022

  16. November, 2022

  17. September, 2022

  18. August, 2022

  19. July, 2022

  20. June, 2022

  21. May, 2022

  22. April, 2022

  23. January, 2022

  24. December, 2021

  25. November, 2021

  26. October, 2021

  27. September, 2021

  28. August, 2021

  29. July, 2021

  30. June, 2021

  31. May, 2021

  32. April, 2021

  33. March, 2021

  34. January, 2021

  35. November, 2020

  36. October, 2020

  37. September, 2020

  38. August, 2020

  39. June, 2020

  40. May, 2020

  41. April, 2020

  42. March, 2020

  43. February, 2020

  44. January, 2020

  45. December, 2019

  46. November, 2019

  47. October, 2019

  48. September, 2019

  49. August, 2019

  50. July, 2019

  51. June, 2019

  52. May, 2019

  53. April, 2019

  54. March, 2019

  55. February, 2019

  56. January, 2019

  57. December, 2018

  58. November, 2018

  59. October, 2018

  60. September, 2018

  61. August, 2018

  62. July, 2018

  63. June, 2018

  64. May, 2018

  65. April, 2018

  66. March, 2018

  67. February, 2018

  68. January, 2018

  69. December, 2017

  70. November, 2017

  71. October, 2017

  72. September, 2017

  73. August, 2017

  74. July, 2017

  75. June, 2017

  76. May, 2017

  77. April, 2017

  78. March, 2017

  79. February, 2017

  80. January, 2017

  81. December, 2016

  82. November, 2016

  83. October, 2016

  84. September, 2016

  85. August, 2016

  86. July, 2016

  87. June, 2016

  88. May, 2016

  89. April, 2016

  90. March, 2016

  91. February, 2016

  92. January, 2016

  93. December, 2015

  94. November, 2015

  95. October, 2015

  96. September, 2015

  97. August, 2015

  98. July, 2015

  99. June, 2015

  100. May, 2015

  101. April, 2015

  102. November, 2014

  103. April, 2013