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

Responsive Navigation Patterns, UX und Guidelines

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
AIネイティブスタートアップにおけるプロダクト開発の新常識 / Product Development Tips in AI-Native Startups
Avatar for Jumpei Sakatsu saka2jp
2
920
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
Avatar for Hiroki Nagasawa pixyzehn
0
130
Spacemarket Brand Guide
Avatar for Spacemarket spacemarket
2
150
Crisp Code inc.｜ブランドガイドライン - Brand guidelines
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
300
デザイナーが主導権を握る、AI協業の本音と実践
Avatar for satosio satosio
7
2.7k
【Designship 2025｜10.11】デザイン組織と事業貢献、その挑戦と結果。
Avatar for payatsun payatsusan213
1
910
Emmy's Artwork
Avatar for McKenna mcksmith
0
190
「自分の仕事はどこまで？」と問い続けたら。デザイナーの「視座」を考える
Avatar for Takeru Mukai mukai_takeru
0
300
越境するデザイン人材：デザイナーが社会資本となる世界へ
Avatar for Goodpatch Inc. goodpatch
1
500
これからの「Webデザイン」の話をしよう～デザイナーの私が考えるブロックテーマへの対応で変わりゆくデザインの価値～
Avatar for ミヤケアツシ ds35mm
0
540
UI/UX & Web Design Portfolio 2025｜Madoka Kumagai
Avatar for Madoka madoka_portfolio
2
120
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
1M

Featured

See All Featured
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
26k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.1k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
57
50k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
120
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
130
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
300
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
110
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
2
250
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
100

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