Blog 2: Responsive & Mobile Design

The importance of having good responsive design is because nowadays, people are starting to use their mobile device to surf the web instead of the traditional set up of staying at home to browse the internet on your desktop computer. According to The Huffington Post, “having a website be responsive yields a better user experience, is more manageable, and allows businesses and others to stay ahead of the competition”. Therefore, it is best for a designer to design websites with the mobile users in mind. Source: http://huff.to/1nj6cAG

There are also statistics about the rise in mobile web usage:

  • More than 20 percent of Google searches are now being performed on some sort of mobile device.
  • In 2012 over half of all local searches were done on a mobile device.
  • 25 percent of Internet users only access the internet via a mobile device in the United States.
  • 25.85 percent of all emails are opened on mobile phones, with another 10.16 percent being opened on tablets.
  • In 2014 mobile Internet usage is expected to overtake desktop usage.
  • Out of the 4 billion mobile phones in the world, 1.08 billion are smartphones and 3.05 are SMS enabled.

—Smart Insights, http://bit.ly/1cjAdpn


A designer must lead, encourage, and keep the attention of the users when designing for the responsive/mobile Web. A designer can lead a user by including signs or indication to help users know where they are, and how to navigate the website or apps without feeling lost.
It helps to encourage a user by adding a reward system that allows a users to obtain what they want, and so they can gloat and show the website or app to their friends and family.

A designer can keep the attention and retain users by providing a form of entertainment or by adding the element of surprise or comedy depending on the users, what they find enjoyable, and the nature of the website or app (if it is more of a serious company, you probably don’t want to add games).

Responsive website example:

Sparkbox's website as viewed on desktop/laptop, tablet, and smart phone.

Sparkbox’s website as viewed on desktop/laptop, tablet, and smart phone. Credit: Responsive Design Examples by designmodo

Link to Sparkbox’s website: http://seesparkbox.com/

Mobile website example:

Screenshot of Texas Roadhouse's desktop website.

Screenshot of Texas Roadhouse’s desktop website.

Screenshot of Texas Roadhouse's desktop website.

Screenshot of Texas Roadhouse’s mobile website.

Source: http://www.texasroadhouse.com/ and http://m.texasroadhouse.com/

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s