ANWENDUNGSTIPP. ClubWebMan flex

Transkript

1 ClubWebMan flex Was haben Smartphone, Tablet-PC, Net- und Notebook, Laptop, Desktop-PC und imac gemeinsam? Sie gehören zur breiten Masse von Endgeräten, mit denen Ihre Golfmitglieder die Inhalte der Webseiten Ihrer Golfanlage abrufen. Was sie leider nicht gemeinsam haben? Eine einheitliche Bildschirmgröße. Die Aufgabenstellung In Zeiten von Smartphone, Retina-Display und Home-Entertainment Systemen wird Ihre Homepage auf den verschiedensten Bildschirmgrößen und mit zum Teil sehr unterschiedlichen Auflösungen wiedergegeben. Was auf einem 17 Zoll Bildschirm - das war bis vor einigen Jahren der Standard - gut aussieht, ist auf einem Smartphone-Display nur mit ständigem Vergrößern und Scrollen zu betrachten. Ein Albtraum in Sachen Anwenderfreundlichkeit. Dabei sind gerade mobile Endgeräte groß im Kommen. Experten erwarten, dass die Seitenaufrufe von Smartphones und Tablet-PCs schon im nächsten Jahr die Zugriffe per Laptop und Desktop-Rechner überholen. Aktuell machen die mobilen Nutzer von Golfwebseiten etwa 15 bis 20% aus. Tendenz: schnell wachsend! Die Lösung Ihre Homepage auf allen Bildschirmen gut aussehen zu lassen, das ist die Herausforderung für das Webdesign der Zukunft. Mit ClubWebMan flex (automatische Layout Anpassung von Smartphone bis Großbildschirm) haben wir die passende Lösung dafür.

2 Die der ClubWebMan flex -Entwicklung zugrundeliegende Basistechnologie heißt Responsive Webdesign. Responsive deshalb, weil bei einer Anfrage für eine Webseite zunächst geprüft wird, auf welcher Bildschirmgröße die Seite angezeigt werden soll, um dann mit dem passenden Format zu antworten. Damit ist die wichtigste Eigenschaft auch schon genannt: die Fähigkeit, die Darstellung auf wirklich jede Bildschirmgröße anzupassen. Um das zu erreichen, werden zwei Techniken kombiniert. Zum einen gibt es mehrere Varianten des Designs einer Website mit ClubWebMan flex-technologie, optimiert für die gängigsten Formate wie klassische Bildschirme, Tablet-PCs und Smartphones. Zunächst prüft ClubWebMan flex die verfügbare Breite des jeweiligen Geräts, ermittelt ferner bei mobilen Geräten, ob es hochkant oder quer gehalten wird, und liefert automatisch das passende Format. Zwischen den Formatsprüngen passt ClubWebMan flex die Darstellung stufenlos an. Aus der Praxis: Bisher ist ClubWebMan flex bereits bei drei deutschen Golfanlagen im Einsatz. Die Technik im Hintergrund ist sehr komplex. Die Entwicklung der Basistechnologie hat über ein Jahr Entwicklungszeit in Anspruch genommen. Außerdem musste eine Vielzahl golfspezifischer Anwendungen an die neuen, flexiblen Größenanforderungen angepasst werden. Das ClubWebMan Entwicklungsteam ist stolz darauf, als Erster mit dieser Technologie auf dem Golfmarkt zu sein. Eine besondere Herausforderung war das Ziel, dass die Inhaltspflege durch die Autoren und Redakteure unverändert und einfach bleiben sollte. Mit dem jetzt verfügbaren ClubWebMan flex steht den Golfclubs und Golfanlagen eine innovative Aufrüstmöglichkeit ihrer ClubWebMan Lösung zur Verfügung, die alle gesteckten Ziele erreicht. Auf den folgenden Seiten möchten wir Ihnen anhand der bereits produktiv eingesetzten Anwendungen die Kernelemente des flexiblen Designs zeigen.

3 Beispiel 1: Golfresort Wittenbeck Darstellung auf klassischen Bildschirmen Nebenstehend sehen Sie die klassische Anzeige der Website des Golfresorts Wittenbeck, so wie sie auf großen Bildschirmen erscheint. Sie erkennen auf den ersten Blick das Problem - dass unterhalb einer bestimmten Anzeigebreite nämlich nicht mehr viel zu erkennen ist. Darstellung auf Tablet-PCs Auffälligster Unterschied zwischen der klassischen Anzeige und der für Tablet-PCs optimierten Darstellung: Die Schrift ist größer, Navigationspunkte rutschen in die zweite Zeile und die Größe von Bildern wird angepasst. Einige Inhaltselemente verschieben sich, um auf dem kleineren Screen besser Platz zu finden. Bildgröße angepasst, Beschriftung zweizeilig zweizeilige Navigation Inhaltselemente in einer Spalte angeordnet

4 Es ist nicht mehr nötig, in Teile der Anzeige hinein zu zoomen, da die Leserbarkeit automatisch gegeben ist. Die Navigationspunkte sind groß genug, um sie bequem mit dem Finger anzusteuern. Seitliches Scrollen entfällt komplett; das gewährleistet eine bessere Übersichtlichkeit und einfachere Bedienung. Um weitere Inhalte anzuzeigen, scrollt man nur noch nach unten. Darstellung auf Smartphones Untereinander angeordnete Navigationspunkte, gut lesbare Schrift, große Flächen - das vereinfacht die Bedienung mit dem Finger. Man tippt nicht mehr versehentlich daneben, wie das bei der Anzeige herkömmlicher Webseiten schnell einmal passiert. In der klassischen Ansicht und der Darstellung für Tablet-PCs waren einige Inhaltselemente in der rechten Spalte angeordnet. Mit der ClubWebMan fluid grid- Technologie werden sie nun untereinander in das Format eingepasst. Gescrollt wird nur noch in der Vertikalen. Die Schrift ist nochmals eine Stufe größer, damit sie auch auf dem kleinen Bildschirm eines Mobiltelefons mühelos zu lesen ist.

5 Beispiel 2: Kölner Golfclub Hier sehen Sie eine alternative Darstellung der Navigation. Sie wird jeweils durch ein Tippen auf Hauptmenü auf- bzw. eingeklappt. So ist sie nie im Weg, aber immer verfügbar. Die Anwendung erhält das look and feel einer nativen App. Betrachtet man den Unterschied zur Variante für den klassischen Bildschirm, fällt auf, dass in der mobilen Darstellung auf das Headerbild verzichtet wurde. Wer unterwegs ein paar Informationen benötigt, braucht nicht viele Bilder, die zwar Emotionen und Atmosphäre vermitteln, aber keine hard facts. Elemente, die für den schnellen Zugriff auf die gewünschten Informationen nicht relevant sind, können daher in der mobilen Ansicht ausgeschaltet werden. Das verbessert die Übersichtlichkeit und die Zugriffszeiten, da weniger Daten geladen werden müssen. Hauptmenü durch Tippen auf- bzw. einklappen.

6 Beispiel 3: Golfclub Johannesthal Was die GKMB Lösung ClubWebMan flex abhebt, ist die Berücksichtigung golfspezifischer Anwendungen. Auf den Seiten des Golfclub Johannesthal möchten wir Ihnen das anhand der Darstellung der Baumstruktur eines Matchplays demonstrieren. In der mobilen Variante schaltet die Darstellung so um, dass die wichtigen Informationen auf den ersten Blick und vor allem ohne Vergrößern einzelner Auschnitte oder seitliches Scrollen zu erkennen sind. Das Matchplay auf einem großen Bildschirm zum Vergleich:

7 Alle anderen klassischen Golfanwendungen haben wir ebenfalls für das flexible Design optimiert. Dazu gehören die persönliche Scorekarte und die Spielvorgabentabelle sowie die Platzbelegung, der Platzstatus und die Regelfrage der Woche. Weitere wichtige Merkmale Zukunftssicherheit: Beinahe wöchentlich kommen neue Smartphones und Tablets auf den Markt. Das neue ipad mit Retina-Display kann etwa die vierfache Menge an Bildpunkten darstellen wie herkömmliche Tablets. Die Bildschirmdiagonalen der verschiedenen Hersteller könnten unterschiedlicher nicht sein. Um dem Rechnung zu tragen, ist die ClubWebMan flex Technologie darauf ausgelegt, alle Größen und Auflösungen zu bedienen. Das schließt auch bisher nicht gängige Größen und Auflösungen mit ein. Entscheiden Sie sich für die ClubWebMan flex Lösung, wird Ihre Webseite auch in Zukunft auf neuen Geräten passend angezeigt. Rückwärtskompatibilität Neue Technologie, alter Browser? Kein Problem mit ClubWebMan flex. Sollten einige Ihrer Kunden veraltete Browser benutzen, hat das auf die Darstellung keinerlei Auswirkung. Es wird ganz einfach die gewohnte Ansicht für Standardbildschirme ausgeliefert. Einfache Anwendung Für Ihre Autoren ändert sich nicht viel. Ein paar Elemente mehr hier, ein paar Elemente weniger dort. Die Pflege der Webseite verhält sich genau so, wie Sie es von ClubWebMan gewohnt sind. Es wird teilweise sogar einfacher: Da die Anpassung von Bildern automatisch entsprechend der Ausgabegröße erfolgt, müssen Ihre Autoren sich nicht mehr den Kopf über die passende Bildgröße zerbrechen. Inhalte pflegen Sie übrigens nach wie vor nur ein einziges Mal ein. Alles andere regelt die ClubWebMan flex Technologie für Sie.

8 Nutzen Die wichtigsten Vorteile von ClubWebMan flex im Überblick: stufenlose Anpassung der Darstellung an alle Bildschirmgrößen mehrere Formate, optimiert für Großbildschirm, Tablet-PC und Smartphone Für Smartphones: look and feel nativer Apps große Schaltflächen und Schrift, das heißt, kein lästiges Seitwärts-Scrollen und Vergrößern Einzelne Inhaltsobjekte können für die Anzeige auf mobilen Geräten deaktiviert werden. schnellere Ladezeiten flexible Darstellung klassischer Golfanwendungen (z.b. Matchplay, Platzbelegung, persönliche Scorekarte, etc.) Rückwärtskompatibel unterstützt auch ältere Browser Zukunftssicherheit Inhalte werden nur an einer Stelle gepflegt. Die Anwendung für Autoren bleibt unverändert und so einfach wie bisher. ClubWebMan Modul L340 flex Die Einrichtung und die Nutzung von ClubWebMan flex erfolgt in der Regel innerhalb von zwei bis drei Monaten ab Auftragserteilung. Modul Modul L340 ClubWebMan Flex (automatische Layout Anpassung von Smartphone bis Großbildschirm) für ClubWebMan-Kunden Nutzungslizenz einmalig Servicegebühr monatlich 5.210,00 keine Preise: Stand Oktober 2012, Änderungen vorbehalten, alle Angaben zzgl. MwSt. Fördernachlass Abhängig vom Zeitpunkt der Auftragserteilung bieten wir einen zeitlich befristeten Technologie-Fördernachlass: bei Auftragserteilung bis : 30% = 1.563,00 bei Auftragserteilung bis : 20% = 1.042,00

9 Informations-/Installationsabruf Ich möchte mehr wissen über ClubWebMan flex (automatische Layout Anpassung von Smartphone bis Großbildschirm). Bitte nehmen Sie Kontakt auf. Ich möchte bestellen, bitte nehmen Sie Kontakt auf. Mich interessiert etwas ganz anderes, und zwar... Club/Organisation Straße PLZ/Ort Ansprechpartner Telefon Bitte per Fax an +49-(0) senden.