Kerstin's Blog

Aufgrund der Rückmeldung von Herrn Professor Mittendorfer in der LVA, habe ich überlegt, wie ich einen Cyberroman gestalten könnte und die zu gestaltende Seite nur aus einer Seite bestehen zu lassen.

Das Ergebnis meiner Überlegung ist, dass ich den Cyberroman mit der vorher von mir vorgesehenen Struktur kombinieren werde.

Wie auch in den „7 Todsünden des Webdesign“ von Frau Kollegger angeführt verfolgt meine Homepage das Motto: Weniger ist mehr. Die Website wird in untenstehendem Stylguide beschrieben. Viele der im Styleguide angeführten Eckpunkte bzw. Passagen wurden von mir bereits im ersten Entwurf angeführt und hier nur mehr verfeinert.

STYLEGUIDE zur Website „Hotel Shields - Negril / Jamaika“

ZIELSETZUNG

Zielpublikum:

Die Zielgruppe meiner Homepage sind Urlauber (jeden Alters), welche in Jamaika im Hotel Shields im Landesteil Negril ihren Urlaub verbringen möchten und nicht sicher sind, ob dieses Hotel für Sie das Richtige ist.

Ein Link auf diese Seite von den Hotelbewertungen des Hotels auf www.holidaycheck.de usw. wäre denkbar.

Erwartungen der Nutzer:

Die Homepage soll Urlaubern die Entscheidung, dieses Hotel zu buchen erleichtern. Eine absolute Empfehlung dieses Hotels sollte die Message sein, welche vermittelt wird.

INTERFACE-DESIGN

Struktur:

Die Website verfügt über mehrere Seiten (5 Seiten):

• Einstiegsseite
• Zimmer
• Personal
• Essen
• Links

Einstiegsseite: Auf der Einstiegsseite wird eine Geschichte erzählt (Cyberroman). Die erzählte Geschichte verweist auf die einzelnen Seiten der Website. Dies geschieht durch einfache Links im Text oder auch direkt durch das Navigationsmenü (für eilige).

Navigation: Die Website verfügt über einen Navigationsbereich auf der linken Seite. Dieses Navigationsmenü wird auf jeder Seite dargestellt.

Das Navigationsmenü ist leicht zu erweitern und somit kann die Website einfach erweitert werden, sollte dies nötig werden.

Die Seiten Personal, Zimmer und Essen werden diese Kategorien entsprechend beschreiben. Die Seite Links wird eine Zusammenstellung von Links sein. Die Links werden unterteilt in offizielle Homepage des Hotels, Ausflugstips, Tips zum Land und sonstige Links. Es wird jedoch darauf geachten, dass nur die Besten und Nützlichen Links dargestellt werden um diese Seite für den Benutzer auch übersichtlich zu gestalten.

Header und Footer: Die Website verfügt über eine Kopf- und Fußzeilenbereich. Die beiden Bereiche sind gleich, nur seitenverkehrt dargestellt.

Hinter der Website (im Body) wird ein Bild vom jamaikanischen Meer dargestellt und tritt nur bei großen Bildschirmauflösungen auf.

Wording:

Die Texte werden kurz und knapp gehalten, da es nicht als anstrengend empfunden werden soll die Seite anzuschauen. Auch die Geschichte auf der Einstiegsseite wird nicht ausarten.

Es wird die deutsche Sprache verwendet. Ein paar jamaikanische bzw. englische Ausdrücke werden verwendet, diese werden aber auf deutsch erklärt.

MultiMedia:

Fotos: Die Geschichte wird mit Bildern auf meinem Urlaub (Februar 2010) hinterlegt. Die Anzahl der Bilder wird gering gehalten und verwendete Bilder werden nicht hochauflösend dargestellt. Diese beiden Maßnahmen dienen der schnelleren Datenübergtragung.

Animationen: Der Sonnenuntergang wird mittels Animation nachgebildet.

Video: Ein winterliches Video, soll die Aussage der Geschichte unterstützen und die Menschen motiveren, im Winter Östereich zu verlassen und den Urlaub im Hotel Shields in Jamaika zu verbringen.

SCREEN-DESIGN

Layout / Einheitlichkeit:

Die Seiten werden alle nach dem gleichen Stil gestaltet. Jede Seite wird über den Navigationsbereich, den Header, den Footer und den Inhaltsbereich verfügen.

Ein Scrollen der Seite wird aufgrund der Geschichte, der Bilder und ähnlichem nötig werden.

Schriftart:

Einfach, wird die Schrift sein: font-family: Helvetica, Arial, sans-serif; Die Schrift ist auf jeder Seite bzw. in jedem Bereich die selbe.

Schriftgrößen werden ebenfalls nur sehr wenige verwendet. Es wird eine Standardgröße für den Text verwendet und es wird 2 verschieden große Überschriften geben. Auch das Navigationsmenü verfügt über die Standardschriftgröße.

Texthervorhebungen werden auch nur sparsam verwendent. Die Navitagationspunkt werden vor dem Anklicken in Fettschrift dargestellt. Ist der Link aber bereits verwendet, so wird die Fettschrift verschwinden.

Farben:

Gelb, Grün, Schwarz sind die Farben der Jamaikanischen Flagge. Diese Farben werden vorwiegend verwendet.

Rot findet auch noch seinen Einfluss auf der Website, da diese vier Farben auf Jamaika sehr stark vertreten sind und Jamaika mit seiner Kultur auch representieren:

Bei der Farbe Rot handelt es sich nicht sehr „leichte“ Farben (Rot steht für: Aktivität, Dynamik, Gefahr, Temperament, Zorn, Wärme, Leidenschaft, Eroberungswille, Tatendrang, exzentrisch), daher wird dies auch sparsam verwendet. (Quelle: http://www.farbe.com/farbesym.htm)

Die Farbe Schwarz ist ebenfalls in unserer Kultur negativ besetzt, daher wird diese Farbe "nur" für die Schrift verwendet.

Prototyp:

Ein Prototyp der Seite kann hier bereits angesehen werden: Empfehlung für das Hotel Shields (Leider funktioniert dieser Prototyp nur im Internet Explorer, im Mozilla Firefox wird das Hintergrund noch nicht richtig dargestellt, das muss ich noch abklären, warum das so ist.)