Mobile First

Wie entsteht eigentlich ein Webdesign? Oder anders gefragt – wo beginnt man? Sicherlich hat jeder Webdesigner eine eigene Vorgehensweise, die auf die individuelle Arbeitsweise abgestimmt ist. Lässt man persönliche Präferenzen außer Acht, könnte man sich aber zumindest fragen, für welches Endgerät die ersten Designs erstellt werden sollen. Fängt man etwa bei hochauflösenden Bildschirmen für Desktops an? Oder bei Notebooks? An diesem Punkt setzt der sogenannte Mobile First Ansatz an. Wie der Name bereits vermuten lässt, beginnt man mit dem Design für mobile Geräte bzw. mit der kleinsten Layout Variante. Danach bewegt man sich nach und nach auf die größeren Varianten zu.

Mobile web design is becoming increasingly important

Doch woher rührt eigentlich der Trend Mobile First? Früher wurde meist nur bzw. erst eine Desktop-Version erstellt, der dann optional eine mobile Variante hinzugefügt wurde. Da Websites aber immer häufiger auf mobilen Geräten wie Smartphones genutzt werden, verschieben sich hier die Prioritäten. Für manche Seiten ist die mobile Version längst wichtiger als ihr “großer Bruder”.

Google introduces a mobile-first index

At the latest after this announcement, it is clear how dominant the role of mobile web design has become: Google is introducing its own index that specifically lists mobile versions of websites. A fully-fledged mobile website is therefore more important than ever before if you want to continue to maintain good search engine rankings. The mobile-first trend could get an additional boost as a result.

Mobile First Advantages

Vom Mobile First Ansatz kann die ganze Website profitieren – schließlich stehen bei diesem gerade die Inhalte im Fokus. Die Website wird auf das Wesentliche konzentriert und wichtige Inhalte werden möglich dominant, d.h. möglichst weit oben positioniert. Auf dieser soliden Basis kann in einem späteren Schritt die Desktop Variante erstellt und um weitere Funktionen ergänzt werden. Bestenfalls erhöht sich damit auch die Usability einer Website.

Implementation

There are several ways to develop a mobile-first website. In practice, the following has proven to be particularly effective Responsive web design which can be optimally combined.