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
69

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
180
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
数理的アプローチで挑むスマホUIのデザイン改善：タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
870
街・都市という眼差し。まちづくりにおける規範と実践
Avatar for S.SAKAMON sakamon
0
160
BXデザイン組織が挑んだスクラム 〜ブランドを育み、デザイナーを解放する変革の物語〜（Scrum Fest Mikawa 2025）
Avatar for Tadashi Inoue tadashiinoue
0
490
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
0
730
maki setoguchi
Avatar for Maki / Web Designer maki_setoguchi
0
410
見過ごさない誠実さ_アクティブバイスタンダーとIntegrityが支えるアジャイル文化 / integrity-and-active-bystander
Avatar for Aki spring_aki
1
120
企画を動かすデザイナーの思考！「広げて絞る」アプローチ。
Avatar for Hikida Kan hikidakan
0
190
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
Avatar for Goodpatch Inc. goodpatch
1
960
デザインシステムの「種」を使って、受託開発を加速させる
Avatar for akane akane___ui
0
11k
組織の右腕として共創する ー デザインと経営の二つの視点から見えた、新しい支援のかたち/ Designship2025_Nishimura
Avatar for 株式会社ルート root_recruit
PRO
0
150
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
Avatar for ため tame
0
280
FigmaのFigmaファイルから学ぶTips & Tricks
Avatar for Hiroki Tani hilokifigma
0
700

Featured

See All Featured
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
41k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.6k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
697
190k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
230
22k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
2.8k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.6k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
30
2.9k

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