Erhalten Sie ansprechende Websites für Multi-Geräte, Omnichannel-Kundenerfahrung

Ich habe eine groŸartige Webseite gefunden, die Ihnen zeigt, wie Ihre Website auf mehreren Gerten auf einmal aussieht. Es ist toll! Es wre sehr ntzlich, sicherzustellen, dass Ihre Website auf mobilen Gerten oder Tablets gut aussieht.

Webcenter-Sites: Mobility ermglicht es Ihnen, Websites fr mobile Gerte zu erstellen. In diesem Kapitel wird beschrieben, wie Sie die Assets und Site-Navigationen Ihrer mobilen Websites erstellen, kopieren und bearbeiten, sowie wie die Vorschau der Mobile-Websites fr verschiedene Gerte in der Vorschau und der Genehmigung Ihrer mobilen Websites. Es enthlt die folgenden Abschnitte:

Einfhrung in Webcenter-Sites: Mobilitt

Mobility ermglicht es Ihnen, mobile Websites fr verschiedene mobile Gerte wie iPhone, iPad, Samsung Galaxy und BlackBerry erstellen. Sie knnen eine brandneue mobile Website auf dieselbe Weise erstellen, wie Sie eine Standard-Website fr Desktop- / Laptop-Computer erstellen. Um zu helfen, Ihre Anstrengungs- und Site-Lieferzeit zu senken, knnen Sie auch Webcenter-Sites das Vermgen einer vorhandenen Website fr Ihre mobile Website kopieren. Sie knnen eine Vorschau der mobilen Website in der Vorschau Ihrer mobilen Website, so dass Sie wissen, wie Ihre Site auf den Bildschirmen von mobilen Gerten schaut, wenn sie verffentlicht wird.

Beispielsweise zeigt Abbildung 13-1 die Vorschau des Page-Assets "Surfen" fr die Avisports-Beispielstelle, die auf dem Bildschirm des iPad 3GS-Mobilgerts angezeigt wird (dargestellt durch ein Gert Asset), wie es aussehen wrde Auf dem Bildschirm eines eigentlichen iPad 3GS, wenn die Seite verffentlicht wurde.

Wie werden mobile Websites in der Contributor-Schnittstelle dargestellt?

Eine mobile Website, wie Ihre Standardwebsite zum Anzeigen auf Desktop- / Laptop-Gerten, wird durch einen Site-Plan-Knoten im Standortstaum der Webcenter-Sites-Beitragsoberflche dargestellt. Beispielsweise zeigt Abbildung 13-2 den Standortbaum in der Avisports-Sample-Site.

  • Medienabfragen sind groŸartig, aber.
  • Welche Gerteklassen zielen Sie an?
  • Annherung # 1: serverseitige Erkennung
  • Annherung # 2: Client-Seite-Erkennung
  • Entschlossener Client oder Server
  • einfhrendes Gert. S
  • Empfehlung: MVC mit Form-Faktor-spezifischen Ansichten
  • Schlussfolgerung

Medienabfragen sind groŸartig, aber

Medienanfragen sind fantastisch, ein Godsend fr Website-Entwickler, die kleine Tweaks in ihre Stylesheets machen mchten, um Benutzer auf Gerten verschiedener GrŸen besser zu ergeben. Mit Medienabfragen knnen Sie im Wesentlichen die CSS Ihrer Website je nach BildschirmgrŸe anpassen. Bevor Sie in diesen Artikel eintauchen, erfahren Sie mehr ber das Responsive Design und berprfen Sie hier einige gute Beispiele fr Media-Abfragen hier: MediaQueri. s.

Da Brad Frost in einem frheren Artikel hinweist, wechselt das Aussehen nur eines von vielen Dingen, die beim Aufbau des mobilen Webs in Betracht ziehen. Wenn Sie das einzige tun, was Sie tun, wenn Sie Ihre mobile Website erstellen, wird Ihr Layout mit Medienabfragen anpassen, dann haben wir folgende Situation:

WebApps bentigen mehr als Medienabfragen

Bring mich nicht falsch. Ich hasse kein responsives Design ber Medienabfragen, und dachte definitiv, dass es einen Platz in der Welt hat. Darber hinaus knnen einige der oben genannten Probleme mit Anstzen wie ansprechenden Bildern, dynamischem Script-Laden usw. aufgelst werden. Anstelle eines bestimmten Punkts knnen Sie jedoch zu viele inkrementelle Tweaks tun, und es ist mglicherweise besser, verschiedene Versionen zu dienen.

Wie die UIs, die Sie aufbauen, um die Komplexitt zu steigern, und Sie ziehen sich auf einseitige Webapps an, Sie mchten mehr zur Anpassung der Benutzeroberflche fr jede Art von Gert anpassen. Dieser Artikel lehrt Ihnen, wie Sie diese Anpassungen mit einem minimalen Anstrengungsaufwand machen. Der allgemeine Annherungen beinhaltet das Klassifizieren des Gerts des Besuchers in die richtige Gerteklasse, und dient der entsprechenden Version an das Gert, whrend die Code wiederverwendet wird, zwischen den Versionen.

Welche Gerteklassen zielen Sie an?

Es gibt Tonnen von Internet-angeschlossenen Gerten da drauŸen, und fast alle haben Browsern. Die Komplikation liegt in ihrer Vielfalt: Mac-Laptops, Windows-Workstations, Iphones, iPads, Android-Telefone mit Berhrungseingngen, Scroll-Rdern, Tastaturen, Spracheingaben, Gerten mit Druckempfindlichkeit, intelligenten Uhren, Toastern und Khlschrnken und vieles mehr. Einige dieser Gerte sind allgegenwrtig, whrend andere sehr selten sind.

Um eine gute Benutzererfahrung zu erstellen, mssen Sie wissen, wer Ihre Benutzer sind und welche Gerte sie verwenden. Wenn Sie eine Benutzeroberflche fr einen Desktop-Benutzer mit einer Maus und einer Tastatur erstellen und einem Smartphone-Benutzer geben, ist Ihre Benutzeroberflche eine Frustration, da sie fr eine andere BildschirmgrŸe und eine andere Eingangsmodalitt konzipiert ist.

Sie knnen nicht auf mediammodifikationcom

zugreifen

Diese Website verwendet einen Sicherheitsdienst, um sich von Online-Angriffen zu schtzen. Die gerade ausgefhrte Aktion lste die Sicherheitslsung aus. Es gibt mehrere Aktionen, die diesen Block auslsen knnen, einschlieŸlich eines bestimmten Wort- oder Satzes, einem SQL-Befehl oder fehlerhaften Daten.

Was kann ich tun, um das zu beheben?

In diesem Artikel analysiert die UI-Farm, eine UI- und UX-Agentur, den Prozess, der zu ihrem neuen Workflow zur Bereitstellung moderner Weblsungen gefhrt hat. Durch Anwenden einer nachhaltigen und zukunftssicheren Nutzung des responsiven Webdesigns, der UI-Farm erzielen in einer agilen Umgebung auffhrende, Multi-Gerte-Websites.

Entwrfe / Lizenzinformationen

SpaŸ von Timing-Objekten, Sequenzer und gemeinsam genutzten Motionen, um tausend Mobiltelefone zu synchronisieren, um Teil der Show zu werden. Hergestellt von High School Senior David McAllister fr eine Veranstaltung an einer High School in Kalifornien. Gute Arbeit David!

Pinterest wird auf Internet Explorer nicht mehr unterstützt.

Pinterest wird auf Internet Explorer nicht mehr unterstützt.

Pinterest wird auf Internet Explorer nicht mehr unterstützt.
Wir verwenden Cookies
Wir verwenden Cookies, um sicherzustellen, dass wir Ihnen die beste Erfahrung auf unserer Website geben. Durch die Nutzung der Website stimmen Sie der Verwendung von Cookies zu.
Cookies zulassen