Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Responsive Navigation Patterns, UX und Guidelines

Avatar for Peter Rozek Peter Rozek
May 29, 2015
Design
0
73

Responsive Navigation Patterns, UX und Guidelines

My Lightning talk for the Lean User Experience Meetup, at 28.05.2015 with Brad Frost.

Avatar for Peter Rozek

Peter Rozek

May 29, 2015
Tweet

More Decks by Peter Rozek

See All by Peter Rozek
Responsive Navigation Patterns, UX and Guidelines
Avatar for Peter Rozek peterrozek
4
190
Responsive Webdesign: Neue Möglichkeiten und Freiheiten mit dem CSS3-Flexbox-Modell
Avatar for Peter Rozek peterrozek
1
310

Other Decks in Design

See All in Design
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
Avatar for Hiromi Morikawa hiromitsuuuuu
1
1.3k
UI/UX & Web Design Portfolio 2025｜Madoka Kumagai
Avatar for Madoka madoka_portfolio
2
120
root COMPANY DECK / We are hiring！
Avatar for 株式会社ルート root_recruit
2
26k
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
Avatar for 弁護士ドットコム bengo4com
1
1.4k
Figmaレクチャー会Part1 基本のき編＠千株式会社 社内勉強会
Avatar for ぽん designer_no_pon
2
250
Emmy's Artwork
Avatar for McKenna mcksmith
0
190
kintone Style Book
Avatar for kintone kintone
6
10k
“ことば”が苦手なデザイナーへの処方箋 「なんとなく」から「意図」へ、 デザインを動かす言葉の力
Avatar for MIXI DESIGN mixi_design
PRO
1
190
デザインを信じていますか
Avatar for sekig(ojiee) sekiguchiy
1
950
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
Avatar for takanorip takanorip
1
900
「デザイン」の自分ごと化から始める、デザインピープルのふるまい
Avatar for mewmo mewmo
PRO
0
160
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
Avatar for Kasumi Morita mkasumi
0
1.1k

Featured

See All Featured
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
93
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
2
940
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
32k
KATA
Avatar for Megan Lloyd mclloyd
PRO
34
15k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.9k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
51k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
0
180
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
210
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
110
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
240
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
54

Transcript

  1. LIGHTNING TALKS beim LEAN UX DUS am 28. Mai 2015

    Responsive Navigation Patterns UX und Guidelines Peter Rozek @webinterface

  2. PETER ROZEK Arbeite bei ecx.io (Digital Agentur) Themengebiete: UX Usability

    Accessibility Frontend Peter Rozek @webinterface

  3. @webinterface Bildnachweis: www.cision.com Nutzer haben genaue Anforderungen und Erwartungen

  4. @webinterface „Don’t make me think.“ Steve Krug

  5. Die Eierlegende Wollmilchsau? @webinterface Responsive Navigation Patterns Bildnachweis: Wikipedia

  6. @webinterface Interaction Design Pattern: Hamburger Icon

  7. „Do people understand the „hamburger“ icon used for mobile navigation

    menus?“ Luke Wroblewski, @lukew @webinterface

  8. @webinterface Benutzung folgt erkennen Mögliche Konflikte zu anderen Systemobjekten Vorteile/Nachteile

    von 
 Interaction Pattern:

  9. Guidelines @webinterface KEEP CALM 
 AND FOLLOW THE Bildnachweis: huber-verlag.de

  10. Sichtbarkeit „Erkennen anstatt Erinnern“ @webinterface

  11. Funktion „Plattformkonvention, Flexibilität und Effizienz“ @webinterface

  12. Darstellung „Übereinstimmung zwischen System und Wirklichkeit“ @webinterface

  13. Alternative Einstiege @webinterface „Konsistenz aber nicht Konkurrenz“

  14. Orientierungs-
 hilfen „Sichtbarkeit des Systemstatus“ @webinterface

  15. Resumé @webinterface

  16. @webinterface Designing for Humans not Devices.

  17. erstellen messen lernen LEAN UX @webinterface

  18. Vielen Dank und Merci email: [email protected] Peter Rozek @webinterface Speaker

    Deck: Speakerdeck Slideshare: Slideshare