“Of course. You have to look good on mobile. ”
I was at the end of the meeting with an entirely new customer and had to do our video chat. Almost an hour we did plan for what should have on his page: Twitter feed, page which will display his part-time job or even an option that will make it easier for its customers to book a service.
At the end of our conversation, he added, and mobile design. And this did not happen the first time. Often, at the end of the conversation remembered my request and excellent mobile design to a new website.
We expect pages to look tidy on our phones, tablets and TV screens – and it makes sense! People, this is 2017!
But when we think about our site, we envisage first as displayed on a monitor from a PC or laptop screen, and even then a mobile device, rather than the other way around.
Did you know that nearly 7 billion people in the world (95.5%!) Have a mobile subscription (Mobiforge)? In 2014, 60% of the page views come from mobile devices. More and more people viewed pages on their mobile devices, and increasingly less on desktop monitors. (Small Business trends)
Therefore logically speaking, your priority should be to make better mobile murderous page. The mobile version of the site can bring you a booming business. Think about it. If you visit a new city, after you search Google’s restoranchinjata nearby, whether you visit Italian café with easy navigation menu and contact information, or cake shop with a mobile page that is loaded in 5 minutes and has the smallest font ever seen?
Excellent! So, the mobile design is very important. If you are a new coding, creating beautiful and functional mobile site certainly scares you. But not necessarily so! Above all, if you are a user of mobile devices, you are the ideal client – and you know that’s what makes you satisfaction among mobile page (and what does that nightmare).
However it would be helpful to have an indication to know where to begin. Here you are shown 8 elements of a great web design that you must keep in mind when creating the mobile page.
Nobody wants to feel like there are too fat fingers. Is there anything more frustrating than to try and fail to click a button? Large buttons guide users toward the goal, so if you want someone to buy something from your site a big “Buy Now” button would make sense, and if users need to order something, attract their attention with a button “Order Now”.
When users visit a mobile site, they do not need to see the entire contents of your page. The best mobile pages, the page content down to its minimum form. Put only the most important things that users want to keep and hide the rest of it (whether a desktop version or hamburger button or sliding menus).
It’s easier to find what you want if there is plenty of room. The best mobile sites do not meet any corner of the screen, but leave empty space to display important options (such as buttons!).
Most users of smart phones are used for functions like scrolling to the right to go to the next page, or double tapping to zoom. Excellent mobile designers exploit these intuitive modes of interaction with the device.
When you visit a mobile site, usually you have a purpose. The best mobile sites include several logical paths that users can follow so that eg. if someone visits the site to find a phone number, it could take only a few obvious steps to find him.
Mobile users typically have more open applications from Web search engines. They quickly move between social media, email and camera application, for example. The best designs mobile users to facilitate the transfer of the site to an external application such as Twitter or Calendar, for example.
Mobile screens are small and movement in them is very different from clicking the mouse buttons. Best deploy mobile designs allow users to easily move through the site by using intuitive movements (such as scrolling or flicking) or by arrows and menus that guide the user through the site.
See, mobile users are always in a hurry. The best mobile pages are not stacked with too much information. Users do not want to wait until a large, overloaded page loads. So, do not let the size of image files to be huge and always optimize CSS.9