Mobile First – nur ein Trend oder schon bald die Zukunft?

07_Mobile_First

Was ist Mobile First?
Mobile First ist ein Designkonzept, bei dem die optimale Darstellung einer Website auf mobilen Endgeräten oberste Priorität hat. Der Trend stellt den ganzen bisherigen Gestaltungsprozess auf den Kopf. Bei Mobile First beginnt der Designer mit dem Mobile-Design und arbeitet sich dann schrittweise zur grösseren Desktop-Version vor. Auf diese Weise wird ein optimales Mobile-Design gewährleistet. Alle nachfolgenden Medien werden auf diesem Grundstein aufgebaut.

Ob sich dieses Vorgehen wirklich bewährt, hat sich noch nicht gezeigt. Wie jede Designphilosophie bringt auch Mobile First Vor- und Nachteile und hat Befürworter sowie Gegner.

Mobile First – Was spricht dafür?

In der Schweiz besitzen 75% (Link zur Studie) der Bevölkerung ein Smartphone, weltweit sind es sogar 1,2 Milliarden. Wie oben bereits erwähnt, nutzen 85% der Schweizer ein Mobilgerät (Smartphone oder Tablet), um im Netz zu surfen (Link zur Studie). Die Wahrscheinlichkeit, dass ein User nur die Mobile-Version einer Website besucht ist dementsprechend hoch. Eine nicht für Mobilgeräte optimierte Website kann daher zu Desinteresse und sofortigem Abspringen des Users führen.
 Genau aus diesem Grund wurde das Mobile First Konzept entwickelt.

Das Mobile First Konzept bringt unter anderem folgende Vorteile mit sich:

Schlichteres Design
Da bei Mobile First das Design für die optimale Darstellung auf kleinen Bildschirmen konzipiert wird, wirkt die Darstellung auf grösseren Screens automatisch luftiger und enthält mehr Weissraum. Dies entsteht dadurch, dass bei der Mobile-Version alles auf kleinstem Raum Platz haben muss. So wird es geradezu einfach, alle Elemente auf einem grösseren Desktop-Screen zu platzieren.

Weniger Optimierungsprobleme
Das neue Konzept verhindert auch Optimierungsprobleme, die beim Gestalten von «Desktop First» Websites oft entstehen. Dort werden häufig ausgefallene Grafiken und interaktive Elemente eingesetzt, welche auf mobilen Websites aber nicht umsetzbar sind. Dadurch verliert das Mobile-Design an Kraft und Wirkung, während das Desktop-Design deutlich besser aussieht, aber trotzdem oftmals weniger besucht wird. Da bei Mobile First die Grafiken und interaktiven Elemente schon zu Beginn für die Mobilversion optimiert werden, wird automatisch sichergestellt, dass diese auf jeder anderen Screengrösse auch umsetzbar sind.

Bessere Lesbarkeit dank kürzeren Texten
Ein Problem, dass auch behoben werden kann, ist die Länge und Ausführlichkeit der Textinhalte. Während Designer den ganzen Text auf dem Desktop-Screen platzieren, vergessen sie oft, dass dieser auch auf der mobilen Website Platz haben muss. Da bei Mobile First die Textinhalte für Mobilgeräte optimiert werden, können scheinbar unendlich lange Onepager und Platzprobleme frühzeitig erkannt und vermieden werden.

 desktoop-first

 

Oder doch lieber Desktop First?


Eine der grössten Herausforderungen von Mobile First ist, dass Kunden dem Designer blind vertrauen müssen. Denn beim Mobile First Ansatz ist es für Kunden um einiges schwieriger, sich vorzustellen, wie das endgültige Design auf der Desktop-Version aussehen wird. Umgekehrt ist es einfacher, sich die mobile Darstellung einer Desktop First Website vorzustellen.

Trotz der Tatsache, dass Mobilgeräte immer wichtiger werden, ist für viele Kunden die Desktop-optimierte Version noch immer wichtiger – und manchmal auch sinnvoller. So zum Beispiel wenn die Statistiken zeigen, dass die Mehrheit der User konventionell per PC und nicht per Mobilgerät auf ihre Website zugreifen.

Es besteht zudem die Gefahr, dass Designer so fokussiert auf das minimalistische Mobile-Design sind, dass sie die Möglichkeiten, die ihnen mit einer Desktop-Version zur Verfügung stehen, nicht optimal ausschöpfen. Bei der Gestaltung nach dem Desktop First Prinzip hat der Designer ein viel grösseres Spektrum an Möglichkeiten, die ihm beim Mobile First Ansatz nicht zur Verfügung stehen würden.

Mobile First ist nicht immer nutzerfreundlicher
Das wahrscheinlich wichtigste Argument ist, dass sogar die Nutzerführung unter einer Mobile First Anwendung leiden kann. Die User Experience ist nämlich eine ganz andere als bei einer Desktop-optimierten Seite. In der Regel soll der User durch das Einsparen von überflüssigen Klicks so einfach wie möglich durch die Website geführt werden. Da mobile Endgeräte einen viel kleineren Bildschirm haben, werden oft aber viel mehr Klicks benötigt, um zum gleichen Ziel zu gelangen. Es besteht die Gefahr, dass die Nutzerführung der Mobilversion auf das Desktop-Design übernommen wird, ohne die wesentlichen Änderungen anzupassen, was sich negativ auf die Benutzerfreundlichkeit auswirkt.

Unser Fazit
Mobile First ist kein Trend, dem man blind folgen sollte, daher auch die vielen Kontra-Punkte. Aus unserer Sicht gibt es keine reine Mobile First oder Desktop First Umsetzung. Für einige Websites mag es sinnvoll sein, das Mobile First Konzept anzuwenden, jedoch nicht immer. Bei hochkomplexen Websites mit Unmengen von Seiten (wie z. B. bei einer Website des Bundes) würde der Mobile First Ansatz das Ziel klar verfehlen und wäre schlicht zu unübersichtlich, um die ganzen Seiten optimal erfassen zu können. Solche Seiten bedient ein User vorzugsweise am PC und nicht am Smartphone.

Unser Fazit ist, dass der Auftrag und die Ausgangslage entscheidend dafür sind, welchen Ansatz wir verfolgen. Wir entscheiden dann von Fall zu Fall, welches Konzept am sinnvollsten ist. Der Schlüssel zum Erfolg ist, sich von Anfang an gut zu überlegen, wie alle Gestaltungselemente auf verschiedenen Bildschirmgrössen und Auflösungen aussehen und funktionieren werden. Sofern man dies berücksichtigt, kann jedes Konzept zu erstklassigen Ergebnissen führen.

Abonniere 
unseren Newsletter

Nur wertvolle Infos – kein Spam. Mit der Ameldung bestätigst Du, dass wir Dir einmal im Monat eine Zusammenfassung der neuesten Themen im Web-Bereich als E-Mail zusenden dürfen.

Mehr Artikel wie dieser

Welche WordPress Version habe ich? So findest Du es heraus!

WordPress ist das beliebteste CMS der Welt, mit welchem sich neben Blogs auch ganze Webseiten erstellen lassen. Da WordPress regelmässig und fleissig verbessert wird, kann…
Weiterlesen

WordPress 6.1 – Alle Neuerungen mit webP und dem neuen Twenty Twenty-Three Standard-Theme im Überblick

Das dritte grosse WordPress Update in diesem Jahr steht vor der Türe. Mit WordPress 6.1 kommen am 1. November 2022 wieder zahlreiche Neuerungen auf uns…
Weiterlesen

Wie wir ACF Blocks mit Handlebars Templating einsetzen

Mittels Handlebars Templating trennen wir Logik sauber vom Inhalt. Auf diese Weise können wir übersichtliche, einfache und performante Templates für WordPress Editor Blocks erstellen, welche…
Weiterlesen

iPhone Bildschirmgrössen – (k)ein Hexenwerk für Webdesigner?

iPhone-Bildschirm Messgrössen iPhone Bildschirmgrösse in Zoll (Display Size, Inches) Dies ist die Bildschirmgrösse in Zoll, gemessen von einer Ecke zur anderen. Genau so, wie auch Bildschirmgrössen von…
Christoph Ackermann
Weiterlesen

Vorstellung von WordPress 6.0 – Neue Blöcke und mehr Performance

Seit dem 24. Mai 2022 ist mit WordPress 6.0 die zweite Hauptversion in diesem Jahr veröffentlicht worden. Benannt wurde die Version nach Jazzmusiker Arturo O’Farrill.…
Weiterlesen

So kombinieren wir Nested Pages, SEO Framework & Polylang in WordPress

Bei vielen Kundenwebseiten setzen wir auf das Plugin Nested Pages, um Seitenstruktur besser sehen (und verwalten) zu können. Ohne dieses Plugin sieht die Anzeige von…
Weiterlesen

WordPress Login – so bekommst Du Zugang zu Deinem Dashboard

Gerade für WordPress Anfänger, aber auch bei fortgeschrittenen Benutzern, kann es oft schwierig sein, sich bei seinem Konto anzumelden. Im folgenden Beitrag werde ich Dir…
Weiterlesen

WordPress 6.0: Entwicklerteam gibt Zeitplan der neuen Version bekannt

Update: WordPress 6.0 wurde am 24. Mai 2022 veröffentlicht Wie Matias Ventura Ende Januar schrieb, soll WordPress 6.0 ein Abschluss der Phase 2 des Gutenberg-Projekts…
Weiterlesen

WordPress 5.9 – Was ist neu und kommt mit dem Update

Ursprünglich sollte WordPress 5.9 (Josephine) bereits am 14. Dezember 2021 veröffentlicht werden, wurde jedoch wegen offenen Problemen nach mehrfachen Verschieben nun am 25. Januar 2022…
Weiterlesen

WordPress Bilder und Medien: Alles was du wissen musst

Bilder sind ein grosser und wichtiger Bestandteil einer modernen Webseite. Sie helfen dem Besucher und Leser, Dinge zu visualisieren und lockern auch gerne lange Beiträge…
Weiterlesen

Warum unsere Kunden ihre Webseite kaputt layouten können

Einleitung / Basics Bereits seit einiger Zeit haben wir unseren neuen cubetech Core im Einsatz. Intern nennen wir das Ding liebevoll „gutenbase“ – eine Mischung…
Weiterlesen

Tech Talk – „Advanced Custom Fields“ Plugin

Bereits seit langer Zeit setzen wir bei unseren WordPress-Installationen auf das populäre Plugin «Advanced Custom Fields» (nachfolgend ACF). Dieser Beitrag zeigt, wie wir unsere Webseiten…
Weiterlesen