Do not make clones of regular websites for mobile devices. This does not work and annoys users. A third of sites in 2015 are shown on the screens of mobile devices, according to Statista.com. This means that a modern web resource must have an adapted design that will adapt to different devices. But web developers stubbornly do not want to meet mobile users and offer them a slightly redesigned desktop option. What mistakes do they make?
Life without mice
Developers forget that tablets and smartphones do not need a mouse. This is especially true for hyperlinks. Sometimes, and on a large monitor, you need to aim your cursor well to get on the icon or link. The average device owner’s finger can not exactly click on the segment of the screen less than 1 by 1 centimeter – this is usually slightly less than 30 by 30 pixels. For mobile web design, this is a fundamental matter.
Therefore, although cute, it’s silly for designers to put the project interactive elements smaller than these sizes. And the best option for the element is the button. But what is not offered to press the user! Tactile sensations from clicking the mouse button are also missing here, so feedback is needed.
If the button is clickable, the user should see or hear it. Otherwise, it may not understand whether the control is an element or not. Also, by clicking on it, the user must be sure that the action has occurred. Unfortunately, not always the quality of communication allows you to give quick feedback, so the designer and the developer need to show creativity and “pump through” the standard controls. Otherwise, there will be repeated pressing with unpredictable consequences.
In disputes about the menu of mobile sites, many copies have been broken. A more or less compromise option is the use of dynamic drop-down lists. Thanks to this, you can save valuable screen space. But in this case, there should be such an icon, looking at which the user immediately guesses that this menu.
There is an alternative. If there are not too many items, the wizards recommend making menu items the size of almost the entire screen. Inside this button, you can place an image that can replace the small font compared to the first option. Navigating through the menus is done by scrolling the screen.
Another quick way out is to set each menu item in the form of positioned blocks vertically. But this method takes the place of the title. If there are many items on the menu, this option will definitely not work for you. The user does not like scrolling through a long list of items in search of the desired one.