Webdesign.

Accessibility.

Für Menschen mit Beeinträchtigung.

• mehr Icons
• gute Kontraste & kräftige Farben
• einfache, intuitive Navigation

Material Design.

Material Design.

• Skeumorphic > Flat > Material Design
• Erweiterung: subtile Verläufe, Ebenen, Animationen

Ghost Buttons.

Ghost Buttons.

• minimalistisch
• meist nur Outline
• feine Typo
• Kombination mit Fullscreen

Transparenz.

Transparenz.

• mittlerweile können es die meisten Browser
• entweder durch PNG oder per CSS
• Vorsicht bei mehrfarbigen Hintergründen

Animierte Logos.

Animierte Logos.

• führt Bewegung selbst aus
• Animation sollte nicht zu stark sein > User nicht zu sehr ablenken

Interaktive Webgrafiken.

Interaktive Webgrafiken.

• Infografiken werden ersetzt
• optisch und erzählerisch interessanter
• einprägsames Ergebnis

Mikrointeraktionen.

Mikrointeraktionen.

• Buttons, die kleine Aufgaben erfüllen
• z. B. Liken eines Artikels oder Einstellungen
• Fördern das Engagement
• Mit Bedacht einsetzen

Mobile Apps.

Mobile Apps

• Mobile Apps vs. klassische Webseiten
• im Handling komfortabler
• Apple Store/Google Play Store
• 86% Apps, 14% Browser

Kreative 404-Seiten.

Man kann auch mit nicht existierenden Seiten bleibenden Eindruck hinterlassen.

Photoshop CC 2015.

Zeichenflächen.

• Eine Webseite, mehrere Layouts
• Einzelne Zeichenflächen exportieren

JPG, GIF oder PNG?

JPG.

• Joint Photographic Experts Group (1986)
• Dateigröße vs. Qualität
• kann Millionen von Farben darstellen
• sehr kompatibel
• für Fotos und Bilder mit komplexer Farbigkeit/Helligkeit

GIF.

• Graphics Interchange Format (1987)
• 256 Farben
• kleinere Dateigröße als jpg
• kann animiert werden
• eine Farbe kann transparent sein
• für Animationen

PNG.

• Portable Network Graphic (1995)
• kein Datenverlust
• PNG-8: ähnlich GIF, 256 Farben, 1 transparent, kleiner als GIF
• PNG-24: ähnlich JPG, über 16 Millionen Farben, größere Dateigrößen, komplett transparent
• für Logos, komplexe Bilder (Dateigröße!!)

Ranking-Faktoren 2015.

Ranking Faktoren 2015.

• Relevanz von Backlinks nimmt ab
• One-Page Designs Grundvoraussetzung
• Social Signals
• Nicht mehr einzelne Keywords
• Ganzheitlicher Content
• Mobile optimiert

Newsletter.

Newsletter für Designer.

• the-webdesigner.co/
• muz.li/subscribe/
• www.designerinaction.de/newsletter.php
• www.productpsychology.com/
• www.designernews.co/
• hackdesign.org/
• www.webtype.com/store/newsletter/

DANKE.