Aktuelles
Startseite
TP Wettbewerbe
Sitemap
Service
Hilfe-Forum
Kolumnen
Linktipps
Buchrezensionen
Traum-Team
Newsletter
Traumquelle
Dreamweaver
Fireworks
Photoshop
Flash
Traum-Start
gimp
GoLive
php / Apache
Sonstige
Grundlagen
Usability
CSS
Apple / Mac
3D
Intern
TP-Sponsor
TP SHOP
Bild Galerie
TP Wallpapers
Forum-Archiv
Link zu uns
Impressum
Zurück  
TP Portal > Grundlagen > Homepage - Check

Homepage - Check

Einige grundsätzliche Punkte werden von Anfängern bei der Erstellung von Homepages gerne übersehen oder immer wieder ähnliche Fehler begangen. Entspricht Deine Webseite diesen Anforderungen? eine kleine FAQ...

Diese FAQ ist für den Gebrauch im Traum_Lab bestimmt, wo die Moderatoren immer wieder auf die gleichen Probleme stossen. Natürlich sind diese Informationen mittlerweile auf vielen Seiten und in vielen Zeitschriften verfügbar, aber man kann diese Dinge nicht oft genug wiederholen. Wer also die ersten Gehversuche macht, sollte sich diese Punkte noch einmal genau durchlesen. Für Profis und erfahrende User stellen diese Punkte wohl nur Basics dar und sollten daher möglichweise als Überprüfung durchgelesen werden.

1. Bleibt die Navigation immer an der gleichen Stelle?

Einer der schlimmsten Fehler, die man begehen kann: Die Navigation ändert sich. Sei es in der Position oder gar komplett - das verwirrt den Besucher unnötig und treibt ihn in seiner Verwirrung womöglich zum letzten aller Wünsche: Er klickt weg.

Also: Die Navigation ist auf der ersten Seite Deiner Homepage rechts? Dann soll sie dort auch bleiben! Ist sie oben? Lass sie oben!... Deine Navigationspunkte erweitern sich bei Klick auf ein bestimmtes Thema? Gut, dann rück sie ein, aber bitte lass auf jeden Fall und unter allen Umständen die bereits bestehenden Punkte weiterhin bestehen! tooltipp

Eine andere Möglichkeit wäre es, eine zusätzliche Top-Navigation mit den erweiterten Punkten hinzuzufügen. tooltipp

2. Wie sieht Deine Seite in Netscape aus?

Schließ die anderen nicht aus, sondern versuche, alle an Deinem schönen Design teilhaben zu lassen. Netscape 4.7 nutzen laut Webhits immerhin noch rund 15 %, und das sind doch eine ganze Menge. Viele beachten auch die Opera-User und gar die Mac-User (zumindest in der Post-schmobi-Aera :D ) - das kann anstrengend werden, lohnt sich aber! Solltest Du beim Anblick Deiner Seite in einem der o.g. Browsern verzweifeln: Gräme Dich nicht! Für alles gibt es eine Lösung...

3. Ist Deine Homepage optimiert für die Auflösung 800 x 600?

Viele halten dies nicht mehr für nötig, weil der Standard inzwischen 1024 x 768 sei, aber immerhin sind es laut Webhits noch 20 %, die in 800 x 600 surfen. Diese User sollte man nicht außer Acht lassen! Ob alle User dann noch mit maximiertem Browserfenster unterwegs sind, oder mit oder ohne eingeblendeter Favoritenleiste, verraten die Statistiken uns nicht. Dadurch sind weitere x % User < 1024 Auflösung. tooltipp

4. Wie viele Schriftarten benutzt Du auf Deiner Seite? Und welche?

Ratsam ist es, nie mehr als zwei Schriftarten zu benutzen. Mehr als zwei wirken immer sehr unaufgeräumt, unfertig und unprofessionell. Und bitte: Kein Times New Roman; diese Schrift ist im Web sehr schlecht zu lesen, wie im übrigen alle Serifen-Schriftarten. Empfehlenswert sind Arial und Verdana - letztere ist sogar fürs Web entwickelt worden und insofern wohl am besten geeignet.

Also: Bei zwei Schriftarten empfiehlt sich z.B. die Schriftart die etwa im Logo verwendet wird (hier aber darauf achten, dass Graphiken benutzt werden, weil nur folgende Schriftarten standardmäßig auf allen Rechnern installiert sind: Arial, Times, Verdana, Courier) und als Fließtext am besten Arial / Verdana.

5. Kommt man auf Deiner Seite jederzeit wieder auf die Startseite zurück?

Manchmal wird vergessen, dass eine Internetseite nicht viel anders ist als beispielsweise ein Broschüre. Bei dieser geht man manchmal auch wieder zur ersten Seite zurück, um dann noch mal ganz von vorne alles durchzublättern - erst recht, wenn man irgendwann zwischendrin den Überblick verloren hat.

Also: Einfachste und akzeptierte / bekannte Methode ist das Logo zu verlinken. Natürlich ist ein "Home"-Link oder -Button auch nie verkehrt.

6. Du hast Deine Links mit Unterstrichen gekennzeichnet?

Wenn dem so ist, dann sollen auch ausschließlich Links unterstrichen sein! Eigentlich sollten sogar ausschließlich Links unterstrichen sein, weil dieser Standard sich eingebürgert hat.

Also: Solltest Du Überschriften o.ä. hervorheben wollen, dann realisiere dies besser mit Farben / Schriftgrößen / Fettungen, weil sonst Verwechslungsgefahr besteht! tooltipp

7. Du bist noch nicht ganz zufrieden mit Deiner Farbkombination?

Ist Dir alles ein bisschen zu bunt oder irgendwie passen die Farben nicht so recht? Da hilft Dir Metacolor oder der Colorschemer (funktioniert nur im IE!) wunderbar weiter... ;)

8. Du liebst animierte Gifs? Bunte Farben? Technische Spielereien?

Dann halt Dich besser zurück... :( Denn Regel ist: Alles was sich bewegt wird angeschaut. Wenn sich also viel bewegt, muss der Betrachter hin und her schauen, dass ihm ganz schwummrig wird. Gleiches gilt für Farben: Sie sollten unterstützend wirken, nicht aber erschlagen. Frisch erlernte Spielereien (z.B. Marquees, sich bewegende Layer, Mausverfolger etc.) machen vielleicht hie und da mal Spaß und vielleicht sogar Sinn, sollten aber wirklich nur selten angewendet werden. Nicht nur weil es ablenkt (s.o.), sondern weil es auch die Ladezeiten erhöht... Wenn Du Dir die volle Packung schlechter Beispiele geben willst, dann schau doch mal auf der Müllseite nach, da wird Dir ganz anders...

9. Hast Du an Deine Meta-Tags gedacht?

Bevor ich hier lang und breit aufschreibe, was es damit auf sich hat und wie sie am besten vergeben werden, setze ich lieber einfach einen Link zu searchcode, die das alles schon erledigt haben... ;) Nur noch ein Extra-Hinweis am Rande: Gerne vergessen wird der Title-Tag - gib dem Kind einen Namen...

10. Du fragst Dich wie die Ladezeiten sind?

Da verweise ich Dich zunächst einmal auf Webmasterplan - die errechnen Deine theoretische Ladezeit und allerlei andere nützliche Dinge noch dazu. Allerdings ist es nie verkehrt, die Seite noch mal von "echten" Usern testen zu lassen - das ist doch immer noch am zuverlässigsten... ;) Übrigens, falls Ihr wissen wollt, was es mit den Bildformaten auf sich hat, dann schaut doch mal in das passende Tutorial rein...

 

Autor: (ch)

Abbildungen

Abbildung 1 - klare Navigation - links

Abbildung 1 - klare Navigation - links

Abbildung 2 - zusätzliche Top-Navigation

Abbildung 2 - zusätzliche Top-Navigation

Abbildung 3 - Scrollen von rechts nach links ist wirklich hässlich..

Abbildung 3 - Scrollen von rechts nach links ist wirklich hässlich..

Abbildung 4 - fein sauber unterstrichen

Abbildung 4 - fein sauber unterstrichen

Buchrezension

Coverimage
AJAX Hacks
Dynamische Webseiten mit AJAX programmieren - dieses Handbuch bietet einen praktischen Einblick.
[mehr]
Gimahhot - Shopping
TP-Partner
Sprachreise London
Webmasterpro
Computerhilfen
Computerhilfen
Eventagentur Hamburg
it-rechtsinfo.de
Designguide
Getreidemühlen
sk-typo3
Kochkurs Berlin
Maandiko.de
d. Webdesigner
PSD Tutorials
Medizin
Handy Forum

Hier könnte Ihre Werbung stehen

 >> INFO << 

\ Startseite | Forum | Impressum | nach oben | Seite zurück /