But first, what is mobile responsive design?
A responsive website makes it easier to browse and navigate, and the user does not have to pinch or zoom into their screen. These days, its less of a trend, and more of a practice. You can see below how the screen adapts to the displayed content on a web page.
Watch this video to see why it's important for your business to have a responsive website. It is short and concise, with major points emphasised. Key terms are highlighted to make sure that you understand the terminology involved. Although a little old, the content in this video is still relevant.
Video sourced from 360 Online Sales Solutions, 2013
The best compatible mobile devices for your website
Images: 3rd Sense Australia Pty Ltd, 2014
These images give a good representation of the kinds of devices the Australian population is using, and how long they are spending on the internet. This will give you a good idea of just how much a mobile responsive website will benefit your targeted user groups. Also, the great thing about responsive design is that you don't have to maintain or update more than one item of content per device.
These images give a good representation of the kinds of devices the Australian population is using, and how long they are spending on the internet. This will give you a good idea of just how much a mobile responsive website will benefit your targeted user groups. Also, the great thing about responsive design is that you don't have to maintain or update more than one item of content per device.
Mobile web trends 2016
It's important to keep up with the most recent and most successful design trends. The infographic and video below shows all the "must- know" trends for 2016, and will help you get up to speed on what kind of trends you might want to incorporate in your website.
Card layout
According to this article featured in MonsterPost, Carding is where the content is displayed in a card format, which allows the user to browse which chunk of content to explore. Pinterest is a leader in this trend, with over 75% of it's traffic coming from mobile users. Google has just released an app called Google Now, which is proving to be innovative and popular.
Long or infinite scroll
Image sourced from Riverbend Digital, 2016
There's lots of debate about this trend. There are several blogs and articles that weigh up the advantages and disadvantages and it is well worth a read. I think that this trend is useful when looking at user needs in this era of technology.
Created your mobile responsive web page?
When you've created your mobile website, use Google's Mobile Friendly Test to see if your website is compatible with popular devices.
Want more?
Here are some extra resources that will help you to get started.
The Mobile Web Designer's Idea Book: The Ultimate Guide to Trends, Themes, and Styles in Mobile Web Design (Patrick Mcneil, 2013)
This book has many benefits which are re-iterated in the summary of what the book contains. The book provides real life examples of responsive design trends such as the Flat Design and Carding trends. There are actually 7 books in the series. If you want to know more, explore here.
Smashing Magazine (Online)
An online magazine which covers a range of useful web design trends. This article demonstrates the strength of the site. For example, you can see that the article describes and discusses the elements of responsive design and supports statements with pictures and examples. These analytics demonstrate the popularity of the magazine through social media platforms and general website searches. Also discusses new trends such as the Thumb Zone.
Specky Boy Magazine (Online)
Specky Boy Magazine presents a great range of ideas and templates for mobile web design.
Who to follow
Facebook:
Specky Boy Facebook
Koncepta
Twitter:
@SmashingMag
@RWD (Responsive Web Design)
No comments:
Post a Comment