Besser als Ajax

Teil 3: Was muss eine moderne Homepage bieten?

Die nächste, Türen öffnende, technische Komponente ist meist JavaScript, das sich zu einem universellen Werkzeug für allerlei Komfortfunktionen für Homepages entwickelt hat. Die populärste für den Anwender sichtbare Funktion ist das Drop-Down-Menü. Ab einer gewissen Menge zu vermittelnder Inhalte bieten sie sich unbedingt an, weil Sie dem Nutzer eine unmittelbar erfahrbare Vorsortierung der Themen Ihrer Homepage an die Hand geben. Damit haben Sie sich mit Ihrer Homepage bereits der Bedienästhetik einer Desktop-Software genähert. Frei konfigurierbare kommerzielle, wie auch praktikable Freeware-Lösungen für Drop-Down-Menüs werden im Internet zu Hauf angeboten.

Was muss eine moderne Homepage bieten?

© Archiv

Sehr benutzerfreundlich ist das Menü mit sich überlagernden Layern, die je nach Wahl in den Vordergrund gerückt werden.

Es gibt bereits rein CSS-basierte Beispiele mit maximal 12 Zeilen JavaScript (www.htmldog. com), die allerdings aufgrund der nicht ganz einheitlichen Interpretation neuester CSSStandards durch die Browser noch nicht ganz einwandfrei funktionieren. Auch das wird sich mit neuen Browser-Versionen in Zukunft ändern und Ihnen umfangreiche JavaScript- Aufrufe für Drop-down-Menüs ersparen.

Vorstellbar sind eine ganze Menge JavaScript- Gimmicks, wenn Sie damit Ihre zu vermittelnden Inhalte besser transportieren können und sie sich vor allem für den Nutzer als sinnvoll erweisen, respektive den Bedienkomfort steigern. Grafische JavaScript-Uhren auf der Homepage interessieren niemanden, schließlich hat jeder eine Uhr auf seinem Desktop.

Was muss eine moderne Homepage bieten?

© Archiv

Durch die Vorgabe in einem Formular weiß der Besucher, was erwartet wird. Beim Klicken ins Feld verschwindet der Vorschlag.

Vorstellbar sind z.B. eher, mit einer show/hide- JavaScript-Funktion versteckte Layer mit Zusatzinformationen sichtbar und wieder unsichtbar zu machen. Das erspart einen erneuten Http-Request, dem Anwender Wartezeit und die zwangsläufige kurze Neuorientierung auf der sonst gerade neu geladenen Webseite. Dazu könnte man z.B. am linken Rand der Homepage ein Menü mit Untermenüs in Form von Tabs gestalten und auf diese Weise einen schnellen Überblick über untergeordnete Themen (etwa www.kollermedia.at) schaffen. Ähnliches bietet die neu gestaltete Homepage von Spiegel Online. Dort kann sich der Besucher zunächst Platz sparend durch weitere Themen, beispielsweise der Rubrik "Panorama", durchblättern.

Inhalte, wie z.B. Login-Bereiche, die Ihr Layout optisch nicht gerade bereichern, aber notwendigerweise auf jeder Seite zur Verfügung stehen sollten, könnten per Verweis auch durch einen show/hide-Funktion und Layertechnik nur bei Bedarf sichtbar gemacht werden (www.josef-hegenbarth.de).

Platzsparende Voreinträge in Formfeldern lassen den Anwender sofort erkennen, ob und was er hineinschreiben soll. Per Java- Script, das direkt im input-Tag eingebettet ist, wird bei Mausklick in das Formfeld der Voreintrag gelöscht und erscheint wieder, wenn nichts eingetragen wurde. Eigentlich ist dieses Verfahren hinreichend bekannt. So bekommen aber, zusammen mit der o.g. CSSFormatierung für Formfelder, die ehemals unschönen und beim Anwender ungeliebten Web-Formulare in ihrer Anwenderfreundlichkeit einen ganz anderen Stellenwert. Die Source dazu:

<input 
class="meinecssinputformatierung" 
name="xyz" type="text" size="25" 
value="Pflichtfeld" 
onfocus="if(this.value =='Pflichtfeld') 
{ this.value=''}" onblur="if (value == 
'') {value='Pflichtfeld'}" />

Mehr zum Thema

Youtube Sperre umgehen GEMA
Videos freischalten

So umgehen Sie die GEMA-Sperre bei Youtube. Was Sie dazu brauchen, und wie es am einfachsten geht.
Neue Fritzboxen unterstützen den AC-Standard.
WLAN-Geschwindigkeit verdoppeln

Mehr WLAN-Geschwindigkeit: Mit dem WLAN-Standard 802.11ac und den richtigen Geräten und Einstellungen verdoppeln Sie den Datendurchsatz.
Netflix auf dem TV
Programm in der Übersicht

Welche Filme und Serien gibt es bei Netflix eigentlich zu sehen? Was ist neu im Streaming-Angebot? Diese Antworten helfen weiter.
Netflix
Streaming

Preise, kompatible Geräte, Datenrate, Serien- und Filmangebot von Netflix: Wir beantworten die wichtigsten Fragen rund um den Streaming-Dienst.
E.T. – Der Außerirdische
Vorschau auf Film- und Serien-Highlights

Amazon Prime Instant Video lockt im Dezember 2016 mit Film-Highlights wie "E.T.", "Fast & Furious 7" und der Serie "Ku’damm 56​".