it-swarm.com.de

Responsive Webdesign Vs separate Website für Mobile

Responsive Webdesign ist heutzutage ein Schlagwort. Dies bedeutet, dass dieselbe Website erstellt und für alle Geräte optimiert wird.

Es gibt auch einige Websites, die die Desktop-Websites in eine mobile Website konvertieren

Ich habe auch diese Gründe dagegen gefunden

In der Welt gibt es immer noch viele Benutzer, die das Internet auf 2G nutzen. 3G ist nicht in jedem Telefon und in jedem Land/jeder Stadt verfügbar. Geschwindigkeit ist daher ein wichtiger Faktor, um nur den erforderlichen Code und die Bilder auf das Handy des Benutzers zu laden.

Was sind andere Profis, um eine separate mobile Website zu haben?

Sind alle auf der Desktop-Website verfügbaren Inhalte, Bilder und Interaktionen verfügbar, wenn Benutzer auf Mobile auf dieselbe Website zugreifen?

Ein Nachteil einer separaten mobilen Website mit optimierten Inhalten und Bildern ist die Wartbarkeit, da wir zwei Websites für Desktop und Mobile verwalten müssen.

20
Jitendra Vyas

Ich denke, die Entscheidung zwischen einer einzelnen reaktionsfähigen Site und mehreren Sites, die auf unterschiedliche Geräte abzielen, hängt davon ab, ob Sie das LukeW-Mantra „Design for Mobile First“ befolgen oder nicht.

Wenn Sie zuerst für Mobilgeräte entwerfen, ist es fast trivial, das Layout/den Ablauf neu zu konfigurieren, um auch die Verwendung auf dem Desktop zu ermöglichen. Es gibt noch viele andere Vorteile ... wie das mobile Erzwingen, dass Sie sich wirklich auf die Benutzererfahrung konzentrieren müssen ... indem Sie den Funktionsumfang auf die Kernanforderungen des Benutzers reduzieren. Wenn Sie sich auf Mobile konzentrieren, haben Sie in der Regel ein viel weniger aufgeblähtes, viel einfacheres System. Dies ist auch ein großer Vorteil für die Desktop-Benutzer.

DANN, wenn für Desktop-Benutzer noch einige erweiterte Funktionen erforderlich sind, kann für sie eine Reihe von Website-Funktionen hinzugefügt werden.

Der größte Vorteil der Methodik, IMHO, ist die gesamte zukünftige Wartung. Sie haben jetzt EINE Codebasis. Dies ist ein offensichtlicher Vorteil für das Entwicklerteam und auch ein weniger offensichtlicher Vorteil für Endbenutzer (der Hauptvorteil besteht darin, dass es keine Aufteilung zwischen den Funktionen gibt, je nachdem, welches Gerät sie verwenden).

Ich denke, ein gutes Beispiel dafür, dass es falsch gemacht wird, ist Flickr. Sie haben eine mobile Website, die ziemlich gut ist, aber vielleicht nur 75% der Funktionen hat, die man normalerweise benötigt. Daher muss man normalerweise immer auf die 'Desktop'-Version klicken. Das Problem mit der Desktop-Version ist, dass sie nicht für Mobilgeräte optimiert ist. Es gibt also immer noch Dinge, die man nicht tun kann, weil sie sich auf HOVER oder FLASH verlassen. Es ist unglaublich frustrierend als Benutzer.

Ich arbeite derzeit an einem Projekt, in dem wir die mobile Version einer Desktop-App verwalten. Leider müssen wir dies tun, da die Desktop-App vor einigen Jahren isoliert entwickelt wurde und eine so schlechte Benutzeroberfläche hat, dass sie auf einem mobilen Gerät einfach nicht funktioniert (denken Sie an Dutzende von iFrames ... ugh).

Während wir eine ziemlich gute mobile Version erstellen, ist es schwierig, sich nicht vor dem Aufwand und dem Geld zu scheuen, das verschwendet wird, wenn Teams zwei separate Codebasen für dasselbe System verwalten müssen.

13
DA01

Ich denke, es hängt wirklich davon ab, um welche Art von Website es sich handelt: Für Blogs sind Websites kleiner Unternehmen und andere kleine Websites mit einem einzigen Zweck in der Regel gut genug.

Bei komplexeren Websites ist das Reagieren normalerweise nicht ausreichend, da mobile Benutzer beim Besuch einer Website unterschiedliche Ziele und Bedürfnisse haben.

Hier ist ein bisschen von Nielens Mobile Usability Update : "Der zweite Punkt ist konzeptioneller - und für manche Menschen schwieriger zu akzeptieren: Wenn Sie einen kleineren Bildschirm haben, müssen Sie die Anzahl der Funktionen auf diejenigen beschränken, die wichtig sind am meisten für den mobilen Anwendungsfall. "

8
Phil

Für Websites, die von Grund auf neu gestaltet werden, bietet die Befolgung des mobilen ersten Ansatzes viele Vorteile und passt auf natürliche Weise zum reaktionsschnellen Entwurfsansatz.

Für Websites, die derzeit überlegen, wie sie auf Mobilgeräten bereitgestellt werden können, ist es unwahrscheinlich, dass die Anwendung von "Responsive" -Techniken funktioniert oder für das Unternehmen akzeptabel ist. Sie haben mit ziemlicher Sicherheit Wochen, wenn nicht Monate damit verbracht, abteilungsübergreifende Inhaltsanforderungen zu verhandeln und aus kommerziellen und Marketinggründen zu positionieren. Dies deutet darauf hin, dass sich das Layout der Seiten je nach Bildschirmgröße nicht gut anpassen wird.

Viele erfolgreiche mobile Websites wurden als Ergänzung zum Desktop-Erlebnis erstellt. Ob diese als separate Site bereitgestellt oder durch irgendeine Form der Geräteerkennung verwaltet werden, indem eine Umleitung angewendet oder eine für Mobilgeräte optimierte Vorlage vor der Seitenzustellung ausgewählt wird, sind die eigentlichen Entscheidungen.

Das nachträgliche Anwenden von Reaktionstechniken kann durchgeführt werden, basiert jedoch auf einer extrem soliden HTML-Struktur - leider verlieren die meisten Websites im Laufe der Zeit an Integrität, die sie ursprünglich haben.

Responsive-Techniken sind die Praxis, die erforderlich ist, um zukünftige freundliche Websites zu erstellen. Leider sind sie nicht der einzige Teil für die erfolgreiche Bereitstellung mobiler Erlebnisse. In den meisten Beispielen für "Look Mobile Is Easy" werden Blog-Beiträge nicht erwähnt.

Das Beispiel, das Sie in mobstac geben, scheint ein Dienst zu sein, der einen RSS-Feed für Mobilgeräte verwendet, interessanterweise für ein Unternehmen zur Optimierung von Mobilgeräten, dessen Website nicht reagiert!

4
Adam Fellowes

Responsive Design ist nicht nur ein Schlagwort, sondern der richtige Weg. Responsive Design bedeutet, eine Website bereitzustellen, die für das Gerät/die Auflösung geeignet ist. Das Bereitstellen großer Bilder auf einem mobilen Gerät (langsame Download-Geschwindigkeit) ist nur ein schlecht ansprechendes Design. Ihre Anwendung sollte intelligent genug sein, um die entsprechenden Bildgrößen basierend auf der Bildschirmauflösung bereitzustellen, mit der sie arbeitet.

Eine separate Site erstellen? Möchten Sie wirklich zwei separate Websites verwalten, die nahezu identisch sind? Wenn die von Ihren mobilen Benutzern gewünschte Funktion nur in der Desktop-Version verfügbar ist, werden Sie Ihre Benutzer frustrieren.

Responsive Design ist wirklich die einzig geeignete langfristige Lösung. Alles andere wird nur eine "schnelle Lösung" sein und Inkonsistenzen und Fehler verursachen, die Sie in Zukunft beibehalten müssen.

1
Andrew

Da ich mit den ersten 7 Argumenten einverstanden bin, würde ich Ihre Frage indirekt beantworten, indem ich über den Prozess der Auswahl des responsiven Webdesigns spreche.

Wenn Sie die folgenden Fragen mit "Ja" beantworten, würde ich empfehlen, sich für Responsive Design zu entscheiden.

  • Die Größe Ihrer Mobil- und Desktopseiten ist ähnlich
  • Sie haben für beide Standorte dieselbe Architektur
  • Benutzer müssen auf ihren Telefonen nicht von der mobilen zur Desktop-Version wechseln
  • Das zusätzliche mobile CSS ist nicht unüberschaubar
  • Ihre Website enthält keine große Anzahl von Bildern.
  • Sie müssen nicht viel zusätzliches JavaScript schreiben

Grundsätzlich achte ich darauf, nicht viel versteckten Inhalt und große Bilder zu haben und viel zusätzliches CSS und JavaScript zu schreiben. Manchmal ist es viel einfacher, eine separate Site zu verwenden.

Gute Kandidaten für responsives Webdesign sind Blogs und kleine Websites. Es ist nicht ratsam, den Ansatz auf einer großen E-Commerce-Website auszuprobieren.

1
Emil

Was sind andere Profis, um eine separate mobile Website zu haben? -> Es gibt keine Profis. Die Größe des mobilen Bildschirms ist ohnehin so fragmentiert, dass selbst wenn Sie eine separate Website erstellen, diese ebenfalls reagieren muss.

0

Einige Ansichten von Google zu diesem Thema, wobei die Neigung in der Suchmaschine liegt - möglicherweise mehr SEO als der Vorteil für den Endbenutzer:

http://www.seroundtable.com/google-mobile-seo-official-15264.html

0
DBUK

Hier ist eine sehr kurze Antwort. Die Vorteile eines reaktionsschnellen Designs überwiegen die Vorteile einer separaten Web- und mobilen Website. Ich werde erweitern.

Der einzige wirkliche Vorteil einer separaten mobilen Site besteht darin, dass Sie die Benutzererfahrung und die Ressourcen einfacher für die Einschränkungen einer mobilen Umgebung optimieren können. Angesichts des Standes der Mobiltechnologie denke ich jedoch, dass diese Vorteile mit einem reaktionsschnellen Design realisiert werden können.

Zu den Vorteilen eines reaktionsschnellen Designs gehören die offensichtlichen: eine einzige Codebasis für die Arbeit und die Tapferkeit, an der Spitze zu arbeiten. Ich denke, einer der weniger greifbaren, aber immer noch überwältigend positiven Vorteile des reaktionsschnellen Entwerfens ist besserer Code. Sie sind gezwungen, an Ihr Design zu denken und Ihren Code gut organisiert und modular zu gestalten. Dies bringt lange Zeit Dividenden. Außerdem werden die Toolkits für reaktionsschnelle Designs immer besser, sodass Sie Assets oder Funktionen fast so einfach wie bei zwei Standorten auswählen können.

Ich glaube, Sie werden langfristig mehr von einem reaktionsschnellen Design profitieren.

P.S. - Lesen Sie auch das Schlagwort "Progressive Enhancement". Es ist auf diese Diskussion anwendbar.

0
EricM

Ich würde für den Fall einer separaten mobilen Website argumentieren, nicht nur in Bezug auf das visuelle Design und technische Unterschiede wie Bildschirmgrößen und Touch-Interfaces.

Ich denke, das Wichtigste ist, dass der Zweck des Benutzers für die Verwendung Ihrer mobilen Site sich möglicherweise erheblich von der Verwendung der Desktop-Site unterscheidet.

Angenommen, Sie betreiben eine Website für eine Pizzeria. Die wichtigsten Informationen, die ein mobiler Benutzer haben möchte, sind wahrscheinlich:

  • Ihre Adresse, Kontaktdaten und Öffnungszeiten
  • Die Speisekarte
  • Vielleicht ein einfaches Formular für eine Buchung oder Bestellung

Vergleichen Sie dies mit der Desktop-Erfahrung, bei der Benutzer möglicherweise mehr Interesse daran haben, diese zu erkunden. Sie könnten beispielsweise an der Herstellung von Pizza interessiert sein und vielleicht sogar daran, wo Sie Ihre Zutaten beziehen, und Links zu diesen Websites. Sie könnten sogar an der Geschichte Ihres Restaurants und anderen "interessanten" Informationen interessiert sein.

Kurz gesagt, meine Meinung ist, dass es immer besser ist, eine separate mobile Website mit Funktionen zu haben, die für Benutzer nützlich sind, die unterwegs sind oder nicht die volle Desktop-Erfahrung benötigen.

0
F21