What we’re doing bad in Responsive Design

Remember those silly moving subjects that used to be popular a few years ago? You know what I mean …


Horrible, is not it?

This is beyond me … Why someone would put such a thing on your site? No branding, it’s ugly, does not give you continuity between platforms. In other words, if someone visits your mobile site on your computer and then could not guess who are in the same place.

Fortunately, these issues are dead phones.

So what do / use now? Well, there are only a few rules when it comes to mobile design responsive , but at the same time can make or break the success of your page. Not that I want to sound smart here. It’s just to provide the mobile user is different to provide for the desktop user.

1 They want raw content – give it
The first thing to keep in mind is that a mobile visitor entering the responsive version of your website is there for the content.

Usually do not care about the action points you have waiting for them (social media buttons, subscription forms, links in the sidebar, pretty shades, etc.) What they want is the content itself.

So your job as a responsive design , I is provide it as quickly as possible, in its rawest form.

Here’s an example – Engadget (standard design on the left, moving to the right):

Notice how the standard version has many things shown in various tables and columns. Mobile, however, focuses on showing stories one by one and display the full menu.

The reason is simple – again, people on mobile does not care about those extra things.

2 Think about the size of the screen (not the resolution)
Contrary to popular belief, the screen resolution does not matter.

For example, the new iPhone 5S is 1136 x 640, and it’s plenty enough to display any web site without additional modifications insurance. However, the screen is only 4 inches, and that means to show the desktop version of a page does not make sense because people can not see all the details.

Therefore, to build the mobile version of your site, try not to think about the resolution, but the actual size of the screen. The moving average is 3.5-4 inch screen. If you want the mobile version of your site is friendly to users, you must use the space effectively.

3 Consider your goals
If you’re working on a new site I’m sure you have at least one specific goal you want to achieve with it. Maybe you want to give your audience carefully crafted items, show your skills as a photographer, to sell a particular product or anything else.

While the standard version of your site can handle multiple objectives (to some extent), the mobile version can not.

In essence, the mobile can help you accomplish several things, and I see no reason why you should not be able to make your mobile ultra effective. But this is only possible if you focus on one task at a time.

So when you work on your mobile version, focus only on your most important goal and nothing else.

4 Branding by minimal elements
Although of course you want to make your page as recognizable as possible, you should do whatever it takes to refrain from using too many elements. Instead, do the least you can. Dubai Branding Agency

In most cases a logo at the top of the page is sufficient. Remember that the visitor is not there to look at all sides, but to consume a specific piece of content.

Obviously, you can and should use the palette that you applied to your standard site. That way, you will keep everything consistent and will not be confusing to the visitor when he returns (from your desktop).

5 Beware of social networking
The trend today is to show various social networking buttons under any possible piece of content. There seems to be no website integration with social networks.

This is a fact. And although I do not think the trend is bad, I think it can be counterproductive when it comes to mobile sites.

As indicated earlier, users are not interested in anything other than content when surfing a site from your mobile device.

Always have a task in mind and share content on social networks rarely is. If you just want to review what happens and ya, would use their desktop computer.

Now, you can show a couple of links / buttons social networking if you have to (preferably none). But I think to do more than that too. Remember that the screen is small and if you decide to show, say, four buttons to share, probably occupy the entire viewable area.

6 Provides personalized navigation
Show massive menus that link to any page or publication may be run on the desktop, but will not work on mobile.

For example, check out the site Writer’s in Charge (standard design on the left, moving to the right):

A simple design in itself, guaranteed. But in mobile, the content block is as close to the upper side of the screen and the main menu is hidden.

This is a good direction to take.

To get a good idea of ​​how to do it, you can do this:

Using minimalistic as possible menu link to the most essential pages.
Arrange the rest of your content using buttons “previous” and “next”.
So anyone can find the central pages while, consume your content without having to go through a massive list of links. Only two simple “previous” and “next” buttons will suffice 90% of the time – the power of simplicity.

7 Convince visit you again

For me, the true power of a mobile website is not a sudden need to manage content from the visitor, but also convince him to go when you are on your computer.

The funny thing is most of the time, you have to give them a specific reason to do so.

For example, at the end of your page you can display one of these things:

  • A visible link RSS subscription, along with some basic information about the benefits of subscribing. Instead of a standard RSS you can also try a link Feedly.
  • A short email subscription form.
  • A simple link to the simplicity of this option may be enough to work surprisingly well, this option may be a “mailto:” simple link “send this page to yourself by mail.” With some predefined content.
  • Of course, if you’re in a niche that allows you to give the visitor an interesting incentive to return – one that really worth it – then offer it anyway.

8 mentions that is the mobile version
This may sound funny, but some visitors do not realize that they are visiting a mobile version of your site (I mean, do not know that there is a further development of the site to visitors desktop version). That’s why I mention it is a good idea.

The bottom of your page is a great place to do it. This is another place where you can use one of your members to convince them to come back and mention that the full version of the site has much more to offer.

In Creative Staff are experts in Dubai Web Design , and have been the ideal choice for a large number of local companies ( check our Portfolio). If you have a web project in mind and are looking for a company that professionals needed to make it happen, please contact us!

Thomas James

Leave a Reply