Top Banner
LIGHTNING TALKS beim LEAN UX DUS am 28. Mai 2015 Responsive Navigation Patterns UX und Guidelines Peter Rozek @webinterface
18
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Responsive Navigation Patterns, UX und Guidelines

LIGHTNING TALKS beim LEAN UX DUS am 28. Mai 2015

Responsive Navigation Patterns

UX und Guidelines

Peter Rozek@webinterface

Page 2: Responsive Navigation Patterns, UX und Guidelines

PETER ROZEK

Arbeite bei ecx.io (Digital Agentur)

Themengebiete: UX

Usability Accessibility

Frontend

Peter Rozek@webinterface

Page 3: Responsive Navigation Patterns, UX und Guidelines

@webinterface Bildnachweis: www.cision.com

Nutzer haben genaue Anforderungen und Erwartungen

Page 4: Responsive Navigation Patterns, UX und Guidelines

@webinterface

„Don’t make me think.“Steve Krug

Page 5: Responsive Navigation Patterns, UX und Guidelines

Die Eierlegende Wollmilchsau?

@webinterface

Responsive Navigation Patterns

Bildnachweis: Wikipedia

Page 6: Responsive Navigation Patterns, UX und Guidelines

@webinterface

Interaction Design Pattern: Hamburger Icon

Page 7: Responsive Navigation Patterns, UX und Guidelines

„Do people understand the „hamburger“ icon used for mobile navigation menus?“

Luke Wroblewski, @lukew@webinterface

Page 8: Responsive Navigation Patterns, UX und Guidelines

@webinterface

Benutzung folgt erkennen

Mögliche Konflikte zu anderen Systemobjekten

Vorteile/Nachteile von Interaction Pattern:

Page 9: Responsive Navigation Patterns, UX und Guidelines

Guidelines@webinterface

KEEP CALM

AND FOLLOW THE

Bildnachweis: huber-verlag.de

Page 10: Responsive Navigation Patterns, UX und Guidelines

Sichtbarkeit„Erkennen anstatt Erinnern“

@webinterface

Page 11: Responsive Navigation Patterns, UX und Guidelines

Funktion„Plattformkonvention, Flexibilität und Effizienz“

@webinterface

Page 12: Responsive Navigation Patterns, UX und Guidelines

Darstellung„Übereinstimmung zwischen System und Wirklichkeit“

@webinterface

Page 13: Responsive Navigation Patterns, UX und Guidelines

Alternative Einstiege

@webinterface

„Konsistenz aber nicht Konkurrenz“

Page 14: Responsive Navigation Patterns, UX und Guidelines

Orientierungs-hilfen„Sichtbarkeit des Systemstatus“

@webinterface

Page 15: Responsive Navigation Patterns, UX und Guidelines

Resumé

@webinterface

Page 16: Responsive Navigation Patterns, UX und Guidelines

@webinterface

Designing for

Humans not Devices.

Page 17: Responsive Navigation Patterns, UX und Guidelines

erstellenmessenlernenLEAN UX

@webinterface

Page 18: Responsive Navigation Patterns, UX und Guidelines

Vielen Dank und Merciemail: [email protected]

Peter Rozek@webinterface

Speaker Deck: Speakerdeck

Slideshare: Slideshare