Inhalt
Als Entwickler sind wir sehr stolz auf unsere Arbeit. Unsere Projekte sind gut gebaut und gut gestaltet. Sie reagieren. Sie gewinnen Auszeichnungen und erfreuen unsere Kunden. Sie sind auf Kinodisplays unglaublich schön ... aber auf Ihrem Handy sind sie völlig langweilig.
Warum gibt es in fast jeder preisgekrönten Desktop-Erfahrung, die wir in diesem Jahr gesehen oder gebaut haben, einen Haltepunkt, an dem alles von immersiv, revolutionär und radikal bis statisch, gestapelt und langweilig reicht? Ich möchte, dass wir einen Schritt zurücktreten und den Status des Multi-Device-Webs ehrlich bewerten.
Öffnen Sie Awwwards.com oder theFWA.com auf Ihrem Desktop und stöbern Sie in den neuesten Designs, die das Web zu bieten hat. Sie finden Site für Site wunderschön gemachte Desktop-Erlebnisse. Öffnen Sie die gleichen URLs auf Ihrem Telefon. Wenn Sie keine Meldung wie "Nicht für Ihr Gerät formatiert" erhalten (die erste, die ich ausprobiert habe), erhalten Sie eine ziemlich große, einspaltige Ansicht von allem, was Sie gesehen haben auf einer Desktop-Breite, aber mit weniger ... Erfahrung.
Warum werden kleinere Geräte in einer Branche, in der der Begriff „Mobile First“ allgegenwärtig ist, immer noch als zweite Klasse behandelt? Mobile-first scheint in unserer Branche allgemein als positiv angesehen zu werden, aber warum haben wir, unser Team und unsere Kunden, wenn es darum geht, ein Projekt zu starten, solche Angst, es tatsächlich in die Praxis umzusetzen?
Warum werden kleinere Geräte in einer Branche, in der der Begriff „Mobile First“ allgegenwärtig ist, immer noch als zweite Klasse behandelt?
Ich habe eine Umfrage verschickt, um ein Gefühl für das Zögern der Leute bezüglich Mobile-First zu bekommen. Eine überwältigende Anzahl von Antworten implizierte die zugrunde liegende Überzeugung, dass die Entscheidung, Mobile-First zu erstellen, in erster Linie mit der Menge an mobilem Verkehr zusammenhängt, die der Client derzeit empfängt. "Weniger als 50 Prozent mobiler Verkehr? Zuerst Desktop." Halt. Diese Logik ist nicht richtig.
Ein geringer mobiler Verkehr weist nicht unbedingt auf ein geringes mobiles Interesse hin. Hängt das aktuelle Verkehrsaufkommen mit der Art des Inhalts zusammen oder liegt es einfach daran, dass die vorhandene Erfahrung auf einem kleinen Bildschirm kaum nutzbar ist? Es könnte beides sein, aber es ist wichtig, diese Unterscheidung nicht zu übersehen. Möglicherweise gibt es eine große potenzielle mobile Benutzerbasis, die nur darauf wartet, erschlossen zu werden.
Pitching für die Zukunft
Die Daten zeigen, wo wir waren und nicht wohin wir wollen. Eine geringe Nutzung heute ist nicht unbedingt ein Hinweis auf eine geringe Nutzung in der Zukunft. Wie der ehemalige Eishockeyprofi Wayne Gretzky einmal sagte (und wie Steve Jobs oft zitierte): "Skate dorthin, wo der Puck sein wird, nicht dorthin, wo er gewesen ist."
Angenommen, ein Vertriebsleiter kommt herein und Sie legen dem Kunden Ihre Strategie vor, wie auch immer sie sein mag. Drei Monate später haben Sie das Projekt gewonnen und in weiteren neun Monaten bringen Sie Ihr schönes neues Baby zur Welt. Von Ihrem ersten Verkaufsgespräch (vor 12 Monaten) bis zum Ende der Lebensdauer Ihres Baus (ca. drei Jahre) sind es insgesamt vier Jahre. Wo wird der Puck in vier Jahren sein? Werden Sie immer noch froh sein, dass Sie sich entschieden haben, Zeit für die Unterstützung von IE8 einzuplanen, anstatt das mobile Erlebnis zu verbessern?
Die implizite Annahme, dass das Entwerfen für kleine Bildschirme zuerst für das Desktop-Publikum schädlich sein wird, ist einfach falsch. Durch das Entwerfen für kleine Bildschirme können Ihre Inhalte und Ihre Benutzeroberfläche laserfokussiert werden und Ihren Benutzern genau das liefern, wonach sie suchen. Es besteht keine Versuchung, den Raum mit überflüssigem Flaum zu füllen, wenn der Raum nicht vorhanden ist. "Einfach und konzentriert" muss nicht "langweilig und begrenzt" bedeuten.
Wirkung erzielen
"Kleine Bildschirme sind einschränkend." Ich höre dieses Argument oft von Designern, die es gewohnt sind, Kunden mit Photoshop-Kompositionen in Kinogröße zu begeistern. Und es ist wahr - kleine Bildschirme sind in einer Kundenbesprechung weniger wirkungsvoll. Dies ist jedoch keine Einschränkung der Technologie, sondern eine Einschränkung der Kundenbesprechungen. Die Wahrheit ist, dass es auf Mobilgeräten weitaus mehr Möglichkeiten für bahnbrechende Erlebnisse gibt als auf dem Desktop.
"Es ist nicht die Technologie, es ist die Vorstellungskraft", sagt der Designer und mobile Maven Josh Clark. Wir haben Touchscreens! Mit Kameras! Gyroskope, Beschleunigungsmesser, Geolokalisierung! Alle sind mit dem Internet, mit anderen Personen verbunden und an keinen Ort gebunden. Wir haben kaum die Oberfläche von dem gekratzt, was wir auf Mobilgeräten tun können. Das ist spannend! Anstatt statische Kompositionen in Kinogröße zu präsentieren, legen Sie einen interaktiven Prototyp in die Hände Ihres Kunden und beobachten Sie, wie sich die Aufregung ausbreitet.
Beweis, dass es funktioniert
Es gibt nichts Schöneres als eine gut gestaltete native App. Die Interaktionen sind raffiniert, alles hat die perfekte Größe für Ihren Bildschirm und der Inhalt ist fokussiert und leicht zu erreichen. Warum? Weil es speziell für den kleinen Touchscreen in Ihrer Hand entwickelt wurde. Jede Interaktion und jeder Inhalt wurde sorgfältig auf das Wesentliche reduziert - zum Teil, weil es einfach keinen physischen Raum gab, um etwas anderes zu tun. Ihre Benutzer lieben es.
Merk dir den Gedanken. Erstellen wir nun eine gut gestaltete Web-App nur für den Desktop, die dieselbe Funktionalität wie die oben beschriebene native App voraussetzt. Da wir mit Blick auf das Desktop-Erlebnis gebaut haben, setzt unser Design auf einen breiten, horizontalen Bildschirm und Dinge wie einen Mauszeiger, und wir haben weltweit Platz für Navigation, Inhalte, Kopf- und Fußzeilen sowie Seiten. Die Seite ist wunderschön und gewinnt eine Auszeichnung.
Entfernen Sie nun das Suffix "-nur" aus den beiden vorherigen Aufgaben (Mobil / Desktop). Angenommen, wir wussten in beiden Szenarien die ganze Zeit, dass wir Erfahrungen für Mobilgeräte, Desktops und alles dazwischen liefern mussten. Welcher Ausgangspunkt positioniert Sie besser, um die beste Benutzererfahrung insgesamt zu erzielen? Wünschen Sie sich mehr Apps wie Desktop-Websites oder mehr Desktop-Websites wie native Apps? Welche Richtung lässt sich leichter skalieren?
Bei Desktop-First setzen die anfänglichen Entwurfsmuster, die mit Drahtgittern versehen, entworfen und genehmigt werden, einen großen Bildschirm, ein breites Seitenverhältnis, eine Maus und eine Tastatur voraus. Dies kann zu Mustern führen, die sich einfach nicht gut auf einen winzigen Touchscreen übertragen lassen. Lange Auswahllisten, große Tabellen, Mega-Menüs, Schwebezustände und Inhaltslänge werden plötzlich problematisch.
Wir tun unser Bestes, um alles dort unterzubringen, aber es bedeutet oft, endlose Stunden mit komplexen Problemumgehungen zu verbringen.
Eleganz wird aus Zeit- und Budgetgründen geopfert. Nuancen und Absichten gehen verloren, und Lösungen müssen schnell umgesetzt werden, wenn sie vor dem Start eingesetzt werden sollen.
Um ein Mobile-First-Design in Tablet- und Desktop-Größen zu übersetzen, müssen Sie möglicherweise nur das Layout mit etwas CSS anpassen, um den Platz zu füllen. Es gibt kein "Zusammendrücken" von Inhalten, Design oder Interaktion an einen Ort, an dem sie nicht passen, und es ist nicht erforderlich, das Markup zu ändern, wenn Sie von kleiner zu größer wechseln. Es gibt viel Raum zum Atmen. Außerdem beginnen Sie mit intensiv fokussierten Inhalten. Sie sind besser in der Lage, fundierte Entscheidungen darüber zu treffen, ob Ergänzungen oder Verbesserungen erforderlich sind. Die Übersetzung ist reibungslos und Sie erhalten das Gefühl einer kostenlosen App, denn damit haben Sie begonnen.
Jetzt haben wir unsere Ängste vor dem Handy beseitigt. Es ist an der Zeit, den mobilen Browsern überall das dringend benötigte Leben einzuhauchen. Klein anfangen könnte der Schlüssel sein, um etwas wirklich Großes zu machen. Ich kann es kaum erwarten zu sehen, was wir bauen.
Wörter: Dan Tello
Dan Tello ist ein leitender Frontend-Entwickler in Washington, DC, bei Viget. Er kann hier gefunden werden, indem er unter github.com/greypants bloggt und Code pusht. Dieser Artikel erschien ursprünglich in Ausgabe 262 des Netzmagazins.
Mochte dies? Lese das!
- So starten Sie ein Blog
- So erstellen Sie eine App: Probieren Sie diese großartigen Tutorials aus
- Geniale Auswahl an Wordpress-Tutorials
