SlideShare ist ein Scribd-Unternehmen logo
UX und Guidelines
DWX 2015, 15. - 18. Juni 2015 @webinterface Peter Rozek
Responsive Navigation Patterns
UX und Guidelines
DWX 2015, 15. - 18. Juni 2015 @webinterface Peter Rozek
Responsive Navigation Patterns
PETER ROZEK
Arbeite bei ecx.io
(Digital Agentur)
Themengebiete:
UX
Usability
Accessibility
Frontend
Peter Rozek@webinterface
Navigation ist nicht
mehr auf ein Content,
Context oder
Component bezogen.
@webinterface
@webinterface Bildnachweis: bradfrost.com
Nutzungszenarien haben sich verändert,
Navigationen müssen für viele Touchpoints
ausgelegt sein.
@webinterface Bildnachweis: bradfrost.com
@webinterface
Früher musste die
Navigation für „ein“ GUI
funktionieren.
Früher war man in einer gewohnten Umgebung
und Haltung Online.
Lean Forward
@webinterface
@webinterface
Benutzerfreundlich Intuitiv bedienbar
@webinterface
Benutzerfreundlich Intuitiv bedienbar
GUI NUI
@webinterface
GUI

Methaper
NUI

direkt
Der Weg zum erreichen des Ziels 

ist viel kürzer
@webinterface
Zeitpensum neuer gewinn bei
dem Wechsel von GUI zu NUI.
Usability und Zeit
@webinterface
Schnittmenge 

aus GUI und NUI

Responsive Navigation
@webinterface
GUI auf NUI übertragen
funktioniert nicht.
@webinterface
Nutzer sind heute
überall und immer
Online.
Bildnachweis: Instragram gingergibson
49% Prozent nutzen ihr Smartphone 

immer und überall
@webinterface
70% Bahnhof, Haltestellen, Flughafen
92% zu Hause
65% In öffentlichen Verkehrsmitteln
65%
In Geschäften, beim einkaufen
Auszug: http://de.statista.com/infografik/1083/app--internet-nutzung-von-smartphones/
60%
Im Restaurant/Cafe
@webinterface
@webinterface Bildnachweis: www.cision.com
Wünsche der Nutzer gehen über
einfache Bedienbarkeit hinaus.
@webinterface
„Auf der mobilen Website möchte ich
alle Inhalte erreichen können, die ich
auch am PC bekomme.“
„Man muss erkennen können,
was anklickbar ist.“
„Es muss übersichtlich sein. Ich will
direkt sehen, was es gibt und wie ich
zum Ziel komme.“
@webinterface
„Don’t make me think.“
Steve Krug
Usability
Probleme?
@webinterface Bildnachweis: datenschutzbeauftragter-info.de
52%
57,9%
36,4%
Der Nutzer machen mindestens
einmal schlechte Erfahrungen.
Websites sind unübersichtlich.
Nicht benutzerfreundlich.
(Quelle: BVDW 2013)
@webinterface
Kognitive Aspekte
@webinterface
true false
gulf of execution

(Ausführungskluft)
gulf of evaluation

(Auswertungskluft)
Zwei wesentliche Hürden bei der
Benutzung.
@webinterface
Für Desktop Websites haben sich
allgemein gültige Usability-
Heuristiken etabliert.
@webinterface
Welche Best Practice haben sich
für eine responsive Navigation
durchgesetzt?
Gibt es bereits verbindliche
Usability-Konventionen?
@webinterface
@webinterface Bildnachweis: quazoo.com
Kunde
Die Eierlegende Wollmilchsau?
@webinterface
Responsive
Navigation Patterns
Bildnachweis: de.wikipedia.org
@webinterface
Interaction Design Pattern:
Hamburger Icon
Eindeutig ?
@webinterface
Navigation?
@webinterface
@webinterface Navigation Modell von: mitsubishi-motors.com.au/
Navigation?
?
@webinterface Navigation Modell von: mitsubishi-motors.com.au/
Navigation?
?
@webinterface Navigation Modell von: mitsubishi-motors.com.au/
Navigation?
?
@webinterface Navigation Modell von: mitsubishi-motors.com.au/
Navigation?
?
@webinterface Bildnachweis: cdn.pocket-lint.com
Digitale Avantgarde

Early Adopter
… verstanden!
@webinterface Bildnachweis: taz.de
Digitale Aussenseiter
?
„Do people understand
the „hamburger“ icon used for
mobile navigation menus?“
Luke Wroblewski, @lukew
@webinterface
http://exisweb.net/mobile-menu-abtest
A/B Testing Hamburger Icon
@webinterface
12.684 308
12.660 347 +12,9%
12.900 331 +5,7%
13.017 246 -22.2%
Besucher Conversions Ergebnis
Menü
Menü
Menü
@webinterface http://exisweb.net/mobile-menu-abtest
12,9% bessere Conversion 

bei der Bezeichnung Menü 

als Hamburger Icon.
@webinterface http://exisweb.net/mobile-menu-abtest
@webinterface
Benutzung folgt erkennen
Mögliche Konflikte zu anderen
Systemobjekten
Vorteile/Nachteile von 

Interaction Pattern:
Off-Canvas
@webinterface
• Vorteil: Schrittweise Navigation in tiefere
Ebenen ohne die Seite neu zu laden.
• Nachteil: Off-Canvas Navigation sollte nicht
den gesamten Bildschirm einnehmen.
Off-Canvas Menü für Komplexe Seiten mit vielen
Navigationsebenen.
@webinterface
Off-Canvas +
@webinterface
@webinterface
Off-Canvas Navigation und
„Hamburger Icon“ haben sich als
Pattern für eine Navigation
konventionalisiert.
Guidelines
@webinterface
KEEP
CALM

AND FOLLOW THE
Bildnachweis: huber-verlag.de
Sichtbarkeit
„Erkennen anstatt Erinnern“
@webinterface
citan.mercedes.fr/hbc.com/
Erwartungskonform
Verständlich
Eindeutig
Vertraut
@webinterface
2012.dconstruct.org/ mitsubishi-motors.com.au/
Konkurrenz zu anderen
Navigationsicons vermeiden.
@webinterface
Verständlich und
Erwartungskonform
Fehlende
Abgrenzung
@webinterface Flughafen Düsseldorf
Suche erwartungskonform und
gut erkennbar positionieren.
Gut erreichbar
@webinterface
Gut erreichbar
@webinterface
@webinterface hammer-heimtex.de
Bieten Sie eine Schließenfunktion
durch drücken oder wischen an.
Das gilt insbesondere 

für die Off-Canvas
Navigation.
Funktion
„Plattformkonvention, Flexibilität
und Effizienz“
@webinterface
@webinterface hammer-heimtex.de
Direkten Einstieg 

in Unterebenen.
hammer-heimtex.de@webinterface
Stellen Sie sicher, dass sich der
Zurück-Button vorhersehbar
verhält. Dies gilt 

insbesondere für die 

Drill-down Navigation.
Unterschiedlche
Funktionen
Menüpunkte mit nur einer
Funktion belegen.
@webinterface
www.huk24.de
Unterstützen sie
den Nutzer durch
Automatisches
Scrollen 

zu Unterebenen.
@webinterface
Stellen Sie sicher, dass Links
leicht anzuvisieren und zu treffen
sind.
@webinterface
@webinterface
Eine Instanz, skalierbar und
robust in der Technik.
<nav class=“mainnav desktop“>…</nav>
<nav class=“mainnav tablet“>…</nav>
<nav class=“mainnav mobile“>…</nav>
<nav class=“mainnav“>…</nav>
@webinterface
Breakpoints
Bildnachweis: google.com
Darstellung
„Übereinstimmung zwischen
System und Wirklichkeit“
@webinterface
@webinterface
Informations Architecture
Erwartungskonform.
huk24.de@webinterface
Klare Symbolik und 

visuelle Hierarchie
@webinterface
Landscape Modus
berücksichtigen
@webinterface
Landscape Modus
berücksichtigen
Alternative
Einstiege
@webinterface
„Konsistenz aber nicht Konkurrenz“
Flughafen Düsseldorf@webinterface
Konkurrenz zur Hauptnavigation
vermeiden.
@webinterface
Wichtige Themen im sichtbaren
Bereich anordnen.
Orientierungs-

hilfen
„Sichtbarkeit des Systemstatus“
@webinterface
Flughafen Düsseldorf
Informieren Sie den Nutzer wo er
sich in der Navigation befindet.
@webinterface
@webinterface Flughafen Düsseldorf
Breadcrumb 

zur Orientierung
@webinterface Flughafen Düsseldorf
Überschriften sollen den
Seiteninhalt adressieren.
Resumé
@webinterface
Designing for
Humans
not Devices.
@webinterface
Ermöglichen sie dem
Nutzer eine positive 

UX und Usability bei
der Navigation.
@webinterface
Nutzer erwarten eine
konsistente UX und
Usability bei der
Navigation.
@webinterface
erstellen
messen
lernen
@webinterface
Vielen Dank
und Merci
email: peter.rozek@ecx.io
Peter Rozek@webinterface
Speaker Deck: https://speakerdeck.com/peterrozek
Slideshare: http://de.slideshare.net/peterrozek
@webinterface
…für meine Ellen
Fragen ?
DWX 2015, 15. - 18. Juni 2015 @webinterface Peter Rozek
Fragen ?
DWX 2015, 15. - 18. Juni 2015 @webinterface Peter Rozek

Weitere ähnliche Inhalte

Was ist angesagt?

Digitale Mobilmachung - Wege zum mobilen Internetangebot
Digitale Mobilmachung - Wege zum mobilen Internetangebot Digitale Mobilmachung - Wege zum mobilen Internetangebot
Digitale Mobilmachung - Wege zum mobilen Internetangebot
Mann beißt Hund Agentur für Kommunikation
 
Progressive Web Apps Presentation
Progressive Web Apps PresentationProgressive Web Apps Presentation
Progressive Web Apps Presentation
Steffen Wagner
 
App oder Mobile Website Slides zum Webinar
App oder Mobile Website Slides zum WebinarApp oder Mobile Website Slides zum Webinar
App oder Mobile Website Slides zum Webinar
Eduvision Ausbildungen
 
3 mobile strategie michael taylor
3 mobile strategie michael taylor3 mobile strategie michael taylor
3 mobile strategie michael taylor
Uniface
 
Responsive Webdesign mit Bootstrap
Responsive Webdesign mit BootstrapResponsive Webdesign mit Bootstrap
Responsive Webdesign mit Bootstrap
Gregor Biswanger
 
Sencha Touch & PhoneGap
Sencha Touch & PhoneGapSencha Touch & PhoneGap
Sencha Touch & PhoneGap
Stefan Kolb
 
Apple iOS - GUI Entwicklung
Apple iOS - GUI EntwicklungApple iOS - GUI Entwicklung
Apple iOS - GUI Entwicklung
messeb
 
Responsive Content Experience
Responsive Content ExperienceResponsive Content Experience
Responsive Content Experience
Peter Rozek
 
Device Agnostic: Geräteunabhängiges Design als UX Grundlage
Device Agnostic: Geräteunabhängiges Design als UX GrundlageDevice Agnostic: Geräteunabhängiges Design als UX Grundlage
Device Agnostic: Geräteunabhängiges Design als UX Grundlage
Peter Rozek
 

Was ist angesagt? (9)

Digitale Mobilmachung - Wege zum mobilen Internetangebot
Digitale Mobilmachung - Wege zum mobilen Internetangebot Digitale Mobilmachung - Wege zum mobilen Internetangebot
Digitale Mobilmachung - Wege zum mobilen Internetangebot
 
Progressive Web Apps Presentation
Progressive Web Apps PresentationProgressive Web Apps Presentation
Progressive Web Apps Presentation
 
App oder Mobile Website Slides zum Webinar
App oder Mobile Website Slides zum WebinarApp oder Mobile Website Slides zum Webinar
App oder Mobile Website Slides zum Webinar
 
3 mobile strategie michael taylor
3 mobile strategie michael taylor3 mobile strategie michael taylor
3 mobile strategie michael taylor
 
Responsive Webdesign mit Bootstrap
Responsive Webdesign mit BootstrapResponsive Webdesign mit Bootstrap
Responsive Webdesign mit Bootstrap
 
Sencha Touch & PhoneGap
Sencha Touch & PhoneGapSencha Touch & PhoneGap
Sencha Touch & PhoneGap
 
Apple iOS - GUI Entwicklung
Apple iOS - GUI EntwicklungApple iOS - GUI Entwicklung
Apple iOS - GUI Entwicklung
 
Responsive Content Experience
Responsive Content ExperienceResponsive Content Experience
Responsive Content Experience
 
Device Agnostic: Geräteunabhängiges Design als UX Grundlage
Device Agnostic: Geräteunabhängiges Design als UX GrundlageDevice Agnostic: Geräteunabhängiges Design als UX Grundlage
Device Agnostic: Geräteunabhängiges Design als UX Grundlage
 

Ähnlich wie Responsive Navigation Patterns, UX und Guidelines (Webdeveloper Week 2015)

The Future is now! Flexbox und fancy Stuff im Responsive Webdesign
The Future is now! Flexbox und fancy Stuff im Responsive WebdesignThe Future is now! Flexbox und fancy Stuff im Responsive Webdesign
The Future is now! Flexbox und fancy Stuff im Responsive Webdesign
Peter Rozek
 
datenwerk Kochbuch: Webdesign- Trends 2014 (de)
datenwerk Kochbuch: Webdesign- Trends 2014  (de)datenwerk Kochbuch: Webdesign- Trends 2014  (de)
datenwerk Kochbuch: Webdesign- Trends 2014 (de)
datenwerk innovationsagentur
 
The Future is now! Flexbox und fancy Stuff im Responsive Webdesign
The Future is now! Flexbox und fancy Stuff im Responsive WebdesignThe Future is now! Flexbox und fancy Stuff im Responsive Webdesign
The Future is now! Flexbox und fancy Stuff im Responsive Webdesign
Peter Rozek
 
Online / Offline
Online / OfflineOnline / Offline
Online / Offline
Peter Rozek
 
Comundus liferay 6.2
Comundus liferay 6.2Comundus liferay 6.2
Comundus liferay 6.2
Stefan Hilpp
 
Mockups prototyping
Mockups prototypingMockups prototyping
Mockups prototyping
Hausammann
 
Responsive Workflow, Break the rules or die
Responsive Workflow, Break the rules or dieResponsive Workflow, Break the rules or die
Responsive Workflow, Break the rules or die
Peter Rozek
 
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestalten
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestaltenBTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestalten
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestalten
BTEXX GmbH
 
SMX 2021 - Interne Verlinkung & Mobil-only-Indexing
SMX 2021 - Interne Verlinkung & Mobil-only-IndexingSMX 2021 - Interne Verlinkung & Mobil-only-Indexing
SMX 2021 - Interne Verlinkung & Mobil-only-Indexing
get traction GmbH
 
Mobile User Experience: Entwicklung von benutzerfreundlichen mobilen Websites...
Mobile User Experience: Entwicklung von benutzerfreundlichen mobilen Websites...Mobile User Experience: Entwicklung von benutzerfreundlichen mobilen Websites...
Mobile User Experience: Entwicklung von benutzerfreundlichen mobilen Websites...
usability.de
 
Mobile User Experience - Entwicklung von benutzerfreundlichen mobilen Website...
Mobile User Experience - Entwicklung von benutzerfreundlichen mobilen Website...Mobile User Experience - Entwicklung von benutzerfreundlichen mobilen Website...
Mobile User Experience - Entwicklung von benutzerfreundlichen mobilen Website...
Christoph Mühlbauer
 
01-2015 - Java aktuell - Mandy Goram - Entwicklung mobiler Anwendungen für Bl...
01-2015 - Java aktuell - Mandy Goram - Entwicklung mobiler Anwendungen für Bl...01-2015 - Java aktuell - Mandy Goram - Entwicklung mobiler Anwendungen für Bl...
01-2015 - Java aktuell - Mandy Goram - Entwicklung mobiler Anwendungen für Bl...
Mandy Goram
 
Workshop Vue js
Workshop Vue jsWorkshop Vue js
Workshop Vue js
Hendrik Lösch
 
Smart Clients Interaktionsparadigmen Im Nutzungskontext Webbrowser (Paper)
Smart Clients   Interaktionsparadigmen Im Nutzungskontext Webbrowser (Paper)Smart Clients   Interaktionsparadigmen Im Nutzungskontext Webbrowser (Paper)
Smart Clients Interaktionsparadigmen Im Nutzungskontext Webbrowser (Paper)
JanGroenefeld
 
SEO Produktspezifikation für RWD
SEO Produktspezifikation für RWDSEO Produktspezifikation für RWD
SEO Produktspezifikation für RWD
Conny Stier
 
Ergosign-Responsive-Design-2013
Ergosign-Responsive-Design-2013Ergosign-Responsive-Design-2013
Ergosign-Responsive-Design-2013
Ergosign GmbH
 
Multiscreen Markenerlebnis Deutsche Post
Multiscreen Markenerlebnis Deutsche PostMultiscreen Markenerlebnis Deutsche Post
Multiscreen Markenerlebnis Deutsche Post
vbuchenau
 
IA Konferenz München 2011
IA Konferenz München 2011IA Konferenz München 2011
IA Konferenz München 2011
Alexander Beck
 
design
designdesign
Web Design Trends 2011
Web Design Trends 2011Web Design Trends 2011
Web Design Trends 2011
Vitaly Friedman
 

Ähnlich wie Responsive Navigation Patterns, UX und Guidelines (Webdeveloper Week 2015) (20)

The Future is now! Flexbox und fancy Stuff im Responsive Webdesign
The Future is now! Flexbox und fancy Stuff im Responsive WebdesignThe Future is now! Flexbox und fancy Stuff im Responsive Webdesign
The Future is now! Flexbox und fancy Stuff im Responsive Webdesign
 
datenwerk Kochbuch: Webdesign- Trends 2014 (de)
datenwerk Kochbuch: Webdesign- Trends 2014  (de)datenwerk Kochbuch: Webdesign- Trends 2014  (de)
datenwerk Kochbuch: Webdesign- Trends 2014 (de)
 
The Future is now! Flexbox und fancy Stuff im Responsive Webdesign
The Future is now! Flexbox und fancy Stuff im Responsive WebdesignThe Future is now! Flexbox und fancy Stuff im Responsive Webdesign
The Future is now! Flexbox und fancy Stuff im Responsive Webdesign
 
Online / Offline
Online / OfflineOnline / Offline
Online / Offline
 
Comundus liferay 6.2
Comundus liferay 6.2Comundus liferay 6.2
Comundus liferay 6.2
 
Mockups prototyping
Mockups prototypingMockups prototyping
Mockups prototyping
 
Responsive Workflow, Break the rules or die
Responsive Workflow, Break the rules or dieResponsive Workflow, Break the rules or die
Responsive Workflow, Break the rules or die
 
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestalten
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestaltenBTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestalten
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestalten
 
SMX 2021 - Interne Verlinkung & Mobil-only-Indexing
SMX 2021 - Interne Verlinkung & Mobil-only-IndexingSMX 2021 - Interne Verlinkung & Mobil-only-Indexing
SMX 2021 - Interne Verlinkung & Mobil-only-Indexing
 
Mobile User Experience: Entwicklung von benutzerfreundlichen mobilen Websites...
Mobile User Experience: Entwicklung von benutzerfreundlichen mobilen Websites...Mobile User Experience: Entwicklung von benutzerfreundlichen mobilen Websites...
Mobile User Experience: Entwicklung von benutzerfreundlichen mobilen Websites...
 
Mobile User Experience - Entwicklung von benutzerfreundlichen mobilen Website...
Mobile User Experience - Entwicklung von benutzerfreundlichen mobilen Website...Mobile User Experience - Entwicklung von benutzerfreundlichen mobilen Website...
Mobile User Experience - Entwicklung von benutzerfreundlichen mobilen Website...
 
01-2015 - Java aktuell - Mandy Goram - Entwicklung mobiler Anwendungen für Bl...
01-2015 - Java aktuell - Mandy Goram - Entwicklung mobiler Anwendungen für Bl...01-2015 - Java aktuell - Mandy Goram - Entwicklung mobiler Anwendungen für Bl...
01-2015 - Java aktuell - Mandy Goram - Entwicklung mobiler Anwendungen für Bl...
 
Workshop Vue js
Workshop Vue jsWorkshop Vue js
Workshop Vue js
 
Smart Clients Interaktionsparadigmen Im Nutzungskontext Webbrowser (Paper)
Smart Clients   Interaktionsparadigmen Im Nutzungskontext Webbrowser (Paper)Smart Clients   Interaktionsparadigmen Im Nutzungskontext Webbrowser (Paper)
Smart Clients Interaktionsparadigmen Im Nutzungskontext Webbrowser (Paper)
 
SEO Produktspezifikation für RWD
SEO Produktspezifikation für RWDSEO Produktspezifikation für RWD
SEO Produktspezifikation für RWD
 
Ergosign-Responsive-Design-2013
Ergosign-Responsive-Design-2013Ergosign-Responsive-Design-2013
Ergosign-Responsive-Design-2013
 
Multiscreen Markenerlebnis Deutsche Post
Multiscreen Markenerlebnis Deutsche PostMultiscreen Markenerlebnis Deutsche Post
Multiscreen Markenerlebnis Deutsche Post
 
IA Konferenz München 2011
IA Konferenz München 2011IA Konferenz München 2011
IA Konferenz München 2011
 
design
designdesign
design
 
Web Design Trends 2011
Web Design Trends 2011Web Design Trends 2011
Web Design Trends 2011
 

Mehr von Peter Rozek

How to win Stakeholders, Design needs Leadership
How to win Stakeholders, Design needs Leadership How to win Stakeholders, Design needs Leadership
How to win Stakeholders, Design needs Leadership
Peter Rozek
 
Persona driven agile development
Persona driven agile developmentPersona driven agile development
Persona driven agile development
Peter Rozek
 
Cross Device Experience with HTML Prototyping
Cross Device Experience with HTML PrototypingCross Device Experience with HTML Prototyping
Cross Device Experience with HTML Prototyping
Peter Rozek
 
Create User Centric UI-Animations
Create User Centric UI-AnimationsCreate User Centric UI-Animations
Create User Centric UI-Animations
Peter Rozek
 
Responsive Experience und das Continuum of Screens
Responsive Experience und das Continuum of ScreensResponsive Experience und das Continuum of Screens
Responsive Experience und das Continuum of Screens
Peter Rozek
 
Search Experience Optimization, Nutzerfokus statt Silodenken
Search Experience Optimization, Nutzerfokus statt SilodenkenSearch Experience Optimization, Nutzerfokus statt Silodenken
Search Experience Optimization, Nutzerfokus statt Silodenken
Peter Rozek
 
THE UX OF DATA - VISUALIZATION RESPONSIVE
THE UX OF DATA - VISUALIZATION RESPONSIVETHE UX OF DATA - VISUALIZATION RESPONSIVE
THE UX OF DATA - VISUALIZATION RESPONSIVE
Peter Rozek
 
Designing the Priority, Performance ist User Experience
Designing the Priority, Performance ist User ExperienceDesigning the Priority, Performance ist User Experience
Designing the Priority, Performance ist User Experience
Peter Rozek
 
Hassliebe Onlineformulare, Enhance your Form for better UX
Hassliebe Onlineformulare, Enhance your Form for better UXHassliebe Onlineformulare, Enhance your Form for better UX
Hassliebe Onlineformulare, Enhance your Form for better UX
Peter Rozek
 
DESIGN THE PRIORITY, PERFORMANCE 
AND UX
DESIGN THE PRIORITY, PERFORMANCE 
AND UXDESIGN THE PRIORITY, PERFORMANCE 
AND UX
DESIGN THE PRIORITY, PERFORMANCE 
AND UX
Peter Rozek
 
The UX of DATA: Responsive Datenvisualisierung mit jQuery
The UX of DATA: Responsive Datenvisualisierung mit jQueryThe UX of DATA: Responsive Datenvisualisierung mit jQuery
The UX of DATA: Responsive Datenvisualisierung mit jQuery
Peter Rozek
 
jQuery: Accessibility, Mobile und Responsive
jQuery: Accessibility, Mobile und ResponsivejQuery: Accessibility, Mobile und Responsive
jQuery: Accessibility, Mobile und Responsive
Peter Rozek
 
Performance and UX
Performance and UXPerformance and UX
Performance and UX
Peter Rozek
 
Responsive Navigation Patterns, UX and Guidelines
Responsive Navigation Patterns, UX and GuidelinesResponsive Navigation Patterns, UX and Guidelines
Responsive Navigation Patterns, UX and Guidelines
Peter Rozek
 
Hightway to Hell - Responsive Webdesign Testen
Hightway to Hell - Responsive Webdesign TestenHightway to Hell - Responsive Webdesign Testen
Hightway to Hell - Responsive Webdesign Testen
Peter Rozek
 
Responsive Webdesign: Neue Möglichkeiten und Freiheiten mit dem CSS3-Flexbox-...
Responsive Webdesign: Neue Möglichkeiten und Freiheiten mit dem CSS3-Flexbox-...Responsive Webdesign: Neue Möglichkeiten und Freiheiten mit dem CSS3-Flexbox-...
Responsive Webdesign: Neue Möglichkeiten und Freiheiten mit dem CSS3-Flexbox-...
Peter Rozek
 
Responsive Webdesign: Prozess, Dialog, Qualität
Responsive Webdesign: Prozess, Dialog, QualitätResponsive Webdesign: Prozess, Dialog, Qualität
Responsive Webdesign: Prozess, Dialog, Qualität
Peter Rozek
 
Handliche Designkonzepte, UX und Mobile Webdesign
Handliche Designkonzepte, UX und Mobile WebdesignHandliche Designkonzepte, UX und Mobile Webdesign
Handliche Designkonzepte, UX und Mobile Webdesign
Peter Rozek
 
Webstandards auf dem Weg zu Standards im Mobilen Bereich
Webstandards auf dem Weg zu Standards im Mobilen BereichWebstandards auf dem Weg zu Standards im Mobilen Bereich
Webstandards auf dem Weg zu Standards im Mobilen Bereich
Peter Rozek
 
Barrierefreiheit sichern Voodoo Werkzeuge für Frontend Entwickler
Barrierefreiheit sichern Voodoo Werkzeuge für Frontend EntwicklerBarrierefreiheit sichern Voodoo Werkzeuge für Frontend Entwickler
Barrierefreiheit sichern Voodoo Werkzeuge für Frontend Entwickler
Peter Rozek
 

Mehr von Peter Rozek (20)

How to win Stakeholders, Design needs Leadership
How to win Stakeholders, Design needs Leadership How to win Stakeholders, Design needs Leadership
How to win Stakeholders, Design needs Leadership
 
Persona driven agile development
Persona driven agile developmentPersona driven agile development
Persona driven agile development
 
Cross Device Experience with HTML Prototyping
Cross Device Experience with HTML PrototypingCross Device Experience with HTML Prototyping
Cross Device Experience with HTML Prototyping
 
Create User Centric UI-Animations
Create User Centric UI-AnimationsCreate User Centric UI-Animations
Create User Centric UI-Animations
 
Responsive Experience und das Continuum of Screens
Responsive Experience und das Continuum of ScreensResponsive Experience und das Continuum of Screens
Responsive Experience und das Continuum of Screens
 
Search Experience Optimization, Nutzerfokus statt Silodenken
Search Experience Optimization, Nutzerfokus statt SilodenkenSearch Experience Optimization, Nutzerfokus statt Silodenken
Search Experience Optimization, Nutzerfokus statt Silodenken
 
THE UX OF DATA - VISUALIZATION RESPONSIVE
THE UX OF DATA - VISUALIZATION RESPONSIVETHE UX OF DATA - VISUALIZATION RESPONSIVE
THE UX OF DATA - VISUALIZATION RESPONSIVE
 
Designing the Priority, Performance ist User Experience
Designing the Priority, Performance ist User ExperienceDesigning the Priority, Performance ist User Experience
Designing the Priority, Performance ist User Experience
 
Hassliebe Onlineformulare, Enhance your Form for better UX
Hassliebe Onlineformulare, Enhance your Form for better UXHassliebe Onlineformulare, Enhance your Form for better UX
Hassliebe Onlineformulare, Enhance your Form for better UX
 
DESIGN THE PRIORITY, PERFORMANCE 
AND UX
DESIGN THE PRIORITY, PERFORMANCE 
AND UXDESIGN THE PRIORITY, PERFORMANCE 
AND UX
DESIGN THE PRIORITY, PERFORMANCE 
AND UX
 
The UX of DATA: Responsive Datenvisualisierung mit jQuery
The UX of DATA: Responsive Datenvisualisierung mit jQueryThe UX of DATA: Responsive Datenvisualisierung mit jQuery
The UX of DATA: Responsive Datenvisualisierung mit jQuery
 
jQuery: Accessibility, Mobile und Responsive
jQuery: Accessibility, Mobile und ResponsivejQuery: Accessibility, Mobile und Responsive
jQuery: Accessibility, Mobile und Responsive
 
Performance and UX
Performance and UXPerformance and UX
Performance and UX
 
Responsive Navigation Patterns, UX and Guidelines
Responsive Navigation Patterns, UX and GuidelinesResponsive Navigation Patterns, UX and Guidelines
Responsive Navigation Patterns, UX and Guidelines
 
Hightway to Hell - Responsive Webdesign Testen
Hightway to Hell - Responsive Webdesign TestenHightway to Hell - Responsive Webdesign Testen
Hightway to Hell - Responsive Webdesign Testen
 
Responsive Webdesign: Neue Möglichkeiten und Freiheiten mit dem CSS3-Flexbox-...
Responsive Webdesign: Neue Möglichkeiten und Freiheiten mit dem CSS3-Flexbox-...Responsive Webdesign: Neue Möglichkeiten und Freiheiten mit dem CSS3-Flexbox-...
Responsive Webdesign: Neue Möglichkeiten und Freiheiten mit dem CSS3-Flexbox-...
 
Responsive Webdesign: Prozess, Dialog, Qualität
Responsive Webdesign: Prozess, Dialog, QualitätResponsive Webdesign: Prozess, Dialog, Qualität
Responsive Webdesign: Prozess, Dialog, Qualität
 
Handliche Designkonzepte, UX und Mobile Webdesign
Handliche Designkonzepte, UX und Mobile WebdesignHandliche Designkonzepte, UX und Mobile Webdesign
Handliche Designkonzepte, UX und Mobile Webdesign
 
Webstandards auf dem Weg zu Standards im Mobilen Bereich
Webstandards auf dem Weg zu Standards im Mobilen BereichWebstandards auf dem Weg zu Standards im Mobilen Bereich
Webstandards auf dem Weg zu Standards im Mobilen Bereich
 
Barrierefreiheit sichern Voodoo Werkzeuge für Frontend Entwickler
Barrierefreiheit sichern Voodoo Werkzeuge für Frontend EntwicklerBarrierefreiheit sichern Voodoo Werkzeuge für Frontend Entwickler
Barrierefreiheit sichern Voodoo Werkzeuge für Frontend Entwickler
 

Responsive Navigation Patterns, UX und Guidelines (Webdeveloper Week 2015)