Besser als Ajax

Teil 3: Was muss eine moderne Homepage bieten?

2.1.2007 von Redaktion pcmagazin

ca. 1:55 Min
Ratgeber
  1. Was muss eine moderne Homepage bieten?
  2. Teil 2: Was muss eine moderne Homepage bieten?
  3. Teil 3: Was muss eine moderne Homepage bieten?
  4. Teil 4: Was muss eine moderne Homepage bieten?
  5. Teil 5: 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?
Sehr benutzerfreundlich ist das Menü mit sich überlagernden Layern, die je nach Wahl in den Vordergrund gerückt werden.
© Archiv

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?
Durch die Vorgabe in einem Formular weiß der Besucher, was erwartet wird. Beim Klicken ins Feld verschwindet der Vorschlag.
© Archiv

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 lesen

Chronologische Liste und Netflix-Links

Marvel-Filme- und -Serien: Das ist die richtige Reihenfolge

Neuerscheinungen in der Übersicht

Netflix: Neue Filme und Serien

Vorschau auf Film- und Serien-Highlights

Amazon Prime Video: Neuheiten

Weiter zur Startseite  

Mehr zum Thema

So kündigen Sie Ihre ADAC-Mitgliedschaft online per E-Mail.

Automobilclub

ADAC-Mitgliedschaft kündigen: So einfach geht's online…

Wer seine ADAC-Mitgliedschaft kündigen möchte, bekommt hier aktuelle Tipps. Wir zeigen Ihnen, wie das online per Formular oder E-Mail möglich ist.

Netflix

Kosten, Apps, Kündigung und Co.

10 wichtige Fragen zu Netflix in Deutschland

Preise, kompatible Geräte, Datenrate, Serien- und Filmangebot von Netflix: Wir beantworten die wichtigsten Fragen rund um den Streaming-Dienst.

whatsapp alternativen

Für Android, iPhone, iPad & Co.

Whatsapp Alternativen: Die 10 besten Messenger-Apps

Es gibt keine Whatsapp-Alternative? Quatsch! Diese Messenger-Apps für Android, iOS und PC sind der perfekte Ersatz.

Spam-Mails

Sicherheit

Phishing-Mails erkennen: 6 Tipps gegen E-Mail Betrug

Betrüger versenden E-Mails, die es auf Ihre Daten und Ihr Geld abgesehen haben. Wie Sie Phishing-E-Mails erkennen und sich schützen.

Facebook-Betrug mit Fake-Profilen

Gefälschte Facebook-Konten

Facebook-Betrug mit Fake-Profilen - wie Sie sich und Ihre…

Betrüger nutzen gefälschte Facebook-Profile, um Geld zu ergaunern. Wir zeigen, wie Sie sich und auch Ihre Facebook-Kontakte gegen die Betrugsmasche…