SlideShare ist ein Scribd-Unternehmen logo
RESPONSIVE CONTENT
EXPERIENCE
MOBILETECHCON, 12. - 15. SEPTEMBER 2016, BERLIN
PETER ROZEK
SENIOR UX MANAGER
WORK BY GETIT
WEBINTERFACE
WIR SIND ALWAYS-ON
Die Rezeption von Content hat sich
dramatisch verändert.
DER KLASSISCHE DESIGN
PROZESS IST ALWAYS-OFF
Your comfort
zone
Where the 

magic happens
1. KONZEPT WORKSHOP
# PERSONAS
Responsive Content Experience
# PRODUCT EXPERIENCE
MAPPING
Kontextsensitive Benutzererlebnisse erkennen
und verstehen
Schlanke und zielorientierte Methode im
Kontext der Multidevice-Nutzung
Customer 

Journey
Experience
Map
Skizziert das
Benutzererlebnis
übergreifend
Nutzungskontext
wird fühlbarer und
nachvollziehbarer
Customer 

Journey
Empathy 

Map
Nutzungskontext im Fokus
Multidevice-Nutzungsmuster verstehen
Hypothesen über den Nutzer validierten
Komplexität minimieren
Experience Map
PRODUKTZIEL FORMULIEREN
Rolle - Ziel und Wunsch - Nutzen
PERSPEKTIVE
Persona oder Hypothesen
PRODUCT EXPERIENCE MAP
PERSONA
CONTEXT EXPERIENCE SCENARIO
Who is this person?
What does the person want and need?
EMOTIONS & THOUGHTS
What is the person doing?
How is the person interacting with the product?
Which devices the person is using and where?
Which features the person is using?
What problems are occuring?
What does the person
know beforehand
about the product?
What is the situation
of the person?
What does the person feel and think?
CHANCES
What opportunities
do you see for
your product?
How could you
improve the
user experience
(short-term and
long-term?)
EXPERIENCE GOAL
What do you want to create?
Which problem do you want to solve?
RISKS
Are there any
risks for your
product success?
# STORY-DRIVEN DESIGN
Produktkonzepte aus der Sicht des Nutzers
und seinem Kontext
FOKUS AUF IDEEN
VISUALISIERUNG
Kreatives Denken steht im Mittelpunkt
Responsive Content Experience
CONTEXTUAL STORYBOARDS
EXPERIENCE-FOCUSED
STORYBOARDS
# PROTOTYPING
Responsive Content Experience
ANWENDUNGSSZENARIEN
Wesentlichen User Flows abbilden
PAPER PROTOTYPING
Image: http://blog.invisionapp.com/10-tips-on-prototyping-uis-with-sketch/
VISION PROTOTYPE
High Fidelity Prototype mit Design Anmutungen
PRODUCT DESIGN PRINCIPLES
# USER TEST
Vorbereitung, Durchführung, Bewertung
1. Richtigen Nutzer finden und Konzept
erstellen
2. Richtigen Fragen stellen und im Team
testen
3. Ergebnisse bewerten
Kommunikations-Strategie mit den
Stakeholdern:
1. Bulletproof der Produkt Idee
2. Big-Picture: Fokus auf einen ganzheitlichen
Produkt Fokus (Kann in Agilen Teams
verloren gehen)
3. Produkt-Strategie im Team verankern
2. DESIGN UND
DEVELOPMENT
# NETWORK OF CONTENT
Nicht von Seiten sprechen, sondern von
Content Systems oder Network of Content.
STYLETILES
Design Konzepte entwickeln, keine Seiten
Responsive Content Experience
Responsive Content Experience
Responsive Content Experience
Responsive Content Experience
PATTERN LAB
„Atomic Design“
Responsive Content Experience
FRONTEND STYLEGUIDE
Dokumentation, Living Styleguide
Responsive Content Experience
Source: An overview of Pattern Library Generators
Living Styleguide = Styleguide Driven
Development
Styleguide Driven Development
1. HTML und CSS
2. Bildet den produktiven Stand ab
3. Interaktive UI
4. Versionskontrolle
@Trend Walton
„I traded the control I had in Photoshop for a new kind
of control—using flexible grids, flexible images, and
media queries to build not a page, but a network of
content that can be rearranged at any screen size to
best convey a message.“
http://trentwalton.com/2012/02/02/redefined/
Kommunikations-Strategie mit den
Stakeholdern:
1. Modulares System mit konsistenter UI
2. Living Styleguide
3. Interativer Prozess
4. Schnelles Time to Market
# STEREOTYPE GESTALTUNG
DOMINIERT
Responsive Content Experience
RESPONSIVE IS THE
RENDERING OF CONTEXT.
Responsive Content Experience
TECHNIKEN
CSS FLEXBOX
CSS GRID LAYOUT
CSS3 MULTIPLE COLUMN
LAYOUT
http://labs.thewebahead.net/thelayoutsahead/multicolumn/index.html
AJAX-INCLUDE PATTERN
https://www.filamentgroup.com/lab/...
CONDITIONAL LOADING
https://24ways.org/2011/...
RESPONSIVE WILL GET
CONTENT THAT FITS, NOT
DESKTOP HAND-ME-DOWNS.
CONTENT CHOREOGRAPHY
@Linda van Deursen
„Grids do not exist in a vacuum. They exist in relation to
the content. We never start with a grid. We start with an
idea which is then translated into a form, a structure.“
http://alistapart.com/article/content-out-layout
Kommunikations-Strategie mit den
Stakeholdern:
1. Handlungsrelevanz im jeweiligen
Nutzungskontext vorhanden
2. Performance
# CONTENT BASED
BREAKPOINTS
Workflow mit „Progressive Enhancement“
adressiert Content First, dann das Design.
http://www.slideshare.net/yiibu/pragmatic-responsive-design
Content First
Major Breakpoints (Layout Änderungen)
Minor Breakpoints (Tweak für Komponenten)
http://www.slideshare.net/yiibu/pragmatic-responsive-design
Kommunikations-Strategie mit den
Stakeholdern:
1. Content steht im Vordergrund
2. Unabhängig von technischer
Geräteentwicklung
3. Prozess adressiert MVP
# F…K OFF
LOREM IPSUM
Lorem Ipsum
Typischer Case
Worst case
LOREM IPSUM
HEADER
LOREM IPSUM
FOOTER
LOREM IPSUM LOREM IPSUM
LOREM IPSUM
A NICE LOOKING
LAYOUT
REAL CONTENT
HEADER
FOOTER
REAL CONTENT
REAL CONTENT
REAL CONTENT
REAL CONTENT
Responsive Content Experience
@Luke Wroblewski
„Using dummy content or fake information in the Web
design process can result in products with unrealistic
assumptions and potentially serious design flaws. A
seemingly elegant design can quickly begin to bloat
with unexpected content or break under the weight of
actual activity. Fake data can ensure a nice looking
layout but it doesn’t reflect what a living, breathing
application must endure. Real data does.“
https://articles.uie.com/lorem_ipsum_defense/
@Jacob Nielsen
„Text is a UI“
CONTENT MACHT USABILITY-
TESTS ERST MÖGLICH!
Kommunikations-Strategie mit den
Stakeholdern:
1. Content macht Usabilitytests rest möglich
2. Realistische Anmutung des Produkts
ZUSAMMENFASSUNG
DON'T DEAL WITH DEVICES,
PLAY WITH CONTENTS!
RESPONSIVE IS THE
RENDERING OF CONTEXT
BUILDING FEATURES IS EASY,
BUILDING THE RIGHT
FEATURES FOR THE RIGHT
CONTEXT IS CHALLENGING.
THANK YOU FOR YOUR
ATTENTION
peter.rozek@getit.de
FRAGEN ?
Dear Ellen

Weitere ähnliche Inhalte

Was ist angesagt?

Responsive Navigation Patterns, UX und Guidelines
Responsive Navigation Patterns, UX und GuidelinesResponsive Navigation Patterns, UX und Guidelines
Responsive Navigation Patterns, UX und Guidelines
Peter Rozek
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
Connected-Blog
 
eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...
eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...
eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...
eparo GmbH
 
Responsive Web Design am Beispiel von Virato (Social News Aggregator)
Responsive Web Design am Beispiel von Virato (Social News Aggregator)Responsive Web Design am Beispiel von Virato (Social News Aggregator)
Responsive Web Design am Beispiel von Virato (Social News Aggregator)
curtis newton gmbh (formerly known as dw capital gmbh)
 
Start small, think big - Responsive Web Design
Start small, think big - Responsive Web DesignStart small, think big - Responsive Web Design
Start small, think big - Responsive Web Design
intuio GmbH
 
Next Generation Information Experience – Gedanken über die Zukunft von Conten...
Next Generation Information Experience – Gedanken über die Zukunft von Conten...Next Generation Information Experience – Gedanken über die Zukunft von Conten...
Next Generation Information Experience – Gedanken über die Zukunft von Conten...
Wolfram Nagel
 
Web Design - Inhalte, Interfaces und Interaktion
Web Design - Inhalte, Interfaces und InteraktionWeb Design - Inhalte, Interfaces und Interaktion
Web Design - Inhalte, Interfaces und Interaktion
Björn Wilmsmann
 
Responsive Navigation Patterns, UX und Guidelines (Webdeveloper Week 2015)
Responsive Navigation Patterns, UX und Guidelines (Webdeveloper Week 2015)Responsive Navigation Patterns, UX und Guidelines (Webdeveloper Week 2015)
Responsive Navigation Patterns, UX und Guidelines (Webdeveloper Week 2015)
Peter Rozek
 
Agile UX - Wege zur agilen nutzerzentrierten Produktentwicklung
Agile UX - Wege zur agilen nutzerzentrierten ProduktentwicklungAgile UX - Wege zur agilen nutzerzentrierten Produktentwicklung
Agile UX - Wege zur agilen nutzerzentrierten Produktentwicklung
Rainer Gibbert
 

Was ist angesagt? (9)

Responsive Navigation Patterns, UX und Guidelines
Responsive Navigation Patterns, UX und GuidelinesResponsive Navigation Patterns, UX und Guidelines
Responsive Navigation Patterns, UX und Guidelines
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...
eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...
eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...
 
Responsive Web Design am Beispiel von Virato (Social News Aggregator)
Responsive Web Design am Beispiel von Virato (Social News Aggregator)Responsive Web Design am Beispiel von Virato (Social News Aggregator)
Responsive Web Design am Beispiel von Virato (Social News Aggregator)
 
Start small, think big - Responsive Web Design
Start small, think big - Responsive Web DesignStart small, think big - Responsive Web Design
Start small, think big - Responsive Web Design
 
Next Generation Information Experience – Gedanken über die Zukunft von Conten...
Next Generation Information Experience – Gedanken über die Zukunft von Conten...Next Generation Information Experience – Gedanken über die Zukunft von Conten...
Next Generation Information Experience – Gedanken über die Zukunft von Conten...
 
Web Design - Inhalte, Interfaces und Interaktion
Web Design - Inhalte, Interfaces und InteraktionWeb Design - Inhalte, Interfaces und Interaktion
Web Design - Inhalte, Interfaces und Interaktion
 
Responsive Navigation Patterns, UX und Guidelines (Webdeveloper Week 2015)
Responsive Navigation Patterns, UX und Guidelines (Webdeveloper Week 2015)Responsive Navigation Patterns, UX und Guidelines (Webdeveloper Week 2015)
Responsive Navigation Patterns, UX und Guidelines (Webdeveloper Week 2015)
 
Agile UX - Wege zur agilen nutzerzentrierten Produktentwicklung
Agile UX - Wege zur agilen nutzerzentrierten ProduktentwicklungAgile UX - Wege zur agilen nutzerzentrierten Produktentwicklung
Agile UX - Wege zur agilen nutzerzentrierten Produktentwicklung
 

Andere mochten auch

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
 
Responsive Design
Responsive DesignResponsive Design
Responsive Design
Idan Ben Ari
 
Performance and UX
Performance and UXPerformance and UX
Performance and UX
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
 
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
 
2017년 콘텐츠 서비스 디자인/UX 트렌드와 전망: 파괴적 UX혁신 방향성 고찰로 새로운 프레임 추구
2017년 콘텐츠 서비스 디자인/UX 트렌드와 전망: 파괴적 UX혁신 방향성 고찰로 새로운 프레임 추구2017년 콘텐츠 서비스 디자인/UX 트렌드와 전망: 파괴적 UX혁신 방향성 고찰로 새로운 프레임 추구
2017년 콘텐츠 서비스 디자인/UX 트렌드와 전망: 파괴적 UX혁신 방향성 고찰로 새로운 프레임 추구
Billy Choi
 
Lightning Talk #15: Beyond Usability: Elements of Great Modern User Experienc...
Lightning Talk #15: Beyond Usability: Elements of Great Modern User Experienc...Lightning Talk #15: Beyond Usability: Elements of Great Modern User Experienc...
Lightning Talk #15: Beyond Usability: Elements of Great Modern User Experienc...
ux singapore
 
10 Insightful Quotes On Designing A Better Customer Experience
10 Insightful Quotes On Designing A Better Customer Experience10 Insightful Quotes On Designing A Better Customer Experience
10 Insightful Quotes On Designing A Better Customer Experience
Yuan Wang
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!
Jayan Narayanan
 
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika AldabaLightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
ux singapore
 
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
 

Andere mochten auch (11)

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
 
Responsive Design
Responsive DesignResponsive Design
Responsive Design
 
Performance and UX
Performance and UXPerformance and UX
Performance and UX
 
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
 
Cross Device Experience with HTML Prototyping
Cross Device Experience with HTML PrototypingCross Device Experience with HTML Prototyping
Cross Device Experience with HTML Prototyping
 
2017년 콘텐츠 서비스 디자인/UX 트렌드와 전망: 파괴적 UX혁신 방향성 고찰로 새로운 프레임 추구
2017년 콘텐츠 서비스 디자인/UX 트렌드와 전망: 파괴적 UX혁신 방향성 고찰로 새로운 프레임 추구2017년 콘텐츠 서비스 디자인/UX 트렌드와 전망: 파괴적 UX혁신 방향성 고찰로 새로운 프레임 추구
2017년 콘텐츠 서비스 디자인/UX 트렌드와 전망: 파괴적 UX혁신 방향성 고찰로 새로운 프레임 추구
 
Lightning Talk #15: Beyond Usability: Elements of Great Modern User Experienc...
Lightning Talk #15: Beyond Usability: Elements of Great Modern User Experienc...Lightning Talk #15: Beyond Usability: Elements of Great Modern User Experienc...
Lightning Talk #15: Beyond Usability: Elements of Great Modern User Experienc...
 
10 Insightful Quotes On Designing A Better Customer Experience
10 Insightful Quotes On Designing A Better Customer Experience10 Insightful Quotes On Designing A Better Customer Experience
10 Insightful Quotes On Designing A Better Customer Experience
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!
 
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika AldabaLightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
 
DESIGN THE PRIORITY, PERFORMANCE 
AND UX
DESIGN THE PRIORITY, PERFORMANCE 
AND UXDESIGN THE PRIORITY, PERFORMANCE 
AND UX
DESIGN THE PRIORITY, PERFORMANCE 
AND UX
 

Ähnlich wie Responsive Content Experience

UX & AGILE vom SCRUM Stammtisch Graz
UX & AGILE vom SCRUM Stammtisch GrazUX & AGILE vom SCRUM Stammtisch Graz
UX & AGILE vom SCRUM Stammtisch Graz
HAnnes Robier
 
Wettschätzen mit der Bet-Cost-Matrix
Wettschätzen mit der Bet-Cost-MatrixWettschätzen mit der Bet-Cost-Matrix
Wettschätzen mit der Bet-Cost-Matrix
Screamin Wrba
 
Website Konzeption - Eine interdisziplinäre Teamarbeit
Website Konzeption - Eine interdisziplinäre TeamarbeitWebsite Konzeption - Eine interdisziplinäre Teamarbeit
Website Konzeption - Eine interdisziplinäre Teamarbeit
Oliver Annen
 
Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster
Usability / Designtrends in Kommunalen Internetportalen - Nicole ArmbrusterUsability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster
Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster
City & Bits GmbH
 
Wie Sie Mit Design Sprints Echten Digitalen Wandel Schaffen
Wie Sie Mit Design Sprints Echten Digitalen Wandel SchaffenWie Sie Mit Design Sprints Echten Digitalen Wandel Schaffen
Wie Sie Mit Design Sprints Echten Digitalen Wandel Schaffen
iTiZZiMO
 
Content ist Design. Design ist Content – Ansätze für eine ganzheitliche Conte...
Content ist Design. Design ist Content – Ansätze für eine ganzheitliche Conte...Content ist Design. Design ist Content – Ansätze für eine ganzheitliche Conte...
Content ist Design. Design ist Content – Ansätze für eine ganzheitliche Conte...
Robert Weller
 
Agiles Anforderungsmanagement bei HEC
Agiles Anforderungsmanagement bei HECAgiles Anforderungsmanagement bei HEC
Agiles Anforderungsmanagement bei HEC
Christian Seedig
 
Vortrag IA Konferenz: Partizipative Gestaltung erfolgreich angewendet
Vortrag IA Konferenz: Partizipative Gestaltung erfolgreich angewendetVortrag IA Konferenz: Partizipative Gestaltung erfolgreich angewendet
Vortrag IA Konferenz: Partizipative Gestaltung erfolgreich angewendet
Lisa Reimer (geb. Wenzel)
 
Digital Banking: Simplicity and User Experience
Digital Banking: Simplicity and User ExperienceDigital Banking: Simplicity and User Experience
Digital Banking: Simplicity and User Experience
Jürg Stuker
 
eparo – Inhalte und Funktionen von Websites (Vortrag IICO Kongress 2009 – Rol...
eparo – Inhalte und Funktionen von Websites (Vortrag IICO Kongress 2009 – Rol...eparo – Inhalte und Funktionen von Websites (Vortrag IICO Kongress 2009 – Rol...
eparo – Inhalte und Funktionen von Websites (Vortrag IICO Kongress 2009 – Rol...
eparo GmbH
 
SEO Produktspezifikation für RWD
SEO Produktspezifikation für RWDSEO Produktspezifikation für RWD
SEO Produktspezifikation für RWD
Conny Stier
 
developer-experience.pdf
developer-experience.pdfdeveloper-experience.pdf
developer-experience.pdf
Konrad Ferdinand Heimel
 
Large-Scale Product Owner @ XPDays Germany (5.10.2023)
Large-Scale Product Owner @ XPDays Germany (5.10.2023)Large-Scale Product Owner @ XPDays Germany (5.10.2023)
Large-Scale Product Owner @ XPDays Germany (5.10.2023)
Pierluigi Pugliese
 
knowtech2011-Verwaltung2.0
knowtech2011-Verwaltung2.0knowtech2011-Verwaltung2.0
knowtech2011-Verwaltung2.0
TwentyOne AG
 
IA Konferenz 2009
IA Konferenz 2009IA Konferenz 2009
IA Konferenz 2009
Jutta Korn
 
Micro UX. Wie Produkte wirklich Spaß machen (2014)
Micro UX. Wie Produkte wirklich Spaß machen (2014)Micro UX. Wie Produkte wirklich Spaß machen (2014)
Micro UX. Wie Produkte wirklich Spaß machen (2014)
denkwerk GmbH
 
Agil und kreativ - Moderne Designprozesse
Agil und kreativ - Moderne DesignprozesseAgil und kreativ - Moderne Designprozesse
Agil und kreativ - Moderne Designprozesse
Hans-Joachim Belz
 
Design Thinking und agile Softwareentwicklung
Design Thinking und agile SoftwareentwicklungDesign Thinking und agile Softwareentwicklung
Design Thinking und agile Softwareentwicklung
Andreas Binggeli
 
Agilität im Systems Engineering – geht das?
Agilität im Systems Engineering – geht das?Agilität im Systems Engineering – geht das?
Agilität im Systems Engineering – geht das?
HOOD Group
 
Stay calm & keep shipping - iOS DevCon 2013
Stay calm & keep shipping - iOS DevCon 2013Stay calm & keep shipping - iOS DevCon 2013
Stay calm & keep shipping - iOS DevCon 2013
superflomo
 

Ähnlich wie Responsive Content Experience (20)

UX & AGILE vom SCRUM Stammtisch Graz
UX & AGILE vom SCRUM Stammtisch GrazUX & AGILE vom SCRUM Stammtisch Graz
UX & AGILE vom SCRUM Stammtisch Graz
 
Wettschätzen mit der Bet-Cost-Matrix
Wettschätzen mit der Bet-Cost-MatrixWettschätzen mit der Bet-Cost-Matrix
Wettschätzen mit der Bet-Cost-Matrix
 
Website Konzeption - Eine interdisziplinäre Teamarbeit
Website Konzeption - Eine interdisziplinäre TeamarbeitWebsite Konzeption - Eine interdisziplinäre Teamarbeit
Website Konzeption - Eine interdisziplinäre Teamarbeit
 
Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster
Usability / Designtrends in Kommunalen Internetportalen - Nicole ArmbrusterUsability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster
Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster
 
Wie Sie Mit Design Sprints Echten Digitalen Wandel Schaffen
Wie Sie Mit Design Sprints Echten Digitalen Wandel SchaffenWie Sie Mit Design Sprints Echten Digitalen Wandel Schaffen
Wie Sie Mit Design Sprints Echten Digitalen Wandel Schaffen
 
Content ist Design. Design ist Content – Ansätze für eine ganzheitliche Conte...
Content ist Design. Design ist Content – Ansätze für eine ganzheitliche Conte...Content ist Design. Design ist Content – Ansätze für eine ganzheitliche Conte...
Content ist Design. Design ist Content – Ansätze für eine ganzheitliche Conte...
 
Agiles Anforderungsmanagement bei HEC
Agiles Anforderungsmanagement bei HECAgiles Anforderungsmanagement bei HEC
Agiles Anforderungsmanagement bei HEC
 
Vortrag IA Konferenz: Partizipative Gestaltung erfolgreich angewendet
Vortrag IA Konferenz: Partizipative Gestaltung erfolgreich angewendetVortrag IA Konferenz: Partizipative Gestaltung erfolgreich angewendet
Vortrag IA Konferenz: Partizipative Gestaltung erfolgreich angewendet
 
Digital Banking: Simplicity and User Experience
Digital Banking: Simplicity and User ExperienceDigital Banking: Simplicity and User Experience
Digital Banking: Simplicity and User Experience
 
eparo – Inhalte und Funktionen von Websites (Vortrag IICO Kongress 2009 – Rol...
eparo – Inhalte und Funktionen von Websites (Vortrag IICO Kongress 2009 – Rol...eparo – Inhalte und Funktionen von Websites (Vortrag IICO Kongress 2009 – Rol...
eparo – Inhalte und Funktionen von Websites (Vortrag IICO Kongress 2009 – Rol...
 
SEO Produktspezifikation für RWD
SEO Produktspezifikation für RWDSEO Produktspezifikation für RWD
SEO Produktspezifikation für RWD
 
developer-experience.pdf
developer-experience.pdfdeveloper-experience.pdf
developer-experience.pdf
 
Large-Scale Product Owner @ XPDays Germany (5.10.2023)
Large-Scale Product Owner @ XPDays Germany (5.10.2023)Large-Scale Product Owner @ XPDays Germany (5.10.2023)
Large-Scale Product Owner @ XPDays Germany (5.10.2023)
 
knowtech2011-Verwaltung2.0
knowtech2011-Verwaltung2.0knowtech2011-Verwaltung2.0
knowtech2011-Verwaltung2.0
 
IA Konferenz 2009
IA Konferenz 2009IA Konferenz 2009
IA Konferenz 2009
 
Micro UX. Wie Produkte wirklich Spaß machen (2014)
Micro UX. Wie Produkte wirklich Spaß machen (2014)Micro UX. Wie Produkte wirklich Spaß machen (2014)
Micro UX. Wie Produkte wirklich Spaß machen (2014)
 
Agil und kreativ - Moderne Designprozesse
Agil und kreativ - Moderne DesignprozesseAgil und kreativ - Moderne Designprozesse
Agil und kreativ - Moderne Designprozesse
 
Design Thinking und agile Softwareentwicklung
Design Thinking und agile SoftwareentwicklungDesign Thinking und agile Softwareentwicklung
Design Thinking und agile Softwareentwicklung
 
Agilität im Systems Engineering – geht das?
Agilität im Systems Engineering – geht das?Agilität im Systems Engineering – geht das?
Agilität im Systems Engineering – geht das?
 
Stay calm & keep shipping - iOS DevCon 2013
Stay calm & keep shipping - iOS DevCon 2013Stay calm & keep shipping - iOS DevCon 2013
Stay calm & keep shipping - iOS DevCon 2013
 

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
 
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
 
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
 
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
 
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
 
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
 
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
 
Responsive Navigation Patterns, UX und Guidelines (Webinale 2015)
Responsive Navigation Patterns, UX und Guidelines (Webinale 2015)Responsive Navigation Patterns, UX und Guidelines (Webinale 2015)
Responsive Navigation Patterns, UX und Guidelines (Webinale 2015)
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 Navigation Patterns - UX und Guidelines
Responsive Navigation Patterns - UX und GuidelinesResponsive Navigation Patterns - UX und Guidelines
Responsive Navigation Patterns - UX und Guidelines
Peter Rozek
 
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
 
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
 
RESPONSIVE WEBDESIGN, Navigationskonzepte für Mobile Devices
RESPONSIVE WEBDESIGN, Navigationskonzepte für Mobile Devices RESPONSIVE WEBDESIGN, Navigationskonzepte für Mobile Devices
RESPONSIVE WEBDESIGN, Navigationskonzepte für Mobile Devices
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
 
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
 
THE UX OF DATA - VISUALIZATION RESPONSIVE
THE UX OF DATA - VISUALIZATION RESPONSIVETHE UX OF DATA - VISUALIZATION RESPONSIVE
THE UX OF DATA - VISUALIZATION RESPONSIVE
 
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
 
Responsive Navigation Patterns, UX and Guidelines
Responsive Navigation Patterns, UX and GuidelinesResponsive Navigation Patterns, UX and Guidelines
Responsive Navigation Patterns, UX and Guidelines
 
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
 
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
 
Responsive Navigation Patterns, UX und Guidelines (Webinale 2015)
Responsive Navigation Patterns, UX und Guidelines (Webinale 2015)Responsive Navigation Patterns, UX und Guidelines (Webinale 2015)
Responsive Navigation Patterns, UX und Guidelines (Webinale 2015)
 
Hightway to Hell - Responsive Webdesign Testen
Hightway to Hell - Responsive Webdesign TestenHightway to Hell - Responsive Webdesign Testen
Hightway to Hell - Responsive Webdesign Testen
 
Responsive Navigation Patterns - UX und Guidelines
Responsive Navigation Patterns - UX und GuidelinesResponsive Navigation Patterns - UX und Guidelines
Responsive Navigation Patterns - UX und Guidelines
 
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
 
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
 
RESPONSIVE WEBDESIGN, Navigationskonzepte für Mobile Devices
RESPONSIVE WEBDESIGN, Navigationskonzepte für Mobile Devices RESPONSIVE WEBDESIGN, Navigationskonzepte für Mobile Devices
RESPONSIVE WEBDESIGN, Navigationskonzepte für Mobile Devices
 
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 Content Experience