Was ist der beste Weg, um eine für Mobilgeräte optimierte Website zu erstellen?

Ich habe vor ungefähr einem Jahr eine mobile Präsentationsschicht zu einer operativen Site hinzugefügt. Basierend auf der Architektur der Site (hoffentlich ist dies für dich nicht zu technologieabhängig) habe ich eine neue Reihe von JSPs hinzugefügt, um mobile Browser unterzubringen (sidnote: siehe Ссылка für eine großartige Möglichkeit, mobile Seiten unabhängig vom Browsertyp zu erstellen. Außerdem wurden einige der Backend-Funktionen aufgrund der eingeschränkten Funktionalität der meisten mobilen Browser geändert. Kurz gesagt, die Integration war nicht so schmerzhaft, wie man es erwarten würde.

Viel Glück!

Auf meiner Seite entdecke ich den User-Agent, und für bekannte mobile Browser gebe ich ein anderes Stylesheet mit einigen größeren / weniger notwendigen Elementen hat einige Seiten weggelassen. Das Backend ändert sich nicht wirklich.

Das ist eine ziemlich breite Frage, aber hier geht es:

• Wenn es sich bei der Website hauptsächlich um den Inhalt handelt, was bedeutet, dass es sich nicht um einen Dienst handelt, den Sie verwenden, sondern um eine Publikation, die Sie lesen, würde ich versuchen, möglichst keine zwei Websites zu veröffentlichen. Konzentrieren Sie sich auf eine einfache Präsentation mit ausgereiften Technologien, mit denen mobile Browser ziemlich gut umgehen können.
• Wenn es sich im Wesentlichen um eine Softwareanwendung handelt, die über das Netzwerk bereitgestellt wird, wird es schwieriger, weil Sie die Benutzeroberfläche des mobilen Geräts und seine Unterschiede zum Desktop berücksichtigen möchten.
• Dies sollte selbstverständlich sein, aber wenn Sie viele mobile Nutzer haben, sollten Sie dies bei der Erstellung von Inhalten für die Website berücksichtigen. Formate, Länge, Stimme usw.

Zusätzlich zu dem WURFL / WALL-Funktionssystem, das bereits erwähnt wurde, sind Java Server Faces-Bibliotheken verfügbar, die alternative WML-Renderkits für Mobiltelefone verwenden.

Eine Möglichkeit, die ich in der Vergangenheit gemacht habe, bestand darin, sicherzustellen, dass meine Daten in der Datenebene gut abstrahiert wurden, und dann separate Mittelstufenmodelle zu verwenden, um das Richtige zu ziehen. In meinem Fall war die Anwendung eine Wetterapplikation und die Anzeigemethoden der Zielgeräte waren wirklich begrenzt. Deshalb haben wir uns dafür entschieden, dem Benutzer nur das Wesentliche auf den mobilen Geräten zu zeigen, während die Webseite voll ausgestattet war. Das war wahrscheinlich vor 10 Jahren, als WAP groß war. Aber heutzutage, wenn Geräte größere Bildschirme und eine bessere Bandbreite erhalten, möchten Sie vielleicht dieselben Daten mit einem anderen Ansichtsmodell konsumieren und anzeigen.

Ich weiß nie wirklich, welche Art von Anwendung die Daten in Zukunft benötigen wird. Wir machen viele Apps auf verschiedenen Plattformen, aber das Domänenmodell ändert sich selten. Also verwende ich dieselben Objekte der mittleren Ebene, wo ich kann, und ziehe diese Daten in verschiedene Clients. Ein gutes Beispiel hierfür ist ein aktuelles Projekt, bei dem wir eine reichhaltige Internetanwendung (Widget), eine vollständige Website und einen Webdienst hatten, der die gleichen Daten verwendete. In dieser Umgebung glänzt die Datenabstraktion in der mittleren Ebene.

Auf einer sehr hohen Abstraktionsebene gibt es zwei Haupthindernisse bei mobilen Geräten: (1) ihr Bildschirm ist klein, (2) ihre Netzwerkverbindung ist intermittierend. Dies bedeutet im Wesentlichen, dass Sie den Inhalt so präsentieren müssen, dass er auch auf einem kleinen Bildschirm (mit variabler Größe) gut aussieht, und ihn vorzugsweise auch im Cache speichern kann, damit Ihre Benutzer den Inhalt offline durchsuchen können. Dann gibt es noch das Problem der geringen Bandbreite und der hohen Latenz, aber diese sind heutzutage etwas weniger wichtig.