Was wird das neue Jahr 2012 der Webdesign-Branche bringen? Optisch ist alles erlaubt was einprägsam, zielführend und den Nutzer nicht verwirrend ist. Von minimal bis zu bombastischen Hintergründen ist der Fantasie keine Grenze gesetzt. Technisch ist allerdings viel in Bewegung. Hier bekommst du einen Überblick die Trends 2012.

Mobil

Der Siegeszug mobiler Internetgeräte wird noch einmal Fahrt aufnehmen. Laut Vorhersagen, bleibt nur noch ein Jahr bis schließlich mehr Menschen mit mobilen Geräten online sind als mit Desktop Computern. Schaut man auf die hohen Verkaufszahlen von Tablets und Smartphones, wird dieser Paradigmenwechsel bald zutreffen.

Für uns Webdesigner wird dieses Thema bald unumgänglich sein. Gibt es jetzt noch viele Projekte, die mit einer “normalen” Webseite auskommen, wird bald kein Weg an Anpassungsfähigen Webseiten (Stichwort Responsive) vorbei führen. Im Interesse der Kunden und noch mehr im Interesse der Nutzer. Hier bedarf es aber noch viel Überzeugungsarbeit, denn längst nicht jeder Kunde erkennt die Wichtigkeit dieses Trends.

Höhere Auflösungen

2012 sollen laut Gerüchteküche von Apple iPads und MacBooks mit Retina-Display auf den Markt kommen. Dabei ist die Auflösung so hoch, dass ein Pixel nicht mehr einem sichtbaren Bildpunkt entspricht. Wie auch schon jetzt beim iPhone 4s und anderen Smartphones müssen Bilder doppelt so groß verwendet werden, damit sie scharf dargestellt werden können. Skallierbare Grafikformate wie SVG, welches mittlerweile browserübergreifend als img-Quelle und CSS background-image unterstützt wird, kann nun öfter genutzt werden. Eingebundene Schriftarten sind ebenfalls skalierbar und werden auch herangezoomt noch scharf dargestellt.

Für normale Fotos auf Webseiten muss man sich erst einmal mit Notlösungen in Form von Abfragen per JavaScript oder PHP zufrieden geben. Die Angabe von mehreren auflösungsabhängigen Bildquellen ist beim img-Tag noch nicht vorgesehen.

Auch für eingebettete Videos gibt es erste Lösungen, damit sie problemlos in Responsive Webdesigns verwendet werden können.

Interaktive Webseiten und Animationen

Die Benutzbarkeit (Usability) von Webseiten und Webapps kann durch kleine Animationen deutlich verbessert werden. Mit Hilfe von HTML5, Canvas und CSS3 Animationen ist dies mittlerweile in allen aktuellen Browsern kein Tabu mehr. Sinnvoll eingesetzt, erleichtern Sie die Benutzung und der Zugang zu Inhalten.

Webtechnologien kurz und knapp

Erste Rauchzeichen von CSS4: CSS3 ist in Module unterteilt. Dieser Umstand macht es den Browserherstellern leicht, neue Funktionen in Form einzelner Module einzubauen. Während der IE9 auch 2012 noch viele CSS3 Module nicht unterstützt, wird beim W3C schon an den ersten CSS4 Bausteinen gefeilt.

Neue Scriptsprachen? Google stellte im Oktober 2011 eine neue Scriptsprachen für Browser vor. Dart soll langfristig eine JavaScript Alternative darstellen. Allerdings steht Google mit seinen Plänen JavaScript durch Dart zu ersetzen allein auf weiter Flur. Neben Microsoft haben auch Apple und Mozilla Google eine klare Absage erteilt.

Hoffen auf Internet Explorer 10: Auch wenn so mancher Webdesigner die Hoffnung in den IE schon längst aufgegeben hat, die Version 10 des Browsers soll dann auch mal CSS3 weitgehend unterstützen.

Fazit

Was für mich gutes Webdesign ist, ändert sich nicht. Aber: Keine gestalterische Branche ist so technologiegetrieben wie die Webdesign-Branche. Wer nicht am Ball bleibt, verpasst den Fortschritt. Nachdem schon seit vielen Jahren postuliert wird, dass Webdesign etwas ganz anderes als Printdesign ist, müssen jetzt Taten folgen. Mit Endgeräten die auf der einen Seite immer größer werden und auf der anderen Seite immer mobiler, müssen sich Webseiten ihrer Umgebung anpassen. Das sollte künftig schon beim ersten grafischen Entwurf berücksichtigt werden.

Der Online-Fragebogen enthielt insgesamt 13 Fragen, zu den Themen Wettbewerbskräfte, Trends und Marktpotentialen der Webdesign Branche. Die Fragen konnten von den Teilnehmern im Multiple-Choice-Verfahren beantwortet werden. Der Online-Fragebogen wurde über branchenspezifische Internetseiten, sowie soziale Netzwerke verteilt.

Beachtenswerte Erkenntnisse

• 66 Prozent der Teilnehmer waren Freelancer – Was darauf schließen lässt, dass die Webdesignbranche ein beliebtes Feld für Selbstständige ist.
• 69 Prozent aller Befragten gaben an, dass die Preise für Internetseiten als verhandelbar angesehen werden. Dieser hohe Verhandlungsspielraum wird auch Privatpersonen gegenüber eingeräumt.
• Die Frage 10 – ” Welchen Ersatz kann es für professionell erstellte Internetseiten aus
  Kundensicht geben?” – wurde vermutlich eher aus der eigenen Sicht statt der Kundensicht beantwortet.

An der Umfrage nahmen insgesamt 204 Personen teil.

Im Folgenden möchte ich mich bei allen Teilnehmern und den Personen bedanken, die mich bei der Durchführung der Umfrage unterstützt haben.

Bei eventuellen Fragen, Kritik oder Anregung schreiben Sie einfach eine E-Mail an marian.schellmoser@web.de

Wie im Vorfeld versprochen, stehen die Ergebnisse, für alle interessierten Personen zur Verfügung. Vielen Dank an alle Teilnehmer.

Download: Komplette Auswertung als PDF

Foto von kenteegardin

Seiten unterscheiden sich

Keine Seite gleicht einer anderen. Je nach Anforderung unterscheidet sich der Aufwand und die Komplexität für das Erstellen einer einzelnen Seite erheblich. Denke nur an den Unterschied zwischen einer Bildergalerie und einer simplen Impressumsseite. Dazu können komplexe Datenbankabfragen und andere – auch ungewöhnliche – Kundenwünsche kommen. Rechnet man hier auf Basis der Seitenanzahl ab, kann man sich schnell verrechnen oder den Aufwand falsch abschätzen.

Eine Inhaltsseite für News muss nur einmal erstellt werden, egal wie viele einzelne News schließlich auf der Webseite landen. Dagegen muss eine Produktlandeseite (Landing Page) aufwendig geplant, gestaltet und am Ende in verschiedenen Varianten erstellt werden. Auch an diesem Beispiel wird klar, wie unsinnig die Anzahl der Seiten als Grundlage für die Preisberechnung ist.

Du machst keinen Gewinn

Webseiten als Seitenpakete anzubieten, ist nicht nur ein ungenauer Weg der Preisgestaltung, du läufst auch Gefahr, keinen Gewinn zu erwirtschaften.

Wenn du Webseiten als quantifizierbare Einheiten verkaufst, positionierst du dich selbst als Webdesignsupermarkt und nicht als professioneller Webentwickler. Sobald du einen festen Preis für eine fünfseitige Internetpräsenz nennst, wirst du mit allen anderen Angeboten für fünf Seiten verglichen. Der Preis rückt dann unweigerlich in den Vordergrund und verdrängt das eigentlich wichtigere Verkaufsargument: Dein professionelles Wissen.

Festpreise werde immer von irgendjemand unterboten, deine einzige Möglichkeit mitzuhalten: Preissenkung. Einmal in der Preisspirale gefangen, hast du schlechte Vorraussetzungen um ein profitables Unternehmen aufzubauen.

Du lässt deine – womöglich jahrelange – Erfahrung außen vor und stellst dich auf eine Ebene mit allen anderen Fünfseitenangeboten da draußen.

Vergiss’ Seiten!

Als das Internet noch neu war, war die Einheit “Seite” noch sinnvoll. Webseiten waren statische HTML-Dokumente mit Text und Bildern. Heute gibt es eine unüberschaubare Flut von Inhalten und Abläufen, die sich auf einer Seite befinden oder hinter den Kulissen stattfinden können. Audio, Video, interaktive AJAX-Elemente, Abfragen dritter Dienste über APIs, Datenbanken, CMS, eingebundene soziale Netzwerke und so weiter. Eine Seite ist keine stabile Einheit mehr.

Wie berechnet man Webseiten Projekte besser?

Wenn die Anzahl der Seiten als einzige Berechnungsquelle wegfällt, müssen andere Größen herangezogen werden. Hier wird es schwierig, denn die Angabe von Zeit als Arbeitsaufwand ist ebenfalls fragwürdig. Was kann sich der Kunde schon unter zehn Stunden Design und Entwicklung vorstellen? Für den einen mag das erstaunlich wenig Zeit sein, andere empfinden zehn Stunden als maßlos viel. Ich persönlich tendiere daher zu festen Projektpreisen.

So oder so, ob du nun nach Zeit oder Projekt abrechnest, solltest du die Features hervorheben: Wenn du die Funktionen betonst, kannst du Kundenwünsche einbauen und trotzdem einen Projektpreis festlegen. Du hast dabei den Vorteil, dass dein Angebot sehr individuell ist und nicht ohne Weiteres mit jedem Billigwebdesignangebot in Konkurrenz steht.

Zusammenfassung

Verkauf dich nicht unter deinem Wert. Berechne Projekte nach dem wahren Aufwand und schätze ihn nicht einfach anhand der Seitenanzahl ein. Berechne dem Kunden individuelle Projektpreise, die dein Können berücksichtigen. Gutes Webdesign hat seinen Preis – verkauf dich nicht unter deinem Wert.

Hier geht’s direkt zur Umfrage.

Denn welche Person oder welches Unternehmen kann schon von sich behaupten, die gesamte Webdesignbranche im Überblick zu haben? Ist das überhaupt möglich, gibt es dafür etwa eine Landkarte oder eine große Branchenkarte? Diesbezüglich möchten wir Ihnen mit einer kurzen Umfrage am Ende des Beitrages zeigen, wie das gehen soll.

Die Idee einen real existierenden oder gedachten Raum kartografisch darzustellen, ist so alt wie die Menschheitsgeschichte selbst. Grundsätzlich fällt es nicht schwer, sich vorzustellen, dass man auf einer Landkarte festhalten könnte, wo sich welches Unternehmen befindet. Geht es aber darum den Wirkungskreis der einzelnen Unternehmen zusätzlich darstellen zu wollen, steht man vor der Überlegung dies beispielsweise über eine Eingrenzung zu tun, vielleicht regional? Landesweit? Weltweit?

Für wen ist das eigentlich interessant? Insbesondere sind solche Informationen für Einsteiger, die in der jeweiligen Branche Fuß fassen wollen, aber auch für bereits etablierte Unternehmen von Interesse.

Wie fängt man damit an? Kann man so etwas googeln? Grundsätzlich geht es darum einen Überblick zu erhalten und aus Sicht der Marktforschung wird für eine Marktuntersuchung zwischen zwei Methoden unterschieden, der Primärforschung und der Sekundärforschung. Bei der Sekundärforschung greift man, vereinfacht ausgedrückt, auf bereits vorhandene Informationen zurück, die aber auch schon veraltet sein können und verarbeitet diese. Für die Primärforschung werden Informationen direkt erhoben, beispielsweise durch eine Umfrage, und man erhält dadurch gezielt die benötigten Informationen.

Im Fall der Webdesignbranche stellt sich ein solches Unterfangen durchaus schwieriger und zeitaufwendiger dar. Insbesondere Branchenneulinge verfügen nicht über die nötigen Ressourcen um eine Marktforschung selber durchzuführen, oder entgeltlich zu erwerben.

Auf Basis einer nicht kommerziellen wissenschaftlichen Untersuchung wird eine anonyme Befragung durchgeführt, um ein besseres Verständnis der Webdesignbranche im deutschsprachigen Raum zu erhalten. Nach Abschluss der Befragung (4 Wochen Laufzeit) wird allen interessierten Lesern diese Informationen ausgewertet und kostenfrei zur Verfügung gestellt.

Zum beantworten der Umfrage werden lediglich 5 Minuten benötigt. Die Umfrage besteht aus 13 einzelnen Fragen, die im Multiple-Choice-Verfahren zu beantworten sind.

Im Vorfeld bedanke ich mich bereits bei allen teilnehmen Personen.

Anregungen und Fragen können ebenfalls über die Kommentarfunktion gegeben werden.

Hier geht’s direkt zur Umfrage.

In der Aktuellen Ausgabe liegt der Schwerpunkt bei Design und Usability. Die Artikel zum Titelthema passen wie die Faust auf’s Auge zum Webdesignblog:

• Erfolg durch gutes Design: Warum Design mehr ist als das Sahnehäubchen auf einem Projekt
• Webdesign-Trends: Worauf sich Webdesigner in Zukunft einstellen müssen
• Freud und Leid des Design-Crowdsourcing
• Professionelle Online-Portfolios leicht gemacht
• Onlineshop optimieren: Mit besserem Design mehr verkaufen
• Responsive Web Design: Inhalte automatisch auf verschiedene Displays anpassen
• Responsive Web Design mit TYPO3

Auf der t3n-Seite bekommst du einen Vorab-Blick auf die 25. Ausgabe. Wenn dein Interesse geweckt ist, dann nimm am Gewinnspiel teil und bekomme das Magazin gratis.

Die Gewinne

1. Preis:
Ein t3n Gratis-Jahresabo inkl. Open Source T-Shirt und 10€ iTunes Gutschein

2. und 3. Preis:
Jeweils 1 Einzelheft der aktuellen Ausgabe

So kannst du gewinnen

Du möchtest einen der drei Preise gewinnen? Dann beantworte folgende Frage in den Kommentaren. Gib bitte eine gültige Emailadresse an, damit du im Gewinnfall kontaktiert werden kannst.

Vor nicht all zu langer Zeit habe ich beschrieben was ich unter gutem Webdesign verstehe. Aber wie geht es weiter?

Was denkst du welche Webdesign-Trends in den nächsten 5 Jahren wichtig werden?

Schreib deine Einschätzung als Kommentar und du nimmst automatisch an der Auslosung teil.

Hier nochmal die genauen Regeln:

1. Kommentar mit deiner Antwort schreiben
2. Gültige Mailadresse benutzen
3. Hoffen das dein Eintrag gewinnt
4. Wer zusätzlich zu seiner Antwort noch einen Trackback auf dieses Gewinnspiel setzt, erhöht seine Gewinnchance.

Einsendeschluss ist Montag, der 5. September 2011. Die Gewinner werden am 6. September ermittelt.

Die Gewinner werden per Zufallsgenerator ermittelt. Die Emailadressen der Gewinner werden an die t3n weitergegeben und ihr bekommt euren Gewinn direkt vom Verlag. Der Rechtsweg ist wie immer ausgeschlossen.

UPDATE: Die Gewinner stehen fest

1. Robin
2. .wired
3. Josua

Herzlichen Glückwunsch!

Vielen Danke für die rege Beteiligung.