VI. Mobile First

Als wir Mobile First zum ersten Mal in unser Manifest aufgenommen haben, standen wir kurz vor einem Wendepunkt.

Analysen bestätigten, dass innerhalb von ein oder zwei Jahren mobile Computer Desktop-Computer als dominierende Computerplattform ablösen würden. Webdesigner mit Visionen fragten sich: "Warum warten?" Wenn die Lebensdauer einer Website drei bis fünf Jahre beträgt, müssten Sie jetzt für ein hauptsächlich mobiles Publikum entwerfen. Im Jahr 2010 haben wir "responsives" Design als Standard eingeführt. Im Jahr 2013 hielten wir Mobile für den dominierenden Anwendungsfall.

Das begann mit unserer Website für  dieRoyal Albert Hall, die  im Responsive Design Podcast  von Ethan Marcotte, dem Mann, der den BegriffResponsive Designgeprägt hat, vorgestellt wurde.

Im Jahr 2017 haben wir den Wendepunkt bereits weit überschritten. Die mobile Nutzung macht derzeit 60 % des Traffics auf der Website eines typischen Kunden aus. Die Zahl von 60 % umfasst sowohl Tablets als auch Smartphones, aber selbst diese Unterscheidung beginnt zu verschwimmen, da Telefone größer und Tablets kleiner werden.

Die Grenze zwischen meinem mobilen Webbrowser, meiner Facebook-App und meiner Kreditkarte verschwimmt.

Was bedeutetes, Mobile First zu gestalten ? Nun, es geht nicht nur darum, alles in eine schöne lange und schmale scrollende Spalte zu packen. Vor allem eines, bei dem sich mein Laptop wie ein überdimensionales Telefon anfühlt, meine Pixel werden für riesige Schrift verschwendet, mit Heldenbildern, die ohne Scrollen nicht ganz in meinen Viewport passen.

Die Art und Weise, wie wir mit unseren mobilen Geräten interagieren, ist anders. Mobile Geräte sind persönlich, sozial und interaktiv. Die Grenze zwischen meinem mobilen Webbrowser, meiner Facebook-App und meiner Kreditkarte verschwimmt. Meine digitale Welt beginnt sich um mich herum zu versammeln, über einen Hub vertrauter und freundlicher App-Plattformen, und die mobilen Präsenzen, die wir für unsere Kunden entwerfen, müssen beginnen, diesen Hub wie gute Bürger zu infiltrieren.

Schnittstellen müssen einfacher werden. Aber unsere Erwartungen an Verbraucherinteraktionen, von Werbeaktionen, Vertrauen und Sicherheit bis hin zu Loyalität, Anerkennung und Teilen, werden immer komplexer.

Eine andere Denkweise ist, dass die Benutzererfahrung Ihre Kunden im Kontext finden muss, um ihre Bedürfnisse vorwegzunehmen, anstatt von Ihren Kunden zu erwarten, dass sie die Initiative ergreifen.

Zum Beispiel:

• Wenn sich mein Telefon bereits bei Apple, Google und PayPal authentifiziert, muss ich mich dann wirklich bei Ihnen registrieren? Kannst du ihnen nicht einfach das nehmen, was du brauchst?

• Werden Sie mir wirklich eine PDF-Datei mit meinen Tickets per E-Mail schicken, oder können sie einfach in meiner virtuellen Brieftasche erscheinen?

• Soll ich wirklich Ihrer "Anreise"-Seite über die Karten-App auf meinem Handy und ihre verkehrsbewussten Wegbeschreibungen vertrauen?

• Bist du sicher, dass ich deinen "Watch & Listen"-Bereich besuchen werde, wenn all meine Videos mich in einer App namens YouTube finden, die weiß, was ich mag?

• Werden Sie meinen kostbaren Platz auf dem Bildschirm mit Worten verschwenden, um zu erklären, warum diese Interaktion keinen Sinn ergibt, oder werden Sie einfach diese überflüssige Funktion entfernen, die die Ursache für die Verwirrung ist?

Um die mobile Interaktion zu unterstützen, müssen die Schnittstellen einfacher werden. Aber unsere Erwartungen an Verbraucherinteraktionen, von Werbeaktionen, Vertrauen und Sicherheit bis hin zu Loyalität, Anerkennung und Teilen, werden immer komplexer. Das ist wirklich eine große Design-Herausforderung. Viel ernster, als einige Inhalte in ein schmales Ansichtsfenster zu quetschen.

Ich mag es für das, was es nicht tut, genauso wie für das, was es tut.

Mein liebstes "Mobile First"-Erlebnis ist die Hotel Tonight App. Ich mag es für das, was es nicht tut, genauso wie für das, was es tut. Die Erfahrung ist so fokussiert, persönlich und bequem, dass sie außerhalb einer mobilen Sphäre nicht wirklich existieren könnte. Die Benutzeroberfläche ist visuell, einfach und leicht per Daumen navigierbar. Handlungsaufforderungen sind klar und unmissverständlich. Er fragt nur genau die Informationen an, die er benötigt, und merkt sich diese. Ihre Treue wird belohnt, aber Sie müssen nicht dafür arbeiten, indem Sie sich an eine besondere Mitgliederanmeldung erinnern. Tatsächlich hat es immer nur mein Facebook-Login verwendet, und es muss fast nie danach gefragt werden.

Wenden Sie einige dieser Gedanken auf ein Konzertbuchungserlebnis an

• In der Regel sind es zwei Tickets. Können Sie zwei vorausfüllen und den Wechsel erleichtern?

• Sie können auch standardmäßig die erste verfügbare Nacht verwenden. Ich werde suchen, ob das bei mir nicht funktioniert.

• Ich muss mich nicht anmelden. Facebook hat meine Daten.

• Geben Sie mir die besten Plätze, die Sie in meiner Preisklasse finden können, ich kann sie nach dem Verkauf ändern.

• PayPal oder Apple Wallet hat meine Kreditkarte sowie meine Rechnungs- und Lieferadresse.

• Sie können die Tickets auf der Registerkarte "Meine Konzerte" ablegen, zusammen mit den Sitzplatz-Upgrade-Funktionen und meinen wichtigen Informationen.

Mobile-First-Design bedeutet eigentlich, weniger zu tun und sorgfältig darüber nachzudenken, was wir tun. Verbessern wir den Komfort? Erlauben wir unseren Nutzern, mehr zu tun, ohne ihre kognitive Belastung zu erhöhen? Passen wir in ihr digitales Leben? Oder erwarten wir immer noch, dass sie die ganze Arbeit für uns erledigen?

Pflichtlektüre

• Responsive Webdesign ist seit seiner bahnbrechenden Veröffentlichung im Jahr 2011 eine grundlegende Ressource für jeden, der im Web arbeitet.

• Der ehemalige Yahoo!-Designarchitekt Luke Wroblewski weiß mehr über mobile Erfahrungen als der Rest von uns und packt alles, was er weiß, in diesen unterhaltsamen, auf den Punkt gebrachten Leitfaden.

• Responsive Webdesign Podcast Wer besucht die Royal Albert Hall mit seinem Handy? Louise Halliday und Jake Grimley berichten, dass die Gestaltung von Mobile-First bedeutet, eine Website zu erstellen, die für alle besser funktioniert.

• Hotel heute Abend Machen Sie es bemerkenswert einfach, großartige Hotels zu erstaunlichen Last-Minute-Preisen auf Ihrem Mobilgerät zu buchen.

Nächsten Monat: Show Don't Tell