Mobile-First Design – Why the smartphone is so important in web design (Sponsor)

Web design is not only about making a website look good, but above all about making it work. This includes the integration of text and images as well as the implementation of animations, videos, buttons, forms and the like. Of course, those who are active in web design do not use the modular offers for laypeople, but still program correctly by hand. Since the wave of success of the iPhone and smartphones in general - since around 2010 - one concept in particular has been at the top of the list: mobile first. So the design starts with the functionality in the mobile web browser and is only then increased for the desktop version.

The mobile-first design for websites describes the development of a website for mobile browsers in the first step of the realization of website ideas. This is to ensure the functionality of all content on the small screen.

The mobile-first design for websites describes the development of a website for mobile browsers in the first step of the realization of website ideas. This is to ensure the functionality of all content on the small screen.

What is mobile-first design?

Mobile-First is English and means something like "mobile first". When it comes to web design, the mobile version of a website should be implemented first, which should be displayed on the small upright display of the mobile phone and used comfortably. One of the challenges is bringing menus and other interactive content in a way that is easy to see and use without frustration. The next hurdle is rotating the device by 90°, because then the view has to switch to landscape format without simply switching to desktop view. Depending on the content, the same can look completely different anyway. As early as 2013, Wired Magazine pointed out the importance of avoiding certain mistakes Articles out.

Websites need a mobile version – for various reasons!

Users benefit from the display of all important information, fast navigation and targeted use of menus, as well as other convenient advantages of a website optimized for mobile phones. Last but not least, a website that adapts to the screen size ensures that they stay with you and do not look around in frustration for other sources of information. This benefits the site operators. From Wikipedia to Twitter to a online casino this must be considered for each side. As early as 2010, Google also emphasized that the mobile-first efforts in the search engine would be intensified. In addition to their own pages, this also applied to the favoring of mobile websites in search results. Since then, mobile-first design has also been part of SEO (search engine optimization).

Meanwhile, the mobile-first design is also very important for search engine optimization. Furthermore, it is essential for all operators of websites who cannot afford app development and therefore want to conveniently display their website on iOS and Android.

Meanwhile, the mobile-first design is also very important for search engine optimization. Furthermore, it is essential for all operators of websites who cannot afford app development and therefore want to conveniently display their website on iOS and Android.

Solving design tasks looks different on mobile

On desktop, most people use a 16:9 landscape screen. On this, pages can be displayed in the web browser that fill different columns and areas with different information - without being unclear or confusing. The best example is YouTube with the video as the main content, the title, the video description and the comments below it, the recommendations on the right and the menus in the upper corners. Above all is the search bar, which is one of the most important elements on YouTube. There is even space for advertising. Mobile all this has to be solved more vertically. Of course, Google solved the mobile problem long ago with an app, but this solution is often not available to smaller sites.

So what problems is mobile-first supposed to solve?

The principle of mobile-first design has been in effect for websites for over ten years now. Of course, it poses its own set of problems, especially when it comes to ambitious web tools designed for the desktop but designed to work on mobile as well. But it is precisely this problem that needs to be solved. The thought process should be reversed so that site operators or at least the dedicated web designers think in terms of mobile and start with the solution for the mobile web browser on iOS and Android. If planning and implementation are successful there, the desktop version of the site should no longer be a problem. So much for the basics; Details can be found in the relevant courses.

-
Did you like the article and did the instructions on the blog help you? Then I would be happy if you the blog via a Steady Membership or at Patreon would support.

Leave a Comment

Your e-mail address will not be published. Required fields are marked with * marked