Webdesign-Trends. Digital News KW 18 Stand: April 2013

Transkript

1 Webdesign-Trends Digital News KW 18 Stand: April 2013

2 Webdesign-Trends 2013 Das Jahr 2013 ist in vollem Gange und es ist eine gute Zeit, den Blick auf Webdesign-Trends zu werfen die sich zwar nicht an Jahren festhalten, aber trotzdem vorhanden sind. Viele Trendhinweise aus dem Jahr 2012 haben sich bewahrheitet und wir haben eine Vielzahl großer Header und farbenfrohe Vintageseiten gesehen. Ebenso hat der Einsatz von Typografie Einzug in unsere Browser gehalten. Webdesign ist sehr anspruchsvoll geworden, da eine vierte Dimension dazugekommen ist: Bewegung. Damit sind keine Flash-Filmchen gemeint, sondern User Experience für Schaltflächen, Formularvalidierungen oder Navigationen. Mit anderen Worten: Sehr subtile Effekte, die den User beim Bedienen des Interface unterstützen. Dies wird 2013 noch viel mehr zu sehen sein. Auf den folgenden Seiten nun ein paar Beispiele der Trends, die in diesem Jahr noch stärker in den Vordergrund treten werden. Webdesign Trends

3 Supersized und One-Page Seiten Dieser Trend zeigt sich bei Kampagnen Webseiten für einzelne Produkte, Locations und kleinen Unternehmen. Die Startseite besteht aus einem supersized fullscreen Hintergrundbild und Headline, dass die Kernbotschaft der Seite emotional transportiert. Es kann sowohl in einer One-Page Seite verwendet werden - aber auch der Einsatz in Webseiten mit Unterseiten ist geeignet. Der große Vorteil bei dieser Technologie besteht in dem eingebauten responsive Effekt. Die Kombination von hochwertigen Bildern und moderner Technologie, die das Bild genau auf die Größe des Bildschirms anpasst, erzeugt attraktive Webseiten mit solider Usability. Hier ein paar Beispiele: Escape Flight / Flüge buchen Eden Made iphone Case Webseite Jardan Manufaktur Website Webdesign Trends

4 Responsive Design Überall und jederzeit mobil online sein zu können, ist für viele Nutzer mittlerweile eine Selbstverständlichkeit. Deshalb wenden bereits viele Webseiten Responsive Design an und machen so das Anbieten einer eigens entwickelten Mobile-App überflüssig. Die Vorteile liegen klar auf der Hand: Die Seite passt sich automatisch an die Größe des Displays des mobilen Endgeräts an. Design und Charakter der Seite bleiben weitestgehend erhalten. So muss sich der Besucher, der die Desktop-Variante kennt, auf der geschrumpften Variante nicht erst komplett neu orientieren. Denn durch die adaptive Anpassung der Bildschirmdarstellung werden die Elemente auf der Website lediglich anders angeordnet. Aus einem dreispaltigen Layout auf dem Desktop wird auf dem Smartphone nur noch eine Spalte. Digital Atelier Forefathers Evoke Webdesign Trends

5 Flat Design Minimalismus geht auch farbig, zumindest mit Farbspritzern. Schwarz-weiß ist langweilig geworden. Mit Farben können Nutzer wunderbar geleitet werden. Der Designtrend Flat Design schafft es, dass sich wieder verstärkt auf das Wesentliche konzentriert wird. Wurden durch zu viele Gestaltungselemente oftmals wichtige Elemente in den Hintergrund gedrängt, so haben diese wieder Luft zum Atmen und können ihr volles Potenzial entfalten Webdesign Trends

6 Parallax Scrolling Effekte Was sich bereits letztes Jahr abgezeichnet hat, wird uns 2013 noch öfters über den Weg laufen. Die Rede ist von Parallax Scrolling. Jene Technik, bei der sich verschiedene Ebenen in unterschiedlichen Geschwindigkeiten bewegen, wenn man über die Webseite scrollt. Der dabei entstehende 3D-Effekt verleiht der Seite Tiefe und lädt den Besucher der Seite zum Verweilen ein. Webdesign Trends

7 Platz ausnutzen Responsive Design ist Standard geworden und kann kein Trend genannt werden. Mehr und mehr werden die Bildschirme mittlerweile auch voll ausgefüllt - nicht nur mit Hintergrundbildern und Slidern. Dies eignet sich allerdings nicht für jede Website. Auf Usability (insbesondere Text-Lesbarkeit) muss geachtet werden. Webdesign Trends

8 Call 2 Action Call 2 Action ist ein unschöner Marketingbegriff, der in Webseiten sehr wichtig geworden ist und sich 2013 noch verstärken wird. Es sind nicht mehr die verstecken Aufforderungen für den User, sondern ganz klare und groß angesiedelte Interaktionen. Der User weiß sofort was er tun muss. Kein mehr info oder weiter hier sondern klare Aufforderung zur Aktion, sowie hier SEND SOME LOVE Webdesign Trends

9 Rund ist alles auch Bilder Ecken sind langweilig, noch langweiliger sind abgerundete Ecken. Kreise lassen das Gesamtbild feiner erscheinen. Dies ist ein Trend der uns dieses Jahr ebenfalls noch öfter begegnen wird Webdesign Trends

10 Typografie Ein ganz besonders wichtiges Thema. Dank der großen Verbreitung von Google Web Fonts wirken Websites, die Arial oder andere Standardschriften einsetzen, inzwischen ziemlich altbacken. Natürlich darf man es mit den Schriften auch nicht übertreiben. Hochwertig müssen sie sein, nicht wild kombiniert, sondern schön und stimmig. Webdesign Trends

11 Farbwechsel Auch in der Farbwahl hat sich einiges getan: Retro Farben. Diese etwas gewöhnungsbedürftig erscheinenden Farbkombinationen wirken im Zusammenspiel mit Icons, Buttons, Glyphen und Grafiken sehr frisch und modern wie man an diesem Beispiel sehen kann: Flache Buttons in typischen Retro Farben Runde Glyphen in Retro Farben Tumblr Theme mit Design in Retro Farben Webdesign Trends

12 Fazit Der Trend geht deutlich zu aufgeräumten und endgeräteunabhängigen Webdesigns. Dabei liegt hier die Betonung auf endgeräteunabhängig, denn die Verbreitung von Smartphones geht rasend schnell voran. So besitzen, laut einer veröffentlichten Untersuchung von Bitkom im Oktober 2012, fast 40 % der Bundesbürger über 14 Jahren ein Smartphone. Bereits heute werden ca. 10 % der Besucher einer Website durch mobile Endgeräte generiert. Benutzerfreundlichkeit und gut bedienbare Websites für mobile Endgeräte werden somit immer wichtiger. Quelle: /aufstieg-mobile- web-zahlen /; istik/64046_73749.aspx Webdesign Trends