Platzhalter

 
Platzhalter PlatzhalterPlatzhalter

Häufige Webdesign-Fehler der Moderne

Platzhalter
 
  Startseite
  eBook-Projekt
  Web-Lexikon
  Bücher bestellen
   
  Design-Theorie
  Design-Praxis
  Promotion
  HTML/XML-Praxis
  Projekt-Management
  Webmaster-Praxis
  Fragen & Antworten
  Technik-Ecke
   
  Portal/Links
  Buch-Rezensionen
  Software
  Impressum
PlatzhalterPlatzhalter







 

Platzhalter Eine kurze Erklärung: den Artikel Anfängerfehler vermeiden haben Sie bestimmt gelesen. Doch das Web und die Welt haben sich weiterentwickelt. Wer verwendet heutzutage schon noch MS Comic Sans als Schriftart? Die blickenden GIFs sind inzwischen fast genauso verschwunden wie nervige Flash-Intros.

Fehlerlos geworden sind die Seiten dadurch nicht. Aber positiv ist: häufig vorkommende Fehler sind nun auf einem höheren Niveau angesiedelt. Eine kleine Geschichte von ärgerlichen Fehlern.

Fehlendes "Mission Statement"


Auch wenn das Usability-Niveau vieler Seiten enorm gestiegen ist: häufig wird eine der Grundfragen jedes Benutzers, nämlich "Wo bin ich hier und was kann ich hier tun" noch zu unklar beantwortet. Viele Firmen beispielsweise platzieren irgendeinen zweifelsohne sehr schönen Slogan am Anfang ihres Web-Auftritts, der aber leider nicht das geringste darüber aussagt, was diese Firma eigentlich treibt oder herstellt.

Wichtig: der Surfer sollte auf den ersten Blick erkennen können: Wie heißt die Firma? Was macht die Firma? Wo sind die Links zur Kontaktaufnahme und um weitere Informationen einzuholen?

Neue URLs für alte Texte


Kennen Sie das? Auf der Hauptseite stehen Anreißer, dann klickt man auf einen Link und landet beim vollständigen Artikel. Häufig sind das News oder andere aktuelle Meldungen. Viele Websites ändern aber die URL der vollständigen Artikel, sobald diese nicht mehr aktuell sind.

Bei interner Verlinkung ist das kein besonderes Problem, denn Ihr Redaktionssystem wird schon damit zurechtkommen. Aber externe Links werden so nach einiger Zeit ungültig, was wiederum andere Seiten davon abhalten wird, überhaupt Links zu setzen.

Also: einmal online gestellt, sollte eine Seite ihre URL möglichst nie mehr ändern.

Kontaktformular only


Viele Websites bieten Kontaktformulare an. Das ist gut. Schlecht ist dagegen, wenn man zur Benutzung dieser Formulare gezwungen wird: geben Sie immer auch eine normale Email-Adresse an. Viele Benutzer bevorzugen jedoch ihr gewohntes Mail-Programm.

Fotophobie - falsche Verkleinerungen


Die Unsitte, 200 KB große Bilder auf der Startseite zu platzieren, ist zum Glück praktisch verschwunden. Von Fotos erstellt man mittlerweile Thumbnails, verkleinerte Abbildungen.

Meist verkleinert man dabei aber das gesamte Bild, obwohl häufig nur ein Bildausschnitt besonders relevant wäre. In der Verkleinerung ist dieser dann gar nicht mehr zu erkennen.

Daher: verkleinern Sie nur einen Ausschnitt eines Bildes, von dem Sie ein Thumbnail erstellen wollen.



Geschwätzige ALT-Attribute


Viele Webdesigner weisen inzwischen ALT-Attribute zu, um sehbehinderten Nutzern einen Zugang zu ihrer Site zu ermöglichen. Doch manche übertreiben es dabei einfach: einer Logo-Grafik den Text "Roter MUSTER-Schriftzug auf weißem Grund, Farbverlauf im Hintergrund" zuzuweisen, ist Unsinn. Es geht darum, die Site benutzbar zu machen, nicht vorstellbar. "Logo" als ALT-Text hätte vollkommen genügt: in der Kürze liegt die Würze und Weniger ist Mehr. Um einmal den Volksmund zu bemühen.

Produktsuchen mit Überblick


Für Seiten, die etwas verkaufen wollen, ist eine gute Produktsuche essenziell. Sie soll dem Benutzer ermöglichen, sich im Produktsortiment zurechtzufinden.

Viele Suchfunktionen aber bieten dafür nicht die nötigen Hilfsmittel, bieten z.B. nur einen Überblick nach Herstellern an.

Moderne Suchfunktionen:
  • berücksichtigen die Art und Weise, wie Menschen denken: in Alternativen.


    Szenario des Auto-Herstellers: der Kunde hat ein Auto zusammenkonfiguriert. Nun, am Ende der Konfiguration, möchte er wissen, was wäre, wenn er dieses Auto mit Klimaanlage bestellen würde. Eine gute Suchfunktion ermöglicht ihm dies, ohne einen komplett neuen Wagen zusammenklicke zu müssen.


    Genauso z.B. ein Online-Reisebüro: alle Parameter sind eingegeben. Aber was, wenn ich meine Frau mitnehmen möchte?

  • ermöglichen Kriterien-Suchen: nach Farbe, Größe, Verfügbarkeit (ist dieser Artikel bis Weihnachten da?), Hersteller, Preis.

  • sind benutzerfreundlich: der Benutzer soll sich auf die Produkte konzentrieren, nicht auf die Bedienung der Suchfunktion.
Sie suchen gute Beispiele? Amazon, Ebay, Yahoo. Von den Erfolgreichen lernen, ist die Devise.

Selbstreferenzierende Seiten


Sie sind auf der Startseite und da ist trotzdem noch ein Link zur Startseite? Vermeiden Sie das, wenn es nicht zu viel Aufwand macht.

Rechthaberische Formulare


Sie haben einen seltenen Buchstaben im Nachnamen und das Formular des Versandhändlers akzeptiert Ihre Eingabe nicht? Sie geben "(01234) 5566771" als Telefonnummer ein und das Formular-Script stört sich an den Klammern?

Stellen Sie solch ein Verhalten ab. Ihr Benutzer wird schon wissen, was er da eingibt. Schließlich ist er ein denkendes menschliches Wesen. Und wenn er seine Telefonnummer so eingeben kann, wie er es für richtig hält, verbessert das sein Einkaufserlebnis. Außerdem haben Benutzer tendenziell mit zunehmendem Alter Probleme, sich überhaupt auf neue Eingabeschemata einzustellen. Durch einen prinzipiell freizügigen Eingabefilter verhindern Sie also womöglich Bestellabbrüche.

Autor: Alexander Dilthey | Erstmalig veröffentlicht: 21.07.2004 | Einen Artikel schreiben?

 

Neue Artikel

Rezension: Entwurfsmuster von Kopf bis Fuß
Rezension: Webdesign mit CSS
AJAX - XML und JavaScript in Schönheit vereint?
Rich Email - Flash im Newsletter
Screen Reader Usability
Comment Spam und CAPTCHAs
Logfile-Analyse selbst gemacht - ein Perl-Beispiel

Partnerprogramm




Kommentar

Ist die Freiheit der Informationsgesellschaft in Gefahr?
Derzeit leben wir in einer relativ freien Welt. Doch sind derzeit Tendenzen erkennbar, die Freiheit des Individuums den Interessen der Großindustrie zu opfern. Ein Kommentar.

Druckversion
Sie wollen diese Seite ausdrucken? Dafür haben wir eine spezielle Druckversion ohne grafische Elemente entwickelt!



Einführung in CSS bei HTMLWorld.