This blog is an insight to why desktop and mobile should not be considered a single development project. Any project that considers both desktop and mobile should be tailored according to both. We will be looking at some of the reasons why one size doesn’t fit all and why it should not be taken for granted that it does.
Let’s kick off with screen size, the most obvious of all differences. The average size of a phone screen is one fifth to one tenth the size of monitors (Unless someone has made a 20+ inch phone that I don’t know about). This means that more information must be displayed in less space, at the same time elements that are not the point of attention for the page must less noticeable . An example of this is sites that change the display accordingly. On a large screen they have buttons at the top or left of the page but on a smaller screen it becomes hidden in a slide out menu.
The second on the list is touch input. Touch inputs aren’t as accurate as the good old mouse, to handle this elements should be easily tapable. So instead of putting the word “Back” on a page it makes more sense to have an arrow icon in it’s place. Swapping text to icons as much as possible helps to provide information in limited space along with making it easier to use on a touch device. (Added bonus: if you have sites or apps in multiple languages you don’t need to translate an icon)
That being said, do make a mobile website. With the growth of mobile very few visitors are coming from a desktop. Most are probably coming in from a portable device.