FritzNetz.de
Dokumentenmanagement, Webdesign und Lösungen mit Lotus Notes.
helfer

Site-Struktur für Dotmobi

Eine Dotmobi-Seite sollte nicht zuviel Inhalt haben.

Auf dem großen Bildschirm eines Desktop-PC kann der Benutzer unwichtigen Elementen ausweichen. Er überfliegt die Seite und liest nur für ihn wichtige Teile. Auf einem Display mit wenigen kurzen Zeilen ist diese Leseweise nicht möglich, der Benutzer wird gezwungen alle Inhalte anzusehen.

Noch dazu ist das Scrollen einer Seite umständlicher: Eine lange Seite scrollt langsamer als auf dem PC. Werden unwichtige, sich wiederholende Seitenelemente im Kopf der Seite angezeigt, muß der Leser bereits scrollen um den eigentlichen Inhalt der Seite zu sehen. Dies ist eine Technik die Spammer anwenden um den Leser zu einem Klick auf ihre Werbung zu veranlassen. Für Handy-Web ist das keine Empfehlung.

Um möglichst wenige wiederholende Elemente auf einer Seite mitzuführen, müssen die Inhalte der äußeren Spalten eines klassischen Webangebotes ausgegliedert werden. Hierzu zählt die Linkliste zu den Inhaltsseiten (Navigation), Blogroll, Kategorien, Hinweise und News-Boxen.

Gesamt-Navigation ausgliedern

Aktuelle Websites für PC führen in einer der äußeren Spalten die komplette Navigation mit oft 30 bis 40 Einträgen mit. Diese Linkliste nimmt auf einer Dotmobi-Seite einen vertikalen Bereich von 30 bis 40 Zeilen ein, Platz den Sie auf einem Handy-Display nicht haben.

Sitestruktur einer .mobi-Site

Da Seiten für die Anzeige im Handy sehr lang werden, wird normalerweise die Navigation im Fußbereich wiederholt, so daß der Leser nicht zurück zum Anfang der Seite scrollen oder springen muß um andere Inhalte zu erreichen. Die logische Konsequenz: Die Kopf- und Fußnavigation muß auf 4 bis 6 Links beschränkt werden, der Rest wird ausgelagert.

Ende der 90er Jahre hatten viele Internet-Angebote eine zentrale Linkliste. Jede Inhaltsseite war in der Linkliste vermerkt, hatte aber selber nur eine Möglichkeit um auf die Homepage oder diese Linkseite zurückzukommen. Diese Technik kommt in veränderter Form auch bei Dotmobi-Angeboten zum Einsatz.

Erstellen Sie eine Seite als zentrale Linkliste. Die Links werden entweder mit Breaks (<br />) oder als unsortierte Liste mit aussagekräftigen Titeln untereinander gesetzt. Die zentrale Linkliste wird als Inhaltsverzeichnis oder Sitemap von allen Seiten über die Kopf- und Fußnavigation verlinkt und kann bei Bedarf auch als Homepage verwendet werden.

Auch diese zentrale Linkliste sollte nicht mehr als etwa 50 Einträge enthalten. Führen Sie ein Artikelverzeichnis oder eine Informationsseite mit mehr als 50 bis 60 Seiten, sollten Sie die zentrale Linkliste in mehrere thematisch eingegrenzte Linklisten unterteilen.

Kopf- und Fußnavigation

Was bleibt in der Navigation erhalten? Die Auswahl der Links in der Kopfnavigation und Fußnavigation wird fast überall gleich sein:

  1. Homepage
  2. zentrale Linkliste / Sitemap
  3. Suche
  4. Impressum

Alle Links der Kopfnavigation erhalten einen eindeutigen Accesskey um die Menuepunkte durch die Eingabe einer Ziffer auswählen zu können.

Der Link zur Homepage enthält einen Link auf die Domäne, was immer eine gute Idee ist. Das die zentrale Linkliste auf jeder Seite erscheint ist auch klar. Warum kommt aber die Suche auf eine eigene Seite?

Ich lagere bei meinen .mobi-Angeboten die Suche aus, weil es sich bei diesem typischen Seitenelement immer um ein Formular handelt. Das Suchfeld hat die unangenehme Eigenschaft, daß der Cursor gerne vom Browser in das einzige verfügbare Eingabefeld gesetzt wird um dem Benutzer die Eingabe zu erleichtern. Auf ihren Seiten hätte das zufolge, das der Cursor auf jeder Seite immer im Eingabefeld steht und jede Eingabe vom Suchfeld entgegengenommen wird.

Ein Handy-Browser setzt hier möglicherweise nicht den Cursor in das eingabefeld, da das Scrollen der Seite zum Teil ebenfalls über den Cursor gesteuert wird. In diesem Falle gehe ich aber trotzdem lieber auf Nummer sicher und mache aus dem Formular für die Suche eine eigene Seite.

Das Impressum muß nicht unbedingt in der Kopf- und Fußnavigation erscheinen. In Deutschland ist lediglich vorgeschrieben, daß die Angaben zum Impressum von jeder Seite aus durch einen eindeutigen Link angemessen schnell auffindbar sein muß. Es würde daher rein rechtlich auch reichen das Impressum im Seitenfuß zu verlinken.

Mit 4 Links oder 4 Zeilen belegt die Navigation genug Platz. Mehr Links würde ich nur dann aufnehmen, wenn Sie über kurze Linktexte und eine Trennung (z.B. mittels Pipe-Zeichen "|") zwei bis drei Links in eine Zeile packen. Eine mehrzeilige Navigation sieht dann allerdings etwas strubbelig aus, da sich Links mit unterschiedlich langen Linktexten nicht vernünftig ausrichten lassen.

Apropos Ausrichten: Tabellen oder gefloatete Divs sind in der Navigation keine gute Idee. Tabellen werden nicht von allen Handys richtig interpretiert und die Seite muß auch ohne CSS noch vernünftig aussehen. Mit CSS wäre ein <span> oder <div> mit fester Länge möglich. Das funktioniert jedoch nicht, da das CSS-Attribut Display=Block in der Handy-CSS nicht erlaubt ist.


nach oben
U.Fritz, 2004-2006. Alle Rechte vorbehalten. Die Verwendung der Inhalte, auch auszugsweise, bedarf der schriftlichen Zustimmung des Autors. Bezeichnungen, Markennamen und Produktbezeichnungen des jeweiligen Inhabers, auch wenn Sie nicht gekennzeichnet sind, unterliegen im Allgemeinen dem warenzeichen-, marken oder patentrechtlichem Schutz.