webdesign: k.i.s.s. - keep it silly simple
mach es blödsinnig einfach ist der beste und wichtigste rat, den dir irgendwer zum thema webdesign geben kann.
wenn man wie ich ein hobbygraphiker ist, verliebt in die eigenen schöpfungen, ist dieser rat schwer zu befolgen. es hat mich viel Überwindung gekostet alle unnötigen graphiken rauszuschmeissen, aber ganz ohne wollte ich doch nicht auskommen.du sehen hier den kompromiß, den ich mit mir mir selbst getroffen habe. wenn du die großen, vielbesuchten seiten anschauen, wirst du feststellen, daß diese alle sehr einfach gestaltet sind und das sicher mit guten grund.
einige weitere wichtige tipps:
tipp nr 1 - inhalt ist könig!
das ist eigentlich kein (grafik)-design tipp, aber wenn wir design im weitesten sinne verstehen, dann ist das der wichtigste design-tipp von allen. inhalt ist gleich information. wenn du selbst im netz surfst, willst du nicht nur ein paar schöne bilder, oder ein paar tolle effekte sehen, sondern normalerweise informationen zu dem thema, das ich interessiert. du interessierst dich für nasenringe ? dann bist du nicht nur an der liste der verfügbaren modelle interessiert, sondern auch an der geschichte der nasenringe, an nützlichen tipps zur wartung, an quellen für gebrauchte nasenringe, vielleicht eine anweisung wie du dir selbst einen (einfachen) nasenring herstellen könntest und so weiter. die seite, wo du das meiste über ihr lieblingsthema finden, wirst du in deine favoritenliste aufnehmen und öfter besuchen. das willst du sicher auch für deine site erreichen, odrr ? die suchmaschinen bevorzugen seiten mit inhalt. eine seite nur mit bildern, hat kaum eine chance auf einen vorderen platz in den suchergebnissen. wer gibt schon einen link zu einer seite, die keine inhalte bietet ? und links von anderen seiten sind das wichtigste marketinginstrument im internet.
tipp nr. 2 - schlanke seiten
kiss… (siehe oben) du kannst die schönste seite der welt haben, mit einem inhalt der nobelpreisverdächtig ist, wenn die seite endlos braucht um geladen zu werden, wird sie niemand sehen. die meisten leute brechen ab, wenn deine seite nicht innerhalb von höchstens 20 sekunden geladen ist. und alle die werden nie erfahren, was sie versäumt haben. sie klicken sich zur nächsten seite, die schneller lädt (und auch nicht so schlecht ist). niemanden interesdurt, daß du an der supercoolen grafik (die alleine 30 sekunden zum laden braucht) einen halben tag gearbeitet hast. also eine seite ganz ohne grafik ? nein sicher nicht, aber sparsamst. besonders die startseite, sollte nicht stärker als 60 kb sein, je schlanker desto besser. auf jeden fall minimiere die größe deiner graphiken. es ist erstaunlich wie sehr du deine grafik ohne qualitätsverlust verkleinern kannst.
tipp nr. 3 - hintergrund- und textfarbe
stell dir vor einen ganzen artikel lesen zu müssen, der mit grauer farbe auf schwarzen hintergrund geschrieben ist. und wenn du schon einen gemusterten hintergrund verwenden willst, dann einen hellen nur mit leichtem muster. viele experten meinen nur schwarzer text auf weißem grunde käme in frage. dieser meinung bin ich nicht. ein wenig individualismus sollte schon gestattet sein. ich finde sogar, daß etwas weniger kontrast zwischen text und hintergrund die augen eher schont, aber das ist nur meine persönliche meinung. textlinks sollten in einer anderen farbe gehalten sein als der übrige text, damit man du auch als solche erkennt, wenn sie nicht unterstrichen sind. wenn du schon unbedingt einen gemusterten dunklen hintergrund verwenden willst, dann vergiss nicht auch eine dunkle hintergrundfarbe einzustellen. damit bleibt der helle text auch lesbar, wenn jemand bei seinen browser die bildwiedergabe ausgeschaltet hat. helle schrift auf dunklem hintergrund finden viele (besonders amateure) cool, oder wie man so sagt. ich finde es furchtbar. auf vielen seiten ist der text nahezu unleserlich, also wozu überhaupt was hinschreiben ? verwende auf einer seite möglicht nur eine schrifttype, höchstens 3 schriftgrößen und höchstens 2 textfarben. mach kurze absätze, mit viel zwischenräumen. ein text, in einer wurscht herunter geschrieben, ist schwer zu lesen.
tipp nr. 4 - farbe
auch hier wieder: weniger ist mehr ! die farben des hintergrundes, der graphiken und des textes sollten aufeinander abgestimmt sein. giftgrün auf pink ist sicher nicht jedermanns sache, aber das ist auch geschmackssache.
tipp nr. 5 - animierte grafik
wenn du auf deiner seite einen intelligenten text hast, solltest du deine besucher nicht durch unmengen wild blinkender grafiken davon ablenken. eine animation pro seite ist schon fast zuviel und wenn du banner auf deine seite packst, dann hast du sowieso schon genug unruhe. überlasse die blinkerei den seiten wo sie vielleicht hinpassen. auf einer auch nur entfernt geschäftlichen seite haben sie nichts verloren. das gilt auch für flash, an sich eine tolle sache, nur wird es total übertrieben. eine intro die 2 minuten zum laden braucht und keine möglichkeit bietet sie zu überspringen, wird wohl wenig freunde gewinnen, so toll kann sie gar nicht sein. ein fantastisches instrument für jeden kundenabwehrdienst!
tipp nr. 6 - rahmen
ich persönlich mag rahmen nicht und es freut mich, daß die meisten experten meiner meinung sind. wozu sollen die gut sein ? sie sind häßlich und nichts was sie können, etwa leichtere navigation zu ermöglichen, kann nicht durch eine einfache seite auch erreicht werden. außerdem können viele roboter der suchmaschinen nicht richtig damit umgehen. wenn du bei deiner site rahmen (frames) verwenden, mußt du noch einiges zusätzlich beachten. wenn möglich gestalte die homepage ohne frames und verlink erst dann auf das (die) frameset(s). unbedingt solltest du bei jedem frameset den “noframe”-bereich gestalten und wie jede andere seite behandeln (metatags, text, links). wenn eine einzelne seite (nach listung in einer suchmaschine, oder deiner lokalen suchmaschine) aufgerufen wird erscheint sie ohne das entsprechende frameset und daher ohne die dort befindliche navigation. dem kannst du mit einem javascript abhelfen, welches dann automatisch das entsprechende frameset nachlädt.
doch noch ein design-tipp: optimiere deine framesets unbedingt für auflösung 800×600. nichts ist häßlicher als eine seite mit mehreren scrollbalken kreuz und quer, wenn auf eine höhere auflösung optimiert wird. und immer noch sind ca. 40% aller surfer mit einer auflösung 800×600 unterwegs!
tipp nr. 7 - unfertige seiten
eines der unnötigsten animierten gifs ist das „under construction”. wenn eine seite nicht fertig ist, dann hat sie nichts auf deinem server verloren. ein besucher, der auf deine seite kommt und sieht, daß sie nicht fertig ist, kommt wahrscheinlich nicht wieder. andererseits ist eine gute seite nie fertig, weil es immer etwas geben wird, das man ändern will, neues dazu, überholtes weggeben wird, aber das ist ja was anderes.
tipp nr. 8 - hintergrundmusik
wenn ich im internet herumsurfe, dann spiele ich in meinem computer ein paar von meinen lieblings-cds und es war mir immer ein ärgernis, wenn plötzlich eine seite ungefragt deine musik eingeblendet hat. jedenfalls solltest du deinen besuchern die möglichkeit geben die musik auszuschalten.
tipp nr. 9 - durchgehender stil
es erleichtert die navigation und ergibt ein geschlossenes bild deiner seiten, wenn alle gleich aussehen und die wichtigen links bei jeder seite auf der gleichen stelle sind. mach es deinen besuchern so leicht wie möglich, dann kommen du auch wieder.
tipp nr. 10 - browser/auflösung - neutral
gestalte deine seiten so, daß sie mit jedem browser und mit jeder bildschirmauflösung ordentlich dargestellt werden. derzeit verwenden ca. 85% den ms-explorer, 40% auflösung 800×600, 60% 1024×768, doch vielleicht sind ein paar wichtige besucher auch anders unterwegs. am besten optimierst du für 800×600, verwenden nur ca 90% (~720px) der bildschirmbreite und stellen die seite in die mitte. im übrigen sollte der text nicht über die ganze seite gehen, weil ein zu breiter text schwerer zu lesen ist. es ist anstrengend, wenn die augen sich den langen textzeilen entlanghangeln müssen. eine zeile sollte mit möglich nur einem blick erfaßt werden können.
tipp nr. 11 - suchmaschinen-tauglichkeit
im weitesten sinne gehört auch die interne gestaltung deiner seiten zum design. gewisse regeln müssen eingehalten werden, damit auch nur eine chance besteht, daß deine site von den suchmaschinen gefunden wird und an vorderer stelle in den ergebnislisten landet. lies dazu hier ein paar tipps.
tipp nr. 12 - surfen
surfe wie verrückt ! sammel anregungen, aber kopiere nicht. lerne von anderen, aber versuche deinen eigenen stil zu finden.
soweit meine bescheidenen tipps, vielleicht hat der eine oder der andere dir geholfen, jedenfalls viel spaß jetzt bei der gestaltung deiner seiten.
ein paar tipps wie man mit einfachen mitteln (html, css) ganz nette effekte erzielen kann finden du hier.
