Webdesign – erfolgreiche Webgestaltung

Was bei einer Webseite beachten?

Wichtig im Webdesign

Logo 3S+WebDesign

3 einfache Regeln f?r Webdesign

Schnell & Sauber ist gut.
Das Design dient der Nutzbarkeit.
Gute Inhalte erzeugen – Kunden ?berzeugen!

Bild von Nils Wiederer, der Autor und Betreiber von 3S+WebDesign. Freundlich l?chelnder Mann Mitte Drei?ig mit Brille, braunem Vollbart und braunem mittellangen Haaren, der vor einem B?cherregal sitzt.
Nils Wiederer von 3S+WebDesign.

Wenn es um die Erstellung von Webseiten geht:

Kunden entscheiden in weniger als zehn Sekunden dar?ber, ob eine Internetseite Ihnen das gesuchte Ergebnis bieten kann oder nicht. Die Landingpage oder Startseite sollte in erster Linie wie eine Antwort aussehen. Nicht wie Eigenwerbung.



HTML ist die Abk?rzung f?r Hyper Text Markup Language. Es ist eine sogenannte Auszeichnungssprache. Nicht zu verwechseln mit einer Programiersprache. Genaueres dazu findet sich im Glossar und auf Wikipedia. Einfach erkl?rt: HTML ist das Grundger?st der Webseite. Quasi der K?rper.

Die Abk?rzung steht f?r Cascading Style Sheets. Auf Webseiten ist CSS der Grund, warum zum Beispiel ?berschriften farbig sind, einfach ausgedr?ckt. Dabei ist CSS keine eigenst?ndige Programmiersprache, da CSS ein HTML Dokument ben?tigt, auf welches es angewendet werden kann.

Mit CSS k?mmert man sich im Webdesign um das Optische. So kann man sowohl Seitenlayouts als auch einzelne Bereiche optisch anpassen. Hier flie?en HTML und CSS zusammen.

Wieder einfach erkl?rt: CSS Definiert am K?rper, welche Hautfarbe, die Farbe und Form die Augenbrauen haben sollen. Als wie der K?rper definiert ist.

Java Script ist eine Programmiersprache und im Web der Grund, warum sich auf Webseiten Dinge „tun“. Mittels Javascript werden Elemente bewegt, verschwinden Elemente, werden diese erg?nzt etc. Gutes Webdesign nutzt Javascript, um dem Besucher zu vermitteln welche Punkte der Webseite interagierbar sind. Hier in einem sp?teren Artikel erkl?re ich, warum Java Script keine Einladung zu Powerpoint ?hnlichen Webseiten ist.



Puzzleteile einer Webseite
Puzzleteile einer Webseite


Eine nutzerfreundliche Oberfl?che, die einfach und intuitiv bedienbar ist oder eine simple logische Bedienbarkeit offeriert.
Denn schwierig zu bedienende Seiten frustrieren. Unbekannte Men?f?hrungen oder ein abstrakter Aufbau sorgen f?r Abbr?che.

F?r eine gute Website gilt:
Sch?n ist nicht immer praktisch und ein allgemein bekannter Aufbau funktioniert besser als ein super stylisches Design. Auch wenn es Ihre Internetpr?senz ist, die Webseite soll funktionieren. Und nicht alles was funktioniert gef?llt. Umkehrt gilt: nicht alles was sch?n ist, funktioniert auch.

Wie kommen Besucher auf Ihre Seite? Die meisten kommen ?ber die Suchmaschine Google oder ?ber Google Ads. Eine Webseite f?r Google optimieren bringt die relevante Zielgruppe auf Ihre Homepage. Denn Google ist der Big Player und m?chte seinen Kunden die richtigen Informationen anbieten. Genauere Informationen zu diesem Thema unter SEO-Suchmaschinenoptimierung!

Der Fachbegriff f?r: ??berlegen Sie sich vorher wie die Besucher Ihre Seite benutzen und wie Sie sich durch die Seite bewegen sollen?. Ein guter Webdesigner planen mit Ihnen oder f?r Sie. Zum Beispiel, wie sich Ihre Besucher auf der Seite verhalten sollten und die Seite nutzen.

Die eigene Internetseite sollte eine klare Zielsetzung haben. Ziele, werden nach dem SMART-Prinzip formuliert. Dieses Prinzip eignet sich gut f?r Projekte im Online Bereich und schafft Klarheit. Dieser Punkt flie?t in die vorher genannten Punkte ein und beeinflusst diese.

Eine Website, die so erstellt wurde, damit ihre Darstellung auf verschiedenen Endger?te m?glich ist. Das versteht man unter Responsive Design. Mittlerweile hat das Smartphone den Desktop Pc als Internetmedium abgel?st, daher sollte klar sein, dass Ihre Seite ?ber Handy und Tablet ebenfalls gut bedienbar sein sollte.

Weitere Punkte f?r gutes Webdesign ist eine barrierefreie Website. Was sich zum Beispiel mit dem Verwenden von Alt-Tag umsetzen l?sst und einer passenden Bildersprache mit Bildern, die f?r Ladezeiten optimiert wurden!



Eine Webseite ist keine Selbstdarstellungsplattform, kein Animationsfeuerwerk oder eine Art Tunnel. Nat?rlich gibt es Seiten, die so aufgebaut sind. Die meisten besucht man einmal und danach nie wieder. Warum auch? Selbstdarstellungen bringen Sie nicht weiter und dem Besucher schon mal gar nichts.

Animationen via Java Script dienen in der professionellen Gestaltung dazu, dem Nutzer zu verstehen zu geben mit welchen Punkten der Webseite Er oder Sie interagieren kann. Eine Webseite ist keine Power Point Pr?sentation. Interessanterweise vergleicht Microsoft eine solche Pr?sentation mit einer Diashow, wie einige f?lschlicherweise zu meinen scheinen. Animationen sind gut und sch?n, Sie d?rfen aber nicht fehlenden Inhalt ersetzen.

Tunnelseiten (Link zum Glossar) erf?llen in gewisser Weise einen Zweck, sind aber f?r den Nutzer nicht zwangsl?ufig sinnvoll, weil nicht das Ende der Reise.

Fazit


Verschiedene Punkte machen eine gute Webseite aus. Gutes Design ist einer der Punkte. Wenn Nutzer sofort (intuitiv) verstehen, wie sie mit der Seite umzugehen haben, was Sie machen k?nnen und wo sie etwas finden. Das ist gutes Design. Es geht dabei um Funktion, Handlung und Ort.

Ferner spielt es eine Rolle wie schnell eine Webseite Ihre Inhalte bereitstellen kann (Ladezeiten).

Auch ist es wichtig, wie gut sich Inhalte konsumieren lassen und ob der Umfang dem Thema entspricht.



Webdesign ist vielschichtig und muss auf vielen Ebenen ansprechen
Webdesign ist vielschichtig und muss auf vielen Ebenen ansprechen

Ich selbst erstelle prim?r Webseiten mit WordPress, verf?ge aber auch ?ber Erfahrung mit anderen CMS Systemen. WordPress spricht mich besonders durch seine vielf?ltigen Plugins und Themes an. Auch kann ich die Webseite nach der Erstellung und einer entsprechenden Schulung meinen Kunden ?bergeben. Und die Optimierung einer WordPress-Seite gestaltet sich einfacher, da der Code „standardisiert“ ist und man sich so nicht extra in eine Eigenkreation einarbeiten muss.

Eine vom Fachmann erstellte Homepage kostet Geld und ben?tigt Zeit. Die oben genannten Punkte m?ssen bei der Erstellung beachtet werden und dazu kommen weitere Faktoren, wie zum Beispiel geltendes Recht, Suchmaschinenoptimierung, Linkmanagement, dass es zu beachten gilt. Auch die Texterstellung f?r eine Website ist zeitaufw?ndig. Pauschal l?sst sich aber nicht sagen, wieviel eine komplette Internetseite kostet, da die Kosten mit dem Aufwand verbunden sind.
Eine Webseite erstellen lassen ist immer abh?ngig von der Zielvorgabe und dem Umfang. Klicken Sie auf den unten angezeigten Button und erfahren Sie auf der n?chsten Seite warum eine professionell erstellte Webseite ihr Geld wert ist!

Ein Content-Management-System, abgek?rzt CMS, ist eine Software, mit der Systeme, meist Webseiten erstellt, verwaltet und bearbeitet werden. Fr?her wurden Internetseiten manuell mit HTML (Was ist HTML?) programmiert. Heutzutage werden die meisten Seiten im Internet ?ber das g?ngige CMS WordPress erstellt und betreut.

Der Vorteil von CMS Systemen ist, das selbst Laien und Einsteiger Webseiten erstellen k?nnen, was nat?rlich auch den Nachteil bietet, dass manche Dienstleister nicht ?ber ausreichend Programmierungskenntnisse verf?gen.

Meine pers?nliche Empfehlung f?r Kunden ist ein CMS. Die Vorteile sind meiner Meinung nach:

  • Dienstleisterwechsel ist leichter.
  • Systeme lassen sich flexibler nutzen.
  • Webseiten sind durch ein Backend leichter zu nutzen.

Wer nicht wei?, wohin er will, der darf sich nicht wundern, wenn er ganz woanders ankommt.“

Mark_Twain




Was kostet eine Stunde Webdesign?

Webdesigner verlangen einen Stundensatz ab 40 bis 80 ? und mehr die Stunde. Durchschnittlich wird ein Webdesigner mit 60,00 ? die Stunde kalkulieren.

Was macht gutes Webdesign aus?

Gutes Webdesign hei?t sauber arbeiten.
Gutes Aussehen allein reicht nicht, wenn es um Webdesign geht. Ein gutes Webdesign muss nicht ?sthetisch ansprechend sein. Technisch sauber, f?r Nutzer gut anwendbar und schnelle Ladezeiten sind ebenfalls wichtig.

Nach oben scrollen