20 aufgedeckte Mythen über responsives Webdesign
Die Notwendigkeit, sich mit der Bedeutung von responsivem Webdesign zu befassen, ist längst vorbei. Jetzt ist es an der Zeit, sich darauf zu konzentrieren, wie man ein möglichst ansprechendes Design erstellt.
Alle reden darüber, aber leider wissen nicht alle, wovon sie reden. Allzu oft werden Sie im Internet auf Informationen stoßen, die Ihr Wissen über Responsive Design in Frage stellen.
Manchmal ist der Leckerbissen äußerst konstruktiv und hilft, Ihre Webdesign-Strategien in die richtige Richtung zu lenken. In anderen Fällen werden Sie verwirrt sein oder in die völlig entgegengesetzte Richtung gehen. Wenn das passiert, braucht man keine Schuld zuzuweisen. Der Bereich Responsive Design ist noch ziemlich neu, und alle Knicke werden noch ausgearbeitet.
Außerdem liegt es in der Natur des Menschen, Gerüchte und Mythen zu verbreiten. Aber wie Barbara Streisand bekanntlich sagt: „Mythen sind Zeitverschwendung. Sie verhindern den Fortschritt.“ Es ist viel besser, nach der Wahrheit zu suchen, als sich in einem Mythos zu verfangen. Um dies zu tun, ist es wichtig, einige der größten Missverständnisse zu erkennen, die mit responsivem Webdesign einhergehen, und sich die erforderlichen Werkzeuge zu beschaffen für einen erfolgreichen Wechsel.
1 Responsive Design = Optimierung für Mobilgeräte
Ja, es ist wahr, dass das jüngste mobile Wachstum der Grund dafür ist, dass jeder auf responsives Webdesign Wert legt, und es spielt eine große Rolle in dem Konzept. Aber es ist nicht das Einzige, was zählt. Es geht auch weitgehend darum, die Arten von Benutzern und die von ihnen verwendeten Geräte zu berücksichtigen. Neben Mobilgeräten gibt es noch weitere Geräte, die optimiert werden müssen, z. B. Tablets und Fernsehbildschirme. Das eigentliche Ziel des responsiven Webdesigns besteht darin, eine Website an jeden Bildschirm oder Monitor anzupassen, in jedem Verhältnis oder Maßstab und mit jeder Art von Internetverbindung. Das geht weit über den mobilen Bildschirm hinaus.
2 Testen Sie auf so vielen Geräten wie möglich
In der Designwelt testen die meisten Designer ihre Website nicht auf mehr als einer Handvoll Geräten, und das gilt auch für responsives Design. Es wäre unmöglich, auf allen Geräten zu testen. Es gibt Hunderte von Marken und Tausende von Modellen, und wenn Sie mit dem Testen auch nur einer großen Stichprobe fertig sind, wäre die Technologie veraltet, und es wäre Zeit, von vorne zu beginnen. Eine kleine Stichprobengröße ist fast immer ausreichend, um die Verarbeitbarkeit über alle Geräte hinweg zu bestimmen.
3 Typografie muss nicht optimiert werden
Leider glauben das zu viele Designer. Sie konzentrieren sich so sehr auf das Gerät und die Größe der Webseite, dass sie weder das eigentliche Design noch den Benutzer berücksichtigen. Um erfolgreich zu sein, muss eine Website lesbar sein, und es ist äußerst wichtig, auf die Typografie im Responsive Design zu achten.
4 Eine einzelne adaptive Erfahrung wird nicht funktionieren
Die Annahme, dass Menschen unterschiedliche Schnittstellen für verschiedene Geräte wünschen, bringt den versierten Webdesigner oft ins Stolpern. Dies führt Designer zu der Annahme, dass sie mehrere Strategien und Anpassungen benötigen, die für jedes Gerät maßgeschneidert sind. Allerdings ist es die Kopfschmerzen nicht wert. Mit nur einer Vorlage können Sie ganz einfach eine Website erstellen, die auf mehreren Geräten funktioniert.
5 Responsive Design und hohe Seitenlasten sorgen für langsamere Designs
Es ist leicht, der Natur des Tieres die Schuld zu geben, aber in diesem Fall ist das einfach nicht fair. Es gibt viele kleine Websites mit umfangreichem Inhalt, die schnell und reibungslos geladen werden, was darauf hindeutet, dass möglicherweise nicht das Design für langsame Seitenladevorgänge verantwortlich ist, sondern der Designer.
6 Responsive Design funktioniert nicht für jeden Anwendungsfall
Das ist extrem irreführend, da Use Cases für ein funktionierendes Responsive Design sehr wichtig sind. Designer müssen jeden einzelnen Anwendungsfall berücksichtigen, um Systemanforderungen für alle Geräte zu identifizieren, zu klären und zu organisieren. Ihre Benutzer werden die Situationen, in denen sie auf Ihre Website zugreifen können, nicht auswählen wollen, also möchten Sie, dass sie jederzeit verfügbar ist, und die Beherrschung des Anwendungsfalls für eine Vielzahl von Geräten ist der beste Weg, dies zu tun gehen.
7 Responsive Design funktioniert nicht für den Einzelhandel
FALSCH. Obwohl es eine kniffligere Benutzeroberfläche beinhalten kann, funktioniert Responsive Design sehr gut für Einzelhandelsunternehmen. Tatsächlich wird es zu einer Notwendigkeit. Eine von Juniper Research durchgeführte Studie zeigt, dass bis 2018 30 Prozent aller E-Commerce-Transaktionen über mobile Geräte stattfinden werden. Darüber hinaus stieg die Zahl der mobilen Käufer von Anfang 2014 bis Ende 2014 von 393 Millionen auf 580 Millionen, was darauf hindeutet, dass die Zeit für responsives Einzelhandelsdesign vorbei ist.
8 Es dauert länger, Responsive Design zu implementieren
Es mag stimmen, dass es etwas länger dauern wird, bis das Responsive Design in Gang kommt, aber nicht viel. Tatsächlich kann es Ihnen tatsächlich Zeit sparen, wenn es eine gemeinsame Codebasis und Inhaltsbasis für eine Vielzahl von Geräten erstellt. Darüber hinaus fügen immer mehr Webhosting-Unternehmen Responsive Design-Codierung zu ihrem ursprünglichen Paket hinzu, wodurch es einfacher und weniger zeitaufwändig wird, beide Websites gleichzeitig zu entwickeln.
9 Jeder wendet sich dem Responsive Design zu
Nicht jeder sieht den Wert von responsivem Design. Es kann bedeuten, das größte Online-Publikum anzuziehen, aber das bedeutet nicht unbedingt, dass jedes Unternehmen responsives Design braucht, um erfolgreich zu sein. Es lohnt sich jedoch für jedes Unternehmen, das Kosten-Umsatz-Verhältnis zu berücksichtigen, selbst wenn das Unternehmen entscheidet, dass es es nicht benötigt.
10 Responsive Design sollte auf jedem Browser funktionieren
Die Entwicklungen im Responsive-Bereich verbessern sich ständig, aber das bedeutet nicht, dass Sie jedes Webdesign auf jedem mobilen Browser zum Laufen bringen können. Es funktioniert normalerweise nur mit Browsern, die seit den Anfängen des responsiven Webdesigns erstellt wurden, wie Chrome, Firefox und Safari. Sie werden es schwer haben, ihn dazu zu bringen, auf ältere Versionen von Internet Explorer zu reagieren, was in Ordnung ist, da der Benutzer bald feststellen wird, dass er seinen Browser sowieso aktualisieren muss.
11 Die Implementierung ist zu teuer
Es stimmt, dass man andere Fähigkeiten, Tools und Technologien benötigt, um Responsive Design zu implementieren, aber es ist nicht viel teurer als andere Webdesign-Bemühungen. Tatsächlich bieten viele Hosting-Sites einen ermäßigten Preis an, wenn Sie bereits Webhosting bei ihnen kaufen.
12 Responsive Design und SEO haben begrenzte Verbindungen
SEO ist mittlerweile stark mit Responsive Design verbunden, dank des Anfang dieses Jahres veröffentlichten Google-Algorithmus-Updates werden Websites in ihren Rankings abgestraft, wenn sie nicht für die mobile Nutzung optimiert sind. Das Hauptziel von Google ist es, seinen Benutzern genau das zu geben, was sie wollen, und die große Suchmaschine wird Sie nicht mit höheren Platzierungen belohnen, wenn Ihre Website für ihr großes mobiles Publikum nicht benutzerfreundlich ist.
13 Es ist einfach, bestehende Inhalte auf ein responsives Design umzustellen
Andererseits. Es bedarf einiger Fummelei, um Inhalte nahtlos vom großen Bildschirm auf den kleinen zu übertragen. Der Übergangsprozess umfasst das Erkennen der wichtigsten Inhalte, das Herausschneiden des Überschusses und das Verkleinern, damit sie auf kleinere Geräte passen. Vor allem ist es am besten, alle neuen Inhalte mit einer „mobile first“-Perspektive anzugehen, die Ihnen die Nutzung von Geräten auf beiden Plattformen erheblich erleichtert.
14 „Mobile First“ bedeutet, sich mehr auf das mobile Design als auf die ursprüngliche Website zu konzentrieren
Wenn Sie zuerst an Mobilgeräte denken, denken Sie zuerst an Benutzer, was zu einer besseren Erfahrung für den Benutzer führt, sowohl auf der mobilen Website als auch auf der ursprünglichen Website. Das Konzept bietet eine durchdachte Methode, um dem Benutzer ein rundum besseres Erlebnis zu bieten, unabhängig davon, wie er auf die Inhalte zugreift.
15 Haltepunkte einzelner Geräte sollten im Responsive Design oberste Priorität haben
Beim Responsive Design geht es nicht darum, eine Website zu verkleinern, um sie an ein bestimmtes Gerät anzupassen. Das macht sich nur mehr Arbeit als nötig. Wenn Sie eine responsive Website entwickeln möchten, müssen Sie eine Benutzeroberfläche entwerfen, die auf unzähligen Geräten funktioniert, nicht nur auf einem. Es geht nicht nur um die einzelnen Geräte-Breakpoints, sondern darum, ein Framework zu erstellen, das mit jedem Breakpoint funktioniert.
16 universell optimierte Bilder funktionieren für alle Bildschirme
Da Sie versuchen, ein Bild in eine kleinere Containergröße zu stopfen, benötigen Sie offensichtlich eine Bildoptimierung. Ein Einheitsbild reicht jedoch nicht aus, selbst wenn dieses Bild bereits für ein kleineres Gerät optimiert wurde. Geräte gibt es in allen möglichen Größen, und wenn das universell optimierte Bild zu groß ist, wird die Seite nicht geladen. Wenn es zu klein ist, wird das Design verzerrt. Im Allgemeinen können Sie Bilder in einer Reihe von Größen optimieren, um sie an eine Reihe von Geräten anzupassen.
17 Inhalte können im Responsive Design ausgeblendet werden
Vielleicht stimmt das, aber nur, wenn die Webdesigner keine Ahnung haben, was sie tun. Für den erfahrenen Webdesigner ist dieser Mythos absurd. Der Zweck eines responsiven Webdesigns besteht darin, Inhalte leicht verfügbar und zugänglich zu machen. Das Ausblenden von Inhalten ist das Gegenteil dieser Idee, und es ist niemals etwas, was Sie absichtlich tun möchten. Wenn Sie sich eher auf Zugänglichkeit als auf versteckte Inhalte konzentrieren, sollten Sie kein Problem damit haben, eine ansprechende Benutzeroberfläche zu erstellen.
18 Responsives Webdesign ist die Zukunft
Vielleicht rührt dieser Mythos daher, dass nur 22 Prozent der Vermarkter sagen, dass sie sich mit Responsive Design auskennen, 29 Prozent sagen, dass sie ein durchschnittliches Verständnis haben, 23 Prozent sagen, dass sie ein grundlegendes Verständnis haben, aber hinterherhinken, und vier Prozent sagen, dass sie es tun sind hoffnungslos, wenn es um responsives Design geht.
Aber die Realität ist, dass responsives Webdesign jetzt ist. Die Leute wollen heute reaktionsschnellere Websites, nicht in fünf Jahren. Die einzige Möglichkeit, der Kurve des responsiven Designs einen Schritt voraus zu sein, besteht darin, heute Best Practices zu implementieren und in Zukunft auf eine noch nahtlosere Zugänglichkeit und Integration zu achten.
19 Responsives Webdesign sollte Ihre einzige Priorität sein
Auch dies ist falsch. Erfolg im Webdesign bedeutet, mehrere verschiedene Hüte tragen zu können und sie gut zu tragen. Sie müssen lernen, Ihre Upgrades auf die ursprüngliche Website, Ihren Blog, Ihre mobilen Websites und alle anderen Aspekte Ihrer Webdesign-Verantwortlichkeiten abzustimmen.
Darüber hinaus sollte die eigentliche Priorität immer die Benutzererfahrung sein. Mobile zur Priorität zu machen ist oft dasselbe wie den Benutzer an die erste Stelle zu setzen, aber nicht immer. Als Webdesigner liegt es in Ihrer Verantwortung, dieses Gleichgewicht zu finden.
20 Responsive Webdesign ist ein perfektes Modell
Hoffentlich glaubt niemand wirklich an diesen Mythos. Der erfahrene Designer weiß, dass es das perfekte Modell wirklich nicht gibt, insbesondere bei einem sich so schnell entwickelnden Unternehmen. Es wird immer Macken, langsamere Ladezeiten und andere Probleme geben, über die sich Benutzer beschweren können.
Es ist jedoch das beste Modell, das wir haben, um die Benutzererfahrung auf mehreren Geräten zu verbessern, und es ist auch die beste Wahl, um die Benutzerinteraktion mit Ihrer Marke zu steigern. Da auf mehr als 60 Prozent aller Internetaktivitäten über ein mobiles Gerät zugegriffen wird, ist dies ein sehr wichtiges Modell, das berücksichtigt werden sollte, selbst wenn es fehlerhaft ist.
Responsives Webdesign ist keine exakte Wissenschaft, und es ist schwierig, alle Einzelheiten dessen zu verstehen, was es erfolgreich macht. Es lohnt sich jedoch, sie zu untersuchen und zu beherrschen, um Ihren Gesamterfolg mit Ihrem Unternehmen zu verbessern.