Skip to main content

Barrierearm Corporate Design Flat Design

Webdesign Barrierefrei
Barrierefreie Webauftritte
Statische Websites

Corporate Design & schlankes Stylesheet

Webauftritt individuell oder Standard?

Content-Management-System

Die meisten Webagenturen arbeiten mit CMS, denn sie sparen sich so den Aufwand für das Entwickeln und Implementieren neuer Webauftritte. Bei Weblogs oder umfangreichen Websites, die mehrere Webredakteure bearbeiten und betreuen, ist das durchaus sinnvoll.

Statische Webauftritte mit bis etwa 30 Seiten brauchen weniger Aufwand gegenüber CMS-basierten Websites. Der Webdesigner betreut selbst die Webseiten nach Bedarf sowohl inhaltlich und technisch inklusive SEO.

Flat Design oder klassisch?

Mit meinem Knowhow programmiere ich alle Websites auch gern im modernen Nearly-Flat-Design. Das Layout passt alle Webseiten an die Breite des Browserfensters an und nutzt optimal den verfügbaren Platz. Flat-Design ist eine ideale Basis für responsives Webdesign.

Mit Responsive Webdesign sind Webseiten auf allen Endgeräten einschließlich mobiler Geräte benutzerfreundlich. Das betrifft die Darstellung der Webseiten ebenso wie intuitive Navigation und interaktive Elemente.


Das Corporate Design einer Firma enthält unter anderem den Internetauftritt des Unternehmens. Eine Website für ein Unternehmen orientiert sich meist schon an dessen vorhandenem Corporate Design. Das betrifft beispielsweise die Farbgebung des Logos oder den Schrifttyp im Werbe-Material wie Broschüren, Anzeigen, Flyer oder Pressemitteilungen.

Admin

Animationen, Corporate Design und Flat Design

Kritiker glauben, eine Website mit Flat Design verliert ihren eigenen Charakter. Doch progressive Webdesigner teilen nicht diese Meinung. Sie entwickeln dem Corporate Design der Firma angepasste Webauftritte. Die Seiten sind zugleich attraktiv, innovativ, nutzerfreundlich und barrierefrei. Zeitgemäße Websites müssen auf Geschwindigkeit optimiert sein. Deshalb muss Webdesign die Geschwindigkeit schon während der Entwicklung priorisieren. Webdesigner können nicht erwarten, dass der Entwickler ihr Ergebnis erst nachträglich zu einer schnellen Website umwandelt.

Page Speed muss bereits zu Beginn ein unverzichtbarer Design-Parameter sein. Sinnvolle Mikroanimationen sind eine effiziente Methode, auf der Website intuitive und erfolgreiche Aktionen bereit zu stellen. Kleine Animationen helfen dem Benutzer, bestimmte Seitenfunktionen zu verstehen und zu prüfen, indem er über ein Element mit der Maus fährt oder daauf klickt. Den meisten Benutzer sind Mikroanimationen so vertraut, dass es ihnen unverständlich ist, sie nicht zu vorzufinden.
Fazit: Das Design ist der Funktion untergeordnet, aber auf keinen Fall vernachlässigbar.

Layout individuell flexibel immer zeitgemäß

Ich entwickle statische Webauftritte mit selbst codierten Quelltexten. Das sind Stylesheet-Dateien in CSS3 und schlanke HTML-Seiten in HTML5 inklusive PHP-Scripte.
Statische Webseiten brauchen keine Datenbank und sind deshalb unschlagbar schnell und sicher.
Ein einfacher Programmeditor (zum Beispiel Notepad 2) reicht aus, um mit schlanken Quelltexten die gesamte Website zu entwickeln.

Barrierearm Websites für alle

Webauftritte barrierefrei/barrierearm

Barrierefreiheit und Usability ergänzen sich. Barrierefreiheit bedeutet, dass die Webseiten von allen (oder möglichst vielen) Usern zugänglich und benutzbar sind. Das gilt vor allem für Menschen mit eingeschränkten Fähigkeiten.

Blinde Nutzer wie auch die Suchmaschinen verarbeiten den Seiten-Inhalt als reinen Text. Die visuelle Gestaltung geht dabei komplett verloren. Inhalte von Webseiten wollen sie daher auch ohne CSS, JavaScript und Bilder verstehen.

Browserkompatibilität

Die Webauftritte sind sorgfältig getestet und funktionieren in allen modernen Browsern. Ob Firefox, Chrome, Safari, Opera oder Edge - jede Webseite funktioniert mit allen Browsern optimal.

Conditional Comments (Browserweichen) sind HTML-Kommentare, die nur ältere Internet Explorer interpretieren. Sie enthalten Stylesheet-Angaben im Head-Bereich der Webseite, die nur für IE5 bis IE9 bestimmt sind. Die Nutzung von Browserweichen sollte das allerletzte Mittel bei der technischen Umsetzung des Webdesigns sein. Es gibt alternative Methoden für diese (veralteten) Browser.

Videos auf Webseiten

Videos sind seit HTML5 problemlos mit dem Video-Tag einzubinden. Überdies sind Videos damit auch offline abspielbar. Schließlich sind Videos leichter als reine Textbeiträge passiv zu konsumieren.

Auf eigenem Webspace bringen Videos allerdings auch technische Nachteile. So muss das Format von allen Geräten angezeigt werden. Auch der Server muss so leistungsfähig sein, dass er Videos vielen Nutzern gleichzeitig zur Verfügung stellen kann.

Ohne CMS und Datenbank

Statische Seiten liegen fertig auf dem Webserver vor und müssen nicht erst aus der Datenbank abgerufen werden. Die Seiten weisen deshalb eine deutlich höhere Geschwindigkeit für den Besucher auf.

Weitere Vorteile: Statische Webauftritte sind preiswert und nahezu unbegrenzt flexibel zugestalten. Statische Webseiten sind am sichersten, denn sie bieten keine Angriffsfläche gegen Hacker.

Webseiten in PHP sind ebenso sicher. Der Parser arbeitet auf dem Server im Quelltext befindliche PHP-Anweisungen ab. Dann ersetzt er diese durch normales HTML und sendet den HTML-Code zurück zum Browser.

Vorteile: Neben den Vorteilen statischer Webseiten sind komplexe Funktionen wie Kontaktformulare und Rechentools möglich. Damit sind nutzerfreundliche Interaktionen auch mit statischen Webseite ohne Einschränkung möglich.