Die iPhone-App “Hole in 1″ soll den Spieler unterstützend auf dem Golfplatz begleiten.
Der Startbildschirm soll mit einem wechselnden “Golfzitat” zum Benutzen der App motivieren. Dem Anwender steht es hier nun offen, ob er sein Profil sehen will, etwas in der Community posten will, oder mit dem Hauptteil der App – dem spielbezogenen Teil – beginnen möchte. In diesem fall kann eine Synchronisation mit dem Golfschläger hergestellt werden.
Bei der Platzwahl sollen dem Nutzer sämtliche Golfplätze in seiner Nähe aufgezeigt werden, er soll aber auch die Mögleichkeit haben einen eigenen Platz zu tracken, sowie zwischen Zähl- und Lochspiel unterscheiden können.
Während des Spiels kann sowohl manuell als auch automatisch mitgezählt werden. Durch die Buttons oben kann der Spieler jederzeit auf der Karte sehen, wo er sich befindet und kann die Synchro mit seinem Schläger an bzw. ausschalten.
Koordinaten- und situationsbezogene Tipps sollen dem Spieler als eine perfekt an das Spiel angepasste Hilfe aufgezeigt werden.
Die Auswertung des Spiels kann über Diagramme aus Piktogrammen (erklärt werden diese beim Fragezeichen oben rechts – die Piktogramme sind: normaler Schlag, Schlag aus dem Bunker heraus, Schlag vom Grün, Hole in 1)…
… oder die Piktogramme direkt mit zugehörigen Koordinaten auf einer Karte.
Die App zu dem gleichen Thema wie die Landingpage “Einstieg ins Golfen” soll grundsätzlich eine Erleichterung während des Spielablaufs sein und somit Anfänger beim Training unterstützen. Sie gliedert sich in den Bereich “Spielen” (Screen 1-6) und “Community” (Screen 7-8). Im Bereich Spielen liegt der eigentliche Kern der App, der Bereich Community soll unterstützend und vernetzend zwischen einzelnen Usern wirken.
Bei den folgenden beiden Bildern handelt es sich um die finale Auswahl der Landingpage zum Thema “Einstieg ins Golfen” (mit und ohne Raster).
1 mit Raster
Die Überarbeitungen betreffen zum einen die Textplatzierung (Texte näher an Überschriften gesetzt, vertikale Schriften durch horizontale ersetzt) und zum anderen die Platzierung unterschiedlicher Bildelemente (wenige große, blockartige Bilder wurden gegen viele kleine, freier angeordnete Bilder ersetzt). Des weiteren habe ich eine Navigationsleiste zur besseren Übersicht eingefügt und kleine Änderungen bezüglich des Abstands einzelner Themenblöcke vorgenommen.
Der Vollständigkeit wegen auch noch die beiden anderen Entwürfe, die ich zur letzten Vorlesung vorbereitet hatte:
Landingpage-Layout 2
Landingpage Layout 3
Das Raster ist in der Mediathek unter folgendem Link zu finden:
Landingpage-Raster
Das kleinste Element ist 20 x 20 Pixel groß, sodass bei der Bilddarstellung ein 4:3 Format in verschiedenen Größen möglich ist.
Die Abstände zwischen den Spalten und Zeilen sind 20 Pixel groß, die Spalten sind 140 Pixel breit.
Das gesamte Raster ist 1024 Pixel breit und 768 Pixel hoch.
Edit:
Das gleiche Raster mit der Schrift “Verdana” in der Größe 10 (damit sie besser in das Gitter passt).
Unsere Gruppe hat sich für die Sportmarke Puma entschieden. Das Thema für die Landingpage ist “Einstieg ins Golfen” und bezieht sich damit auf das Angebot an Golfausrüstung von Puma (http://de.puma.com/golf).
Um eine ansprechende und gleichzeitig interessante Landingpage zu schaffen haben wir diese in drei Überrubriken (Basics, Ausrüstung und Locations) gegliedert, die folgende Punkte beinhalten:
Basics:
Grundlagen – Welche grundlegenden Techniken sind beim Golfen zu beachten? Wie ist die richtige Körperhaltung etc.?
Training – Wo nehme ich am besten Training? Wie sollte ein solches Training aussehen?
Ausrüstung
Schläger – Welcher Schläger eignen sich wofür?
Bälle – Was ist zu beachten bei der Wahl der Golfbälle?
Kleidung – Gibt es Kleidung, die den Sportler beim Golfen unterstützt?
Locations:
Clubs – Wo befindet sich ein Golfclub in meiner Nähe? Macht es Sinn einem Club beizutreten?
Plätze – Wo in meiner Nähe befinden sich Golfplätze?
Platzreife – Wissenswertes über Platzreife und allgemeine Turnierbedingungen
Zusätzlich sollen zu den jeweiligen Unterpunkten News- und Community-Features angeboten werden.
