Es genügt nicht mehr, einfach sicherzustellen, dass Ihr Webinhalt auf einen kleinen Bildschirm passt. Google hat diesen Präzedenzfall durch Aktualisierung seines Algorithmus um die Wichtigkeit von sorgfältig geplanten und gut ausgeführten responsiven Designs auf Mobiltelefonen zu betonen.

Und es macht Sinn: Ihre Zuschauer brauchen nicht alle Funktionen eines Desktops auf einem mobilen Gerät. In der Tat möchten sie möglicherweise Inhalte und Funktionen entfernen, wenn sie auf einem kleineren Bildschirm sind. Schließlich will niemand Seiten von Inhalten sortieren, nur um die Telefonnummer Ihres Unternehmens zu finden. Das ist der fehlende Baustein in vielen Web-Design-Fundamenten vieler Unternehmen: echte Adaptivität.

Es genügt nicht, Ihre Website in eine Version zu stopfen, die auf ein mobiles Gerät passt. Sie müssen die vollständige Benutzererfahrung und die Art und Weise, wie sie geändert werden sollte, genau überprüfen, um sie an die verschiedenen Umgebungen anzupassen, in denen sie angezeigt werden.

Das Problem mit Responsive Design

57% der Benutzer mobiler Geräte Ich empfehle Unternehmen mit schlechten Designs für mobile Websites nicht und 48% sagen dass Unternehmen mit mobilen Websites, die nicht ordnungsgemäß funktionieren, den Anschein haben, dass sie sich nicht darum kümmern.

Es gibt mehrere Problembereiche, auf die die meisten Unternehmen mit ihren responsiven Websites stoßen:

Bildplatzierung

Frühere Design-Prozesse diktierten, dass der Kunde statische Bilder und Screenshots vor der Entwicklung genehmigt. Heute konzentriert sich Design mehr auf die Umordnung von Elementen für verschiedene Geräteabmessungen und viel weniger für die Platzierung von statischen Bildern.

Bildschirm drücken

Die Präsentation von Daten auf einem kleinen Bildschirm macht es oft schwierig, Inhalte zu sehen oder zu lesen, insbesondere Informationstabellen. Das W3C ermutigt Marken dazu, eine andere Methode als Tabellen und Tabs zu wählen, um Daten darzustellen; komplizierte Benutzeroberflächen enthalten einfach zu viele Informationen, die von mobilen Geräten verarbeitet werden können.

Perspektivverschiebung

Das Problem mit Responsive Design ist vor allem eine Frage der Perspektive der Kunden gegenüber den Perspektiven der Unternehmen. Leider neigen die meisten Unternehmen dazu, sich selbst zu fragen, was sie ihren Kunden mitteilen möchten und nicht, wie ihre Kunden diese Informationen anzeigen und mit ihnen interagieren möchten.

Zum Beispiel, während Registrierungs-Workflows in der Regel der wichtigste Aspekt des Webdesigns sind, haben sie oft eine niedrige Priorität. Das liegt daran, dass Unternehmen mehr über die Funktionalität nachdenken, die die Kunden sehen sollen, als über den logischen Einstiegspunkt und den primären Workflow, nach dem die Kunden suchen.

Einfach ausgedrückt ist Responsive Design nicht die ultimative Lösung, um Benutzern von einer Website das zu geben, was sie benötigen. es lässt noch viel zu wünschen übrig.

Update responsive oder upgrade auf adaptive?

Wenn es um Webdesign geht, müssen die wichtigsten Konversationsmarken auf das Konzept der responsiven vs. adaptiven Websites ausgerichtet sein.

Der responsive Ansatz nimmt den aktuellen Standort und passt ihn an unterschiedliche Bildschirmgrößen an, während der adaptive Ansatz den Inhalt und seine Funktionsweise abhängig von der Bildschirmgröße verändert.

Responsive Webdesign geht davon aus, dass Ihr Inhalt und Ihre Funktionalität auf allen Geräten gleich sein sollten - aber das stimmt nicht unbedingt

Im Allgemeinen befürworte ich aus einem wichtigen Grund mehr für eine adaptive Webdesign-Methode, als einfach Inhalte zu stapeln: Responsive Webdesign geht davon aus, dass Inhalte und Funktionalität auf allen Geräten gleich sein sollten - aber das stimmt nicht unbedingt. Der Schlüssel besteht darin, die Art des Inhalts mit dem Anwendungsfall und dem Kontext, in dem die Benutzer Ihre Website betrachten, in Übereinstimmung zu bringen.

Angenommen, Sie entwickeln eine Responsive-Website für eine Marke in der Konsumgüter- oder Konsumgüterindustrie. Die Seiten für Werbeaktionen und Angebote für diese Arten von Websites erhalten im Allgemeinen die meisten Online-Zugriffe. Die Leute schauen sich selten Produktdetails an, aber wenn sie es tun, ist es eine großartige Möglichkeit, diese Details hervorzuheben, um zu zeigen, wie sie mit anderen Produkten verglichen werden. In diesem Sinne sollten Sie Produktvisualisierungen und Schulungsinhalte auf Produktseiten platzieren, damit Sie den Verbrauchern bei der Verwendung und Interaktion mit Ihrem Produkt helfen können.

Für die Konsumgüterindustrie möchten Sie Ihre Kunden kennenlernen und feststellen, ob sie vor, in oder nach dem Laden sind. Je nachdem, wo sich der Kunde im Kaufpfad befindet, müssen Sie eine andere Erfahrung erstellen.

Hier ist eine kurze Aufschlüsselung jedes Pfades:

  1. Pre-store: Leute, die Pre-Store sind, werden wahrscheinlich über soziale Medien oder eine Anzeige auf die Seite kommen, und sie werden wahrscheinlich nach Gutscheinen, Angeboten oder Rezepten suchen (im Falle von Essen).
  2. In-Store: Sobald sie im Laden sind, suchen sie wahrscheinlich nach Gutscheinen, Bewertungen oder Preisvergleichen mit anderen Anbietern.
  3. Post-Store: Wenn sie Post-Store sind, suchen sie wahrscheinlich nach Marken-Content.

Wenn Sie wissen, wo sich Kunden befinden, können Sie die Website so gestalten, dass diese Anforderungen erfüllt werden.

Adaptives Design ermöglicht dem Kunden ein individuelles Erlebnis ... basierend auf dem Gerät, das er benutzt

Vor allem müssen Sie sich in die Lage Ihrer Kunden versetzen. Zum Beispiel kaufe ich jede Woche bei Trader Joe ein. Es wäre schön, wenn ich meine Mahlzeiten im Voraus von meinem Laptop aus planen und diesen Plan mit meinem Einkaufserlebnis verbinden könnte. Mit anderen Worten, ich könnte der Seite erzählen, was ich zum Frühstück, Mittag- oder Abendessen machen möchte. Die Website würde mir dann alle Produkte nennen, die ich für diese Mahlzeiten benötige, und eine Liste für mich erstellen, damit ich weiß, welche Gänge ich treffen muss, wenn ich in den Laden komme. Alles, was ich tun müsste, ist, mein Handy herauszuziehen.

Das adaptive Design ermöglicht dem Kunden, basierend auf dem Gerät, das er verwendet, eine angepasste Erfahrung.

Optimieren Sie die Kundenerfahrung, indem Sie das Design und die Informationen auf das Gerät abstimmen. Zum Beispiel, wenn Ihr Kunde Sie auf einem Smartphone sucht, machen Sie Ihre Telefonnummer prominent und interaktiv, damit er oder sie leicht anrufen kann. Ist der Verbraucher auf einem Laptop? Vielleicht ist es wichtiger, Produktinformationen vorab zu präsentieren. Finden Sie heraus, was Ihr Kunde benötigt, basierend auf dem verwendeten Gerät und liefern Sie diese Erfahrung.

Sie müssen Ihre Website aus der Perspektive der Nutzer betrachten - unabhängig davon, auf welchem ​​Gerät sie sich befinden. Wenn Ihre Kunden ihre Telefone herausziehen, um nach Ihrem Geschäft zu suchen, sind Sie besser bereit, ihnen zu helfen, das zu finden, was sie brauchen, mit dem bestmöglichen Design und der bestmöglichen Funktionalität. Wenn Sie es nicht einfach und nahtlos machen, nehmen sie ihr Geschäft einfach woanders hin.

Ausgewähltes Bild, mobiles UX-Image über Shutterstock.