We can also no longer approach mobile design as just a nice-to-have. Users today are spending an average of 69% of their media time on smartphones. Stats like this make it clear that mobile browsing is here to stay.
The experience someone has while browsing your site on their phone needs to be just as enjoyable as the experience they have while on a desktop -- if not better.
It’s seem like everyday we are seeing new strategies like as progressive web apps and mobile-first design, appear, however, keeping up with these new trends and deciding which ones are actually worth focusing on can seem like an overwhelming task.
Progressive Web Apps (called PWAs for short) are web applications that give the appearance of a mobile app but are actually a regular webpage.
This approach combines features that are offered by modern browsers, but with the benefit of a mobile experience.
According to the infographic, by 2020 progressive web apps will have replaced 50% of general purpose consumer facing mobile apps.
Focus on Optimizing for Mobile Speed
Optimizing your site nowadays is more than just cleaning up your site’s code. It also means paying attention to the load speed.
Research by DoubleClick says that if a page takes more than three seconds to load, the bounce rate rises to 53 percent. Additionally, if a pages load time goes from one second to five seconds, the bounce rate goes up by 90%.
Understand What “Mobile-First Indexing” Means
I mentioned before that Google has been indexing sites based on their mobile-friendliness since 2015. That makes it increasingly important to understand what a true mobile-optimized site includes. Some of the main characteristics include:
Quick page loads speeds
Buttons that are easy to select on smaller screens
No zooming or side scrolling for mobile usability
Photos and text that appear in the correct places
View all of the most important trends for mobile design in the infographic below.