Wie reaktionsschnelles Webdesign die Welt verändert hat
In dem Jahr, in dem Apple das erste Unternehmen auf den Markt brachte iPad Der alte Ansatz, eine 'Desktop' -Site und eine 'mobile' Site zu codieren, wurde zunehmend unhaltbar. Da immer mehr Geräte online gingen, verlangte das Webdesign nach einer mutigen neuen Strategie.
Es kam in Form eines Artikels von Ethan Marcotte auf einer Liste auseinander. Es wurde von John Allsopps Artikel inspiriert. Ein Dao des Webdesigns und untersuchten die Architekturprinzipien, um zu erklären, wie wir Layouts erstellen können, die sich nahtlos an verschiedene Bildschirmumgebungen anpassen und dennoch die besten Prinzipien des Druckdesigns beibehalten.
Der Rest ist Geschichte. Sein Aufsatz mit dem Titel Sich anpassendes Webdesign , führte einen neuen Ansatz ein, der so einfach, elegant und effektiv war, dass er von der Industrie schnell als Standardmethode für die Gestaltung einer Website übernommen wurde und dies auch heute noch ist.
Marcotte folgte mit ein Buch mit dem gleichen Titel im Jahr 2011. Mashable nannte 2013 das 'Jahr des Responsive Web Design'. Und heute, von Bangkok bis Boston, von São Paulo bis Sydney, wenn jemand anfängt, an einem Webdesign zu arbeiten, wird es höchstwahrscheinlich reagieren.
Man kann also mit Recht sagen, dass Marcotte berechtigt ist, sich mit sich selbst einigermaßen zufrieden zu fühlen. Aber er ist atemberaubend bescheiden in Bezug auf das Ganze. 'Es überrascht mich immer noch, dass Responsive Design so abgenommen hat, wie es war', überlegt er. „Ich sage das mit aller Aufrichtigkeit: Ich habe eine Veröffentlichungsfrist eingehalten. Ich habe einen Artikel geschrieben. Und als ich es abgab, dachte ich, dass das das Ende sein würde. Die Art und Weise, wie es explodierte, war erschreckend und demütigend. '
Er fügt hinzu, dass, obwohl er vielleicht der erste war, der alle Teile zusammengefügt hat, reaktionsschnelles Design in gewisser Weise unvermeidlich war. „Die Art und Weise, wie die Kernidee bei den Menschen so gut ankam, deutet darauf hin, dass es jemand anderes getan hätte, wenn ich nicht darauf gekommen wäre. Weil unsere Art zu entwerfen einfach nicht nachhaltig war. '
Ich finde es immer noch heraus
Während Marcotte heute weiter kuratiert @rwd Twitter-Account, über den er Links zu nützlichen Artikeln und interessanten Redesigns teilt, hat sicherlich nicht das Gefühl, dass er Responsive Design 'besitzt' oder als Schiedsrichter dafür angesehen werden sollte.
'Einige Jahre später denke ich, dass einige Leute auf mich schauen, als ob ich Antworten auf einige der Herausforderungen habe, die wir da draußen haben', sagt er. „Aber ich bin sehr viel Teil eines Gesprächs, das viele, viele Leute gerade führen. Ich sehe mich also in keiner Weise als Eigentümer von Responsive Design. Ich versuche täglich herauszufinden, wie ich in meiner eigenen Praxis reaktionsschnell gestalten kann. '
Natürlich ist er immer noch bereit, seine Ansichten zu teilen. 'Einige Leute haben mich freundlicherweise gebeten, Vorworte zu ihren Büchern beizutragen, weil ich über einige der Themen gesprochen habe, an denen sie interessiert sind', sagt er. „Und andere waren so freundlich, mir Artikel oder Neugestaltungen zu schicken, die ihrer Meinung nach ein breiteres Publikum verdienen. Ich helfe gerne dabei. Aber ich habe definitiv nicht das Gefühl, dass ich Responsive Design kontrollieren kann oder dass es mein Ding ist. '
Und er ist auch nicht militant gegenüber der Idee, dass responsives Webdesign immer der „richtige und wahrheitsgemäße Weg“ ist, um die besten digitalen Erlebnisse zu schaffen.
'In unserer Branche besteht die Tendenz, Ideen gegeneinander auszuspielen', sagt er. 'Sie können dies an Responsive Design im Vergleich zu gerätespezifischen Erfahrungen, Responsive Design im Vergleich zu adaptivem Design erkennen. Sogar etwas so Breites wie Native versus Web oder Mobile versus Desktop. Wir neigen dazu, Dinge in diesen binären Begriffen zu denken. Als ob es entweder das oder das ist, bis etwas Besseres kommt. '
Das war jedoch noch nie Marcottes Erfahrung mit dem Web. „In meiner Arbeit gab es nie einen einzigen besten Weg, um ein Problem zu entwerfen oder zu lösen. Letztendlich geht es darum, was uns hilft, Probleme für unsere Kunden und unsere Stakeholder auf effektivste Weise zu lösen, unabhängig von den Einschränkungen, mit denen wir zu tun haben. '
Das heißt, auf diese Weise ist in der Regel Responsive Design. 'Ich arbeite mit Kunden zusammen, die ständig einheimische Arbeit leisten', sagt er. „Aber wenn ich mit ihnen über Strategie spreche, ist es wirklich eine Frage, was ihnen helfen wird, ein möglichst breites Publikum zu erreichen. Und das ist ausnahmslos das Web, das eine reaktionsschnelle Erfahrung für ein webbasiertes Design schafft.
'Das heißt nicht, dass ich sie nicht dazu drängen werde, nach interessanten nativen Lösungen zu suchen, wenn sie ein Problem haben', sagt er. „Aber im Allgemeinen ist es der beste Weg, sich in ein geräteunabhängiges, ansprechendes Layout zu investieren. Und es könnte zu interessanten Ansätzen an den Rändern führen. '
Neue Herausforderungen
Aber die Welt des Webs verändert sich schnell. Geräteunabhängiges Design funktioniert möglicherweise, wenn es sich nur um Smartphones, Tablets und Desktop-Computer handelt. Aber wird Responsive Design den Tsunami neuer Geräte überstehen?
'Ich glaube, das ist ein Gespräch, das gerade läuft', antwortet Marcotte. 'Ich habe zum Beispiel mit einem Kunden zusammengearbeitet, der ein wunderschönes Responsive Redesign gestartet hat, und einige Monate später haben wir angefangen, Screenshots von Google Glass zu erhalten. Dies war kein Gerät, das nicht einmal erfunden worden war, als wir die Site starteten. Und dies war vielleicht nicht der beste Weg, um dem Design oder dem Inhalt zu begegnen… aber es war immer noch zugänglich. '
Und die Moral ist? „Wenn Sie das Web zuerst als flexibles Designmedium betrachten, bedeutet dies, dass Sie, wenn diese interessanten Randfälle auftauchen, weil Sie dies so richtig wie möglich gestaltet haben, in Zukunft sagen können:„ Okay, hier ist ein Gerät, das es gibt Was für eine Lösung wollen wir dafür erforschen? Geht es darum, unseren reaktionsschnellen Ansatz zu verfeinern, stimmen wir ihn auf diesen Kontext ab? Oder ist es etwas, das individueller und diskreter ist? ''
Zum Beispiel zeigt er auf Smartwatches. 'Was passiert mit dem Web, wenn es auf einem so kleinen Bildschirm angezeigt wird?' er fragt. 'Wer weiß: Auch hier fühlt es sich früh an, und Apple Watch ist derzeit keine wirklich webfreundliche Erfahrung.'
„Wenn Sie jedoch auf YouTube gehen, finden Sie viele großartige Videos von Personen, die auf Android Wear-Geräten durch reaktionsschnelle Designs stöbern. Es kann nicht ideal sein, kann nicht beliebt sein. Aber durch dieses flexible geräteunabhängige Design haben wir diesem Publikum zumindest etwas zugänglich gemacht. '
Geerdet bleiben
Während unseres Gesprächs bringt Marcotte ständig alles zurück zur Kundenarbeit. Und es ist klar, dass dies für ihn genauso wichtig ist wie das Sprechen auf Konferenzen. Artikel für seinen Blog schreiben und Bücher wie seine neueste Arbeit, Responsive Design: Muster und Prinzipien .
'Ich bin viel gereist, was großartig ist, aber es muss eine Mischung aus Reden über Arbeit und Arbeiten sein', überlegt er. „Weil ich denke, dass einer den anderen informiert. Es gibt Dinge, die ich aus Gesprächen mit Menschen auf Konferenzen gelernt habe, die ich wieder in meine Praxis einbringe, und Dinge, die ich für Kunden entwerfe, über die ich mich sehr freue und die ich einem größeren Publikum mitteilen möchte. '
Balance ist etwas, das er immer wieder herauszufinden versucht. 'Reisen kostet einen Menschen viel', bemerkt er. „In diesem Jahr habe ich mich wirklich auf die Kundenarbeit konzentriert. Ich habe viele Vorträge geknackt und wirklich versucht, mich auf ein praktisches Design zu konzentrieren und mit einigen guten Leuten zusammenzuarbeiten. '
Interessanterweise gehörten zu diesen guten Leuten in einem von „falschen Nachrichten“ geprägten Jahr zwei innovative Medienorganisationen, Source's OpenNews Projekt und der unabhängige, gemeinnützige Newsroom ProPublica .
'Source hilft Designern und Entwicklern, die in Nachrichtenredaktionen auf der ganzen Welt arbeiten, Geschichten darüber zu erzählen, wie sie ihre Arbeit produzieren', erklärt Marcotte. 'Zum Beispiel haben sie Daten und interaktive Visualisierungen von zwei Nachrichtenorganisationen über Waffengewalt in den USA im Wert von zwei Jahren zusammengetragen.'
„Es ist ein Aufbewahrungsort für alle Arbeiten, die im Zusammenhang mit diesem sehr schwierigen Problem durchgeführt wurden, aber es hilft auch dabei, Tools, Frameworks oder Prozesse zu bewerben, die möglicherweise aus der Erstellung dieser Geschichten hervorgegangen sind. Um sie den Menschen zugänglicher zu machen, damit sie diese Arbeit bei Bedarf auch produzieren können. '
Marcotte nahm an einem einmonatigen Design-Sprint für Source teil und arbeitete eng mit dem Team zusammen, um ein Redesign zum Laufen zu bringen. 'Sie hatten es schon eine ganze Weile geplant und Berge von Nachforschungen angestellt, bevor ich zu meinem Sprint erschien, also haben sie den größten Teil des schweren Hebens erledigt', erinnert er sich. 'Die Fristen waren eng, aber letztendlich waren sie ein wunderbarer Kunde.'
Wie waren ProPublica. 'Sie konzentrieren sich wirklich auf einige wirklich schwierige, fleischige Themen wie Korruption und verbraucherorientierte Geschichten', sagt er. „Es war also schön, die Gelegenheit zu haben, ihnen auf eine kleine Weise zu helfen. Sie sind eine sehr schnelllebige Nachrichtenredaktion, deshalb war es schön, einfach nur zu sitzen und ihnen zuzusehen, wie sie ihr Ding machen. '
Und obwohl Marcotte auf strategischer Ebene so begabt ist, mag er es immer noch, den Code in die Hand zu nehmen. 'Ich bin im Allgemeinen ziemlich in einige Aspekte des Designs und der Front-End-Arbeit involviert', sagt er.
„Und selbst wenn ich nicht direkt an der Implementierung eines Layouts beteiligt bin, versuche ich normalerweise sicherzustellen, dass wir uns an einige gute Prinzipien halten. Stellen Sie sicher, dass wir keine Entscheidungen treffen, die die Zugänglichkeit beeinträchtigen, und dass die Erstellung eines schnellen, schönen und reaktionsschnellen Designs beeinträchtigt wird. '
Dieser Artikel wurde ursprünglich in Ausgabe 300 von veröffentlicht Netz , das weltweit meistverkaufte Magazin für Webdesigner und Entwickler. Ausgabe 300 kaufen oder Abonnieren Sie hier .
Zum Thema passende Artikel:
