Dallonses Logo

Mobile-First-Entwicklung

Was ist Mobile-First-Entwicklung?

Mobile-First-Entwicklung ist ein Design- und Engineering-Ansatz, der mit dem kleinsten Bildschirm beginnt und nach außen arbeitet. Sie bauen die Kernerfahrung zuerst für das Telefon und fügen dann schrittweise Layout, Struktur und Funktionen hinzu, während der Viewport wächst. Die umgekehrte Gewohnheit, für den Desktop zu gestalten und zu verkleinern, lässt Mobil fast immer wie einen nachträglichen Einfall wirken.

Die Idee setzte sich um 2010 durch, als Luke Wroblewski argumentierte, Einschränkungen schärften die Prioritäten. Ein Telefon zwingt zur Entscheidung, was wirklich zählt. Begrenzter Platz, Touch-Ziele statt Cursor, langsamere Verbindungen, ein Daumen, der die Arbeit macht. In CSS heißt das meist, dass Basis-Styles auf Mobil zielen und min-width-Media-Queries die größeren Breakpoints auflegen. Es passt natürlich zum responsiven Webdesign, doch beide sind nicht dasselbe. Responsive beschreibt das fließende Layout. Mobile-First beschreibt die Reihenfolge, in der Sie es bauen.

Ein Händler, dessen Kunden meist im Zug stöbern, verliert Umsatz, wenn der Checkout eine Maus und einen breiten Bildschirm voraussetzt. Mobile-First fängt das ab, bevor es live geht, denn der enge Fall war der Ausgangspunkt, nicht der Sonderfall.

Mobile-First-Entwicklung bei Dallonses

Wir starten die meisten Projekte auf dem Telefon. Nicht weil es sich gut ablichten lässt, sondern weil dort die schwersten Layout-Entscheidungen liegen und der Großteil des Verkehrs unserer Kunden herkommt. Wenn wir einen Build mit einem Partner abstecken, ist der Mobil-Flow das Erste, was wir prototypisieren und auf echten Geräten testen.

Das zieht sich genauso durch unsere Webentwicklung und Mobile App Entwicklung. Wir behandeln Performance und Touch-Ergonomie als Teil des Briefings, nicht als Politur am Ende. Funktioniert ein Feature nur auf einem 27-Zoll-Monitor, finden wir gemeinsam heraus, was es auf einem 6-Zoll-Gerät werden soll. Das Ergebnis hält dort, wo Menschen es wirklich nutzen.

Die meisten Ihrer Nutzer sind am Telefon. Bauen wir zuerst für sie.

Sprechen Sie mit uns über Mobil

Verwandte Dienstleistungen


Bereit zum Zusammenarbeiten?

Termin buchen
Aymón hält ein Tools-Magazin vor seinem Gesicht
Ari arbeitet auf einem Laptop im Freien, umgeben von Pflanzen
Draufsicht auf einen Holzschreibtisch mit Tastatur, Maus und Kopfhörern
Handgezeichnete Illustration einer Hand, die mit den Fingern schnippt
Nico lehnt an einem Wasserspender neben einem Feuerlöscher
Nahaufnahme eines offenen Computers mit Leiterplatte und Komponenten auf einem Holzschreibtisch
Bernat und Andreu arbeiten zusammen an einem Schreibtisch mit Monitoren und einem Laptop
Handgezeichnete Illustration einer offenen Hand, die winkt
Aymón hält ein Tools-Magazin vor seinem Gesicht
Ari arbeitet auf einem Laptop im Freien, umgeben von Pflanzen
Draufsicht auf einen Holzschreibtisch mit Tastatur, Maus und Kopfhörern
Handgezeichnete Illustration einer Hand, die mit den Fingern schnippt
Nico lehnt an einem Wasserspender neben einem Feuerlöscher
Nahaufnahme eines offenen Computers mit Leiterplatte und Komponenten auf einem Holzschreibtisch
Bernat und Andreu arbeiten zusammen an einem Schreibtisch mit Monitoren und einem Laptop
Handgezeichnete Illustration einer offenen Hand, die winkt