Seit Coke vs. Pepsi gab es eine derart weit verbreitete Debatte und heftige Kontroversen über ein einzelnes Thema. Technologie- und Design-Blogs im Web führen heiße Debatten über Responsive Design vs. mobile Websites und streiten sich darüber, welche Lösung am besten für das mobile Erlebnis geeignet ist.
Können wir nicht alle zustimmen? Nein, nicht in diesem Leben, besonders für ein so hochdiskutiertes Thema wie dieses. Angesichts der großen Anzahl von Webentwicklern und -designern, die Kunden heute betreuen, und der großen Nachfrage nach mobilen Geräten, die sich auf das Thema konzentriert haben, wäre es fast unmöglich, dass jeder zustimmt.
Möchten Sie eine Fliege an der Wand sein, um zu hören, was professionelle Unternehmen über responsives Design denken und wie sie ihre Kunden bedienen?
Ich habe vier prominente Organisationen interviewt, die täglich mobile Erlebnisse für ihre Kunden schaffen. Im Folgenden finden Sie die Insider-Informationen zu ihren mobilen Entwicklungsprozessen
Obwohl viele verschiedene Standpunkte existieren, scheint es zwei vorherrschende Meinungen zu geben, die das Internet umkreisen.
Fans des responsiven Designs schätzen die vielen Vorteile als genug Beweis dafür, dass diese Technologie auf allen oder den meisten mobilen Websites angewendet werden sollte.
Responsive Design-Befürworter:
Laut Michael Wyszomierski, der für Google in Product Quality Operations arbeitet, ist Responsive Design genau dort, wo es ist. Hier ist sein Beitrag auf Google+:
Michael reagierte auf Kritik in den Kommentaren mit der Aussage, dass in einigen Fällen mobile Websites benötigt werden könnten, aber insgesamt ist er ein starker Befürworter von Responsive Design und glaubt, dass viele Websites ihre Benutzererfahrung durch die Nutzung erheblich verbessern könnten.
Wenn also responsives Design so cool, hip und trendy ist, warum gibt es Massenhysterie um das Thema herum? Hier sind einige Gründe, warum ...
Die andere Seite des Arguments ist nicht hartnäckig gegen responsive Design, aber sie fühlen sich nur in bestimmten Situationen geeignet. Dieses Camp betont, dass die Entscheidung darüber, ob eine eigene mobile Website über Responsive Design hinweg aufgebaut werden soll, von den Bedürfnissen des mobilen Nutzers abhängt.
Hier sind einige der Argumente gegen Responsive Design:
Wir haben uns entschieden, dieses Argument auf die Straße zu bringen, um zu sehen, wie profitable Unternehmen die mobilen Bedürfnisse ihrer Kunden bedienen. Ich habe mit vier Top-Level-Organisationen gesprochen und sie zu ihrem Ansatz für Responsive Design befragt. Ich habe sie ausgewählt, weil sie ihren Kunden ausgezeichnete Arbeit liefern und ihr Wachstum ist ein Beweis dafür.
Ich stellte jeweils die gleichen Fragen, um zu untersuchen, wie unterschiedlich / ähnlich ihr Ansatz zum Thema war.
Zuerst ist es Zerschlagende Ideen , eine in Seattle ansässige interaktive Agentur seit 1996. Art Director Colin Proctor war so freundlich, seine Gedanken über responsives Design zu teilen.
F: Wie oft entwickeln Sie mobile Websites für Ihre Kunden?
A: Wir haben eine Handvoll von ihnen gemacht. Mit vielen unserer Kunden sehen wir jetzt, dass mobile Web-Initiativen starten. Mobile Web-Erlebnisse waren für die meisten unserer Projekte ein wichtiges Thema der Planung und Konversation für das letzte Jahr. Die mobilen Seiten, die wir entwickelt haben, waren responsive m.sites als Begleiter oder ein einzelnes responsives Layout. Die meisten von ihnen hatten einen sehr fokussierten Inhalt. Wir haben ein breites Portfolio an mobilen Erfahrungen, ob native oder hybride Apps, Web-Anwendungen usw.
F: Verwenden Sie automatisch Responsive Design für alle mobilen Clients? Erklären Sie kurz warum oder warum nicht.
A: Nein, aber es ist immer ein Teil der Konversation. Wir erkunden den Kontext des Publikums, bevor wir Entscheidungen über die Technologie treffen. Um transparent zu sein, haben vollständig ansprechende Layouts immer noch technische Einschränkungen, die für große Unternehmen Anlass zur Sorge geben: Werbung, reaktionsfähige Bilder und die Unterstützung von Drittanbieter-Integration sind einige der Hauptanliegen. Bei Websites mit Broschüren verwenden wir fast immer Responsive Design, da sich die Inhaltshierarchie für diese Websites über eine Vielzahl von Knickpunkten hinweg tendenziell verschlechtert. Häufig ist der Kontext des Benutzers für Broschüren-Websites über alle Geräte hinweg konsistent.
F: Würden Sie sagen, dass Sie ...
a) zugunsten eines responsiven Designs
b) Nicht zugunsten eines responsiven Designs
c) zugunsten des responsiven Designs und separater mobiler Websites
Erklären Sie kurz, warum Sie Ihre Antwort gewählt haben ...
A: Ich denke, dass es gefährlich ist, responsives Layout als einen Haken zu verwenden, und dass eine reaktionsfähige Strategie die Art und Weise bestimmt, in der Ihr Entwurfssystem auf den Kontext Ihres Benutzers reagiert (was der Schlüssel ist). Responsive Design / Layout ist ein sehr skalierbarer Ansatz, aber berücksichtigt er immer, was der Benutzer tut? Es ist nicht, weil es ein System von vielen Design-Lösungen für mobile ist.
Wenn ich eine Website für den öffentlichen Verkehr aufbauen würde, müsste ich berücksichtigen, dass ein Benutzer an seinem Schreibtisch wahrscheinlich seinen Zeitplan oder seine Routen plant, während ein Benutzer an seinem Telefon versucht herauszufinden, wo sein Bus / Zug ist und mehr sucht sofortige Lösungen. Diese beiden Kontexte weisen ein unterschiedliches Verhalten auf, benötigen Zweckmäßigkeit, benötigen Navigation und welche Inhalte sollten im Vorfeld präsentiert werden. Ein Satz von Vorlagen mit kontextbezogenem Design und Layout ist möglicherweise nicht die Lösung - es muss möglicherweise ein ganz anderer Satz von Funktionen vorhanden sein.
F: Was ist Ihr bester Ratschlag für Webdesigner / Entwickler, die mobile Erfahrungen erfolgreich für ihre Kunden erstellen möchten?
A: Responsive Design ist kein Ausgangspunkt. Es ist eine großartige Technologie, in die viele in der Web-Community viel Zeit investiert haben, um die Probleme zu lösen, die sie von einer globalen Präsenz abhalten. Ich denke, dass die Akzeptanz von Responsive Layout / Design im Laufe der Jahre wachsen wird.
Meiner Meinung nach ist das Beste, was man aus der Explosion des mobilen Webs herausholen kann, eine Pause von der Vorstellung, dass unsere Leinwand gesetzt ist, und dass wir sie nur ausfüllen müssen. Wir sind gezwungen, unsere alten Annahmen über die Benutzererfahrung zu verlassen, und sind für unsere Denkprozesse mehr verantwortlich als in der jüngeren Geschichte. Als Gesellschaft sind wir nicht länger ein in sich geschlossenes Publikum, das ein Rechteck mit einer durchschnittlichen Sichtfläche von 1024 × 768 betrachtet. Die Regeln werden also neu geschrieben. Als Industrie ist dies eine Zeit, um zu experimentieren und zu wachsen.
Als nächstes ist es Entwickeln Sie die Creative-Gruppe , ein Full-Service-Web-Lösungen Unternehmen mit Sitz in Akron, Ohio. Ich habe die Entwickler die gleichen Fragen gestellt und hier sind ihre Antworten:
F: Wie oft entwickeln Sie mobile Websites für Ihre Kunden?
A: Wir entwickeln mobile Websites wahrscheinlich in etwa 30% der Zeit. Es ist eine Kombination aus Wunsch, Budget und Notwendigkeit für unsere Kunden. Viele Kunden haben aufgrund ihrer Zielgruppe und ihres Budgets nicht die Notwendigkeit oder den Wunsch, mobile Geräte zu unterstützen. Aufgrund der Flexibilität der Websites, die wir erstellen (nicht-mobile), arbeiten sie anständig genug auf dem Handy, dass die Kunden die Kosten nicht rechtfertigen können. Es kann ein harter Verkauf sein, aber wenn mobile Trends wachsen und sich festigen, kommen immer mehr Kunden an Bord.
F: Verwenden Sie automatisch Responsive Design für alle mobilen Clients?
A: Nein, wir verwenden es nicht für alle mobilen Clients. Wir tun einfach, was im besten Interesse des Kunden und seiner Nutzer ist. Wir evaluieren den mobilen Ansatz von Fall zu Fall sorgfältig, je nach Bedarf.
Wenn die mobilen Nutzer des Kunden eine Teilmenge von Interessen oder ein bestimmtes Ziel haben, das eine Änderung des Layouts oder der Menge an gelieferten Informationen erfordert, empfehlen wir eine separate mobile Website in einer Subdomain, die uns die Möglichkeit bietet, die Website für die Nutzer zu vereinfachen mobile Erfahrung Aber auf der anderen Seite, wenn die Site bereits einfach und universell in Messaging und Zielen (wie Blogs, Landing-Pages und kleine Informationsseiten zum Beispiel) ist, dann ist definitiv eine einzige Site, die über alle Plattformen flexibel ist, vorteilhaft.
F: Würden Sie sagen, dass Sie ...
a) zugunsten eines responsiven Designs
b) Nicht zugunsten eines responsiven Designs
c) zugunsten des responsiven Designs und separater mobiler Websites.
Erklären Sie kurz, warum Sie Ihre Antwort gewählt haben ...
A: Wie bei allem in diesem Geschäft ist der mobile Ansatz ein Geben und Nehmen, da es für jede Methode Vor- und Nachteile gibt. Separate mobile Websites bieten den Vorteil, dass der Nutzer auf bestimmte Inhalte konzentriert und optimiert wird. Der Nachteil besteht jedoch darin, dass der Kunde möglicherweise zweimal für zukünftige Updates auf dem Laufenden ist.
Hier stimmt Responsive Design mit dem Argument "Eine Seite, um alle zu regieren" überein. Es ist eine sehr aufregende Idee, eine einzige Site zu haben, die universell ist, reich an Flexibilität ist und die gesamte Site bereitstellt, mit der Benutzer interagieren können, wie es ihnen gefällt. Es gibt den Kunden und Benutzern die Macht und löst das Problem, Websites für ein bestimmtes Gerät (Desktop oder anders) zu entwerfen und zu erstellen. Aber die Argumente gegen Responsive Design wie Download-Zeit, Entwicklungskosten und Informations-Overkill können ebenso überzeugend sein.
Die Moral hier ist, die Lösung auf das Projekt und die Benutzer zuzuschneiden und nicht auf die immer heftigere Debatte zu verzichten.
F: Was ist Ihr bester Ratschlag für Webdesigner / Entwickler, die mobile Erfahrungen erfolgreich für ihre Kunden erstellen möchten?
A: Der größte Ratschlag, den wir Ihnen bieten können, ist die kluge Wahl Ihres Ansatzes. Springen Sie nicht einfach auf den reaktionsschnellen Bandwagon, weil es das heiße neue Ding ist, oder bleiben Sie bei separaten mobilen Websites, weil es sicher und vertraut ist. Sie müssen sorgfältig die Vor- und Nachteile jedes Ansatzes für das jeweilige Projekt beurteilen.
Berücksichtigen Sie auch den Endbenutzer der Lösung. Sind sie der Typ, der ein bestimmtes Ziel und keine Aufmerksamkeitsspanne hat? Wollen sie einsteigen, aussteigen und mit ihrem Leben weitermachen? Oder sind sie in einem Coffee Shop und wollen die volle Erfahrung mitnehmen? Die Antwort auf diese Frage wird wahrscheinlich die richtige Wahl treffen.
Als nächstes sprach ich mit Ryan Anderson, Präsident von Alchemie50 , eine digitale Agentur aus Brooklyn, NY. Hier ist, was Ryan über den Prozess seiner Firma zu sagen hatte:
F: Wie oft entwickeln Sie mobile Websites für Ihre Kunden?
A: Selten. Ich denke, dass mobile spezifische Websites der Vergangenheit angehören. Es gibt so viele verschiedene Bildschirmgrößen, Auflösungen, etc ... zu beachten, dass das Erstellen einer bestimmten "mobilen" Website in der Regel mehr Arbeit ist als es wert ist und das Problem nicht vollständig löst.
F: Verwenden Sie automatisch Responsive Design für alle mobilen Clients?
A: Nicht automatisch, aber häufig. Es hängt wirklich von der Art des Projekts ab - ob es eine Webanwendung oder eine Firmenwebsite ist - beide haben einzigartige Parameter, die berücksichtigt werden sollten. Wir trennen "Mobile" auch nicht mehr so sehr voneinander ab, sondern wir gehen in ein Projekt mit der Gewissheit, dass es in den meisten Fällen Multi-Device, Multi-Resolution, Multi-Browser usw. ist. Es muss überall und mit einem funktionieren Codebasis, um kosteneffektiv zu sein.
Hier ist ein gutes responsives Framework der Schlüssel - Sie können die meisten Permutationen mit einem guten Framework angehen. Alchemy50 hat ein eigenes Framework erstellt, das eine Mischung aus starren Elementen und dynamischer Skalierung darstellt. Wir haben festgestellt, dass komplexere Sites mit elastischen Frameworks etwas widerspenstig sind. Daher verwendet unser Framework Medienabfragen, um unsere Seiten mit festgelegten Auflösungen anzupassen. Es hat sich als äußerst hilfreich und effektiv erwiesen, um mehrere Geräte und Browser mit einer Codebasis zu unterstützen.
F: Würden Sie sagen, dass Sie ...
a) zugunsten eines responsiven Designs
b) Nicht zugunsten eines responsiven Designs
c) zugunsten des responsiven Designs und separater mobiler Websites, abhängig vom Kunden und seinen Benutzern
Erklären Sie kurz, warum Sie Ihre Antwort gewählt haben ...
A: Es ist heutzutage wirklich die einzige Art, sich im Web zu entwickeln. Wir müssen uns in die Lage unserer Kunden hineinversetzen und die Gesamtkosten, die Zeitplanung, die Skalierbarkeit, die Supportfähigkeit usw. in Betracht ziehen. Und wenn wir dies tun, unterstützt dies normalerweise die Idee eines reaktionsfähigen Frameworks. Es ist jedoch wichtig darauf hinzuweisen, dass manchmal das, was benötigt wird, ohne native OS-Bibliotheken nicht möglich ist - ein reaktionsfähiges Web-Framework ist also nicht die Antwort auf alles.
F: Was ist Ihr bester Ratschlag für Webdesigner / Entwickler, die mobile Erfahrungen erfolgreich für ihre Kunden erstellen möchten?
A: Wählen Sie keine Lösung, bis Sie vollständig verstanden haben, was der Kunde tun möchte. Und seien Sie vorsichtig, oft wird ein Kunde sagen, er möchte "eine HTML5-Site" oder eine "mobile App, die überall funktioniert" - wir haben festgestellt, dass sie normalerweise nicht vollständig verstehen, was sie sagen. Bitten Sie sie, die Technologie für eine Minute zu vergessen und in einfacher Sprache zu erklären, was sie bauen möchten. Was ist der Zielmarkt? Was sind die Gewohnheiten dieses Marktes (Technologie, Browser, sitzen sie an Schreibtischen usw.) Welche Funktionalität wird die Website / App liefern? Oft, wenn Sie diese Punkte mit dem Kunden besprechen, wird ein effizienter (und manchmal sehr unterschiedlicher!) Ansatz entstehen.
Zuletzt sprach ich mit dem Direktor für Webentwicklung bei Digitaria , Nicholas Davison. Digitaria ist eine digitale Full-Service-Agentur, die 1997 mit fünf Standorten in den USA gegründet wurde. Hier ist, was Nicholas über Responsive Design zu sagen hatte:
F: Wie oft entwickeln Sie mobile Websites für Ihre Kunden?
A: Die meisten unserer Builds enthalten heutzutage eine mobile Komponente. Mit einem Portfolio, das so breit und so tief ist wie das von Digitaria, bedeutet dies, dass mein Team in der Regel mehrere Standorte mit mobilen Komponenten gleichzeitig hat.
F: Verwenden Sie automatisch Responsive Design für alle mobilen Clients? Erklären Sie kurz warum oder warum nicht.
A: Wenn Sie Zeldman ignorieren und Marcottes Definition respektieren ... Wenn Sie Responsive als adaptive und flüssige Layouts und Bilder voneinander trennen, wählen wir nicht automatisch Responsive über Adaptive. Der Hauptgrund dafür ist die Kapitalrendite.
Flüssigkeitslayouts stellen eine Reihe von Herausforderungen dar: Beim Mischen von festen Abmessungen und Prozentsätzen werden in der Regel zusätzliche div-Elemente benötigt, um das Design aufzuhängen. Rundungsfehler führen in älteren Internet Explorer-Builds zu Problemen und lassen auch in modernen Browsern häufig einzelne Pixellücken offen. QA sollte, wenn es richtig durchgeführt wird, jedes Element in jeder Größe in jedem Browser überprüfen - was die QA-Kosten massiv erhöht.
Was bringen diese Kosten für ein adaptives Design, das bereits für 320, 480, 720, 960 und 1140 ausgelegt ist? Sie machen den Raum etwas besser aus und fügen einen leichten Wow-Faktor hinzu. Wenn diese Vorteile die Kosten rechtfertigen, erstellen wir Responsive. Wenn dies nicht der Fall ist, ist Adaptive angemessener.
Wenn wir, wie Zeldman sagt, Responsive und Adaptive synonym verwenden und nicht auf flüssige Varianten schauen, sollte es immer noch keine automatische Entscheidung sein. Wer an seinen Kunden denkt, sucht die richtigen Werkzeuge für den richtigen Job.
Adaptiv hat viele Vorteile und macht normalerweise Sinn. Es gibt jedoch immer Ausnahmen: Mdot funktioniert oft besser, wenn der Client andere Inhalte für Mobilgeräte wünscht. Apps funktionieren oft besser, wenn der Client sehr fortgeschrittene Funktionen benötigt, die eine benutzerdefinierte Schnittstelle und Interaktionen für jeden Formfaktor erfordern.
Manchmal macht Mobile keinen Sinn, Punkt. Wenn ein Kunde aus rechtlichen oder Fördergründen nur eine minimale Website haben muss und die Kosten niedrig halten möchte, während er einfach ein Kästchen ankreuzt, ist das Überverkaufen nicht angebracht.
Also, Adaptive ist etwas, was wir normalerweise empfehlen, aber als guter Partner sollten wir niemals automatisch etwas empfehlen, ohne zuerst zuzuhören.
F: Würden Sie sagen, dass Sie ...
a) zugunsten eines responsiven Designs
b) Nicht zugunsten eines responsiven Designs
c) zugunsten des responsiven Designs und separater mobiler Websites
Erklären Sie kurz, warum Sie Ihre Antwort gewählt haben ...
A: Adaptives Design ist in fast jedem Fall unglaublich überzeugend. Das Ignorieren von Handy und Tablet wird schnell zu einer so schlechten Geschäftsentwicklung wie das Ignorieren des Internets vor zehn Jahren. Sie müssen sie einfach für die meisten Projekte berücksichtigen. Die Tage der partiellen Mdot-Sites sind nummeriert. Benutzer erwarten alle Inhalte auf dem Gerät, das sie verwenden. Wenn nicht existierende oder partielle Mobilgeräte nicht einmal Optionen sind, ist Adaptive der kosteneffizienteste Weg, um es in den allermeisten Fällen zu liefern. Im Vergleich zu einer vollständigen Mdot- und vollständigen Desktop-Site ist es günstiger. Im Vergleich zu Full Mdot, Tablet und Desktop ist es deutlich günstiger.
Und das sind nur die Argumente für heute: Adaptiv ist billiger zu pflegen und aufzubauen, da es eine Plattform ist. Websites sind nicht nur für heute. Angesichts der mehrjährigen Lebensdauer auf den meisten Websites müssen wir nicht nur darüber nachdenken, wie viele Menschen heute mobile Geräte und Tablets verwenden, sondern auch, wie lange sie noch lange vor dem Ende des Lebenszyklus der Website verwendet werden.
F: Was ist Ihr bester Ratschlag für Webdesigner / Entwickler, die mobile Erfahrungen erfolgreich für ihre Kunden erstellen möchten?
A: Plan. Berücksichtigen Sie Mobile und Desktop gleichzeitig. Das Zurücksetzen und Nachrüsten der zugrunde liegenden Struktur für das, was Sie jetzt für ein überraschendes Design benötigen, ist viel teurer als das Planen und Erstellen einer sauberen Struktur, die beides unterstützt.
Verwenden Sie respond.js, damit Ihre Site in jedem Browser funktioniert, nicht nur in denen, die Medienabfragen kennen. Baue keine Flüssigkeit, nur weil Responsive die coolere Version von Adaptive ist. Es hat Vorteile, aber auch Kosten. Stellen Sie sicher, dass Sie auswählen, was für Sie richtig ist.
Testen Sie früh und testen Sie oft. Es war wahr, als wir auf vier Desktop-Browsern arbeiteten und älteren Internet Explorer in Betracht zogen. Es ist doppelt wahr, jetzt fügen wir viele mobile Plattformen hinzu: Ein Problem lässt sich leicht beheben, wenn Sie es beim ersten Mal auffangen. Es ist fast unmöglich zu reparieren, wenn Dutzende von Layern darüber gebaut werden, was das Kernproblem verschleiert. Wenn Sie nicht testen, plattformübergreifend, nach jeder neuen Funktion, die Sie hinzufügen, dann tun Sie es falsch.
Aus Gründen der Benutzerfreundlichkeit müssen Sie einer Liste von Plattformen zustimmen, für die Sie eine Code-Garantie geben. Es gibt so viele Android-Varianten, alte iOS-Point-Releases, Windows Mobile-Geräte, die kostenlose Patches für das Leben bieten, wenn Sie dumm genug sind, "alle Smartphones" zu akzeptieren. Und dann gibt es Blackberry, wo die älteren Versionen erscheinen entworfen mit einer perversen Liebe zum Brechen.
Vielen Dank an alle Teilnehmer, die uns einen Einblick in ihre täglichen Prozesse gegeben haben.