SlideShare a Scribd company logo
@webinterface
THE UX OF DATA
VISUALIZATION RESPONSIVE
SMART DATA 2016
@webinterface
PETER ROZEK
@webinterface
@webinterface
@webinterface
WORK @ ecx.io (DIGITAL AGENCY)
@webinterface
ECX.IO AN IBM COMPANY
UX, USABILITY, ACCESSIBILITY,
FRONTEND
@webinterface
@webinterface
DATA VISUALIZATION
TODAY, IS ABOUT
DESIGNING SYSTEMS,
STRATEGIES AND
EXPERIENCE.
@webinterface
HISTORY OF DATA
VISUALIZATION
@webinterface
300BC
PORPHYRY OF TYROS
CREATED THE FIRST
DOCUMENTED MIND
MAP.
@webinterface
1786
WILLIAM PLAYFAIR PUBLISEHD THE
FIRST SET OF CHARTS.
@webinterface
@webinterface
TODAY, DATA WAS NO LONGER LIMITED
TO JUST A STATIC VIEW, IT COULD BE
INTERACTED WITH DYNAMICALLY.
@webinterface
WE ARE
WIRED TO
VISUALIZE
FAST.
WE ARE
NOT WIRED
TO READ
FAST.
@webinterface
THE OLD SAYING:
„A PHOTO IS WORTH A THOUNSEND
WORDS“.
@webinterface
8.96 Mb/S
VISUAL 81.6 B/S
READING
@webinterface@webinterface
THE AVERAGE PERSON
COMPREHENDS 120 WORDS PER
MINUTE READING.
THAT IS EQUIVALENT TO 81.6 BITS OF
DATA PER SECOND.
@webinterface
THE CONNECTION BETWEEN THE EYE
AND BRAIN IS FAST.
THE HUMAN BRAIN IS ESPECIALLY AT
RECOGNIZING SHAPES AND
PATTERNS.
@webinterface
WHAT IS EXACTLY THE UX
OF DATA VISUALIZATION?
@webinterface
HUMANIZED
PERSONAL CONNECT
MEMORABLE
IMPACTFUL
@webinterface
@webinterface
@webinterface
WHAT EXACTLY DOES
DATA VISUALIZATION
DO?
@webinterface
DATA VISUALIZATION IS A VISUAL
REPRESENTATION OF DATA.
DATA MADE MORE
UNDERSTANDABLE.
@webinterface
@webinterface
@webinterface
DATA VISUALIZATION AND
INFOGRAPHICS ARE NOT THE SAME.
INFOGRAPHICS TELL A SCROLLING
STORY, BY PROVIDING TIDBITS OF DATA
TO SUPPORT A SPECIFIC IDEA OR
STRATEGY.
@webinterface Source: http://www.evanshalshaw.com/more/bondcars/
@webinterface
MAKE YOUR 

DATA KNOWLEDGE
BEAUTIFUL 

IN FIVE STEPS. 5
@webinterface
1. UNDERSTAND THE
SOURCE
@webinterface Image: http://www.br.de
VISUAL COMPLEXITY
LEARNING TO CREATE GOOD DATA
VISUALIZATION MEANS TO
UNDERSTAND THE DATA AT FIRST.
@webinterface
5 6 8 9 1 3 4 8 3
9 4 5 6 7 1 0 2 3
5 8 7 8 3 5 7 3 9
2 4 9 3 1 9 3 4 5
DATA

TRANSFORMATION
STATISTICS
VISUAL

MAPPING
VISUAL DESIGN
INTERACTIVE

FRAMING
INTERACTION 

DESIGN
@webinterface Image: http://www.br.de
START SKETCHING YOUR IDEA. THIS
TECHNIQUE IS FAST AND EASY TO
EVALUATE.
@webinterface
2. UNDERSTAND THE
CONTEXT
@webinterface
CONTEXT:
THINK SMALL AND ASSET DEPENDENCE
@webinterface
PLOTTING THE UX OF DATA IN A
JOURNEY MAP.
@webinterface
CONTENT:
READABLE
OPERABLE
UNDERSTANDABLE
INTERACTION
@webinterface
COMPONENT:
DESIGN VISUALIZATIONS FOR ANY
SCREEN AND ANY BROWSER.
USE HTML TO BUILD AND JAVASCRIPT
TO ENHANCE.
@webinterface
THINK RESPONSIVELY FROM THE
BEGINNING OF THE PROJECT.
@webinterface
USE AND ADAPT THE TECHNICAL
PRINCIPLES OF RESPONSIVE WEB
DESIGN.
WORKING WITH FLEXIBLE GRID
DESIGNING WITH CSS
ENHANCING WITH JAVASCRIPT
@webinterface
3. IDENTIFY THE
NARRATIVE
@webinterface
GOOD DATA VISUALIZATION TELLS A
STORY THAT CAN BE UNDERSTAND
BY ANYONE.
@webinterface Source: What makes a good visualization?
@webinterface
STORYTELLING CHANGES WITH
TECHNOLOGY.
@webinterface@webinterface
CAVE PAINTING TELL STORIES
PEOPLE TELL STORIES
@webinterface Image: https://de.wikipedia.org/wiki/Geschichte_des_Buchdrucks
Image from: https://de.wikipedia.org/wiki/Geschichte_des_Buchdrucks@webinterface
WORDS TELL STORIES
@webinterface
IMAGES TELL STORIES
Image from: http://nikolawashere.com/tag/avengers/@webinterface
COMIC TELL STORIES
Image from: http://www.giga.de/filme/...@webinterface
MOVIES TELL STORIES
@webinterface
DATA TELL STORIES
STORIES ARE MEANINGFUL
DATA ARE MEANINGFUL
Source: http://d3js.org/
D3.js
@webinterface
@webinterface
JAVASCRIPT LIBRARY FOR
MANIPULATING DOCUMENTS BASED
ON DATA.
USING HTML, SVG, CSS TRANSITIONS
EMPHASIS ON WEB STANDARDS
CAPABILITIES OF MODERN BROWSERS
„…so if your browser doesn't
support standards, you're out of
luck. Sorry!“
D3 documentation
Source: https://github.com/mbostock/d3/wiki@webinterface
Source: http://www.chartjs.org/
@webinterface
HTML 5 BASED
SIMPLE AND FLEXIBLE
RESPONSIVE
MODULAR
INTERACTIVE
@webinterface Source: https://gionkunz.github.io/chartist-js/
@webinterface
STYLE WITH CSS & CONTROL WITH JS
USAGE OF SVG
RESPONSIVE CONFIGURATION WITH
MEDIA QUERIES
@webinterface
4. DEFINE THE USER
EXPERIENCE
@webinterface
DATA NEEDS A LANGUAGE AND
STORY TO FOLLOW BE EFFECTIVE.
@webinterface
TURNING STORIES INTO REALITY:
MEMORABLE
IMPACTFUL
PERSONAL CONNECT
@webinterface
5. SIMPLICITY RULES
@webinterface
DATA VISUALIZATIONS EXIST TO
INFORM THE USER.
THEY´RE NOT AN EXCUSE TO
OVERLOAD SOMEONE WITH
INFORMATION THEY DON´T NEED TO
KNOW.
@webinterface
ROLE OF A DESIGNER AND
DEVELOPER TO FOCUS ON
SIMPLICITY.
TAKING COMPLEX OR DISPARATE
INFORMATION AND MAKING IT
TANGIBLE AND UNDERSTANDABLE.
@webinterface
CONCLUSION
@webinterface
WHAT IS YOUR
OBJECTIVE?
@webinterface
RESEARCH:

FIND YOUR USER´S
FRICTION.
@webinterface
IMPLEMENT
MEASURE
ITERATE
@webinterface
MORE HUMAN
„Big Data ist kein Heiliger Gral.
Entscheidungen müssen immer
noch von Menschen getroffen
werden. Maschinen können nicht
kreativ sein.“
Jeremy Abbet, Creative Evangelist bei Google Deutschland
@webinterface
THANKS
…dear Ellen
@webinterface
@webinterface
peter.rozek@ecx.io

More Related Content

What's hot

AppSec And Microservices
AppSec And MicroservicesAppSec And Microservices
AppSec And MicroservicesSam Newman
 
Confusion In The Land Of The Serverless - 90min Version
Confusion In The Land Of The Serverless - 90min VersionConfusion In The Land Of The Serverless - 90min Version
Confusion In The Land Of The Serverless - 90min VersionSam Newman
 
Principles of microservices XP Days Ukraine
Principles of microservices   XP Days UkrainePrinciples of microservices   XP Days Ukraine
Principles of microservices XP Days UkraineSam Newman
 
BETA - Securing microservices
BETA - Securing microservicesBETA - Securing microservices
BETA - Securing microservicesSam Newman
 
Practical microservices - javazone 2014
Practical microservices -  javazone 2014Practical microservices -  javazone 2014
Practical microservices - javazone 2014Sam Newman
 
AppSec & Microservices - Velocity 2016
AppSec & Microservices - Velocity 2016AppSec & Microservices - Velocity 2016
AppSec & Microservices - Velocity 2016Sam Newman
 
Practical microservices - NDC 2014
Practical microservices  - NDC 2014Practical microservices  - NDC 2014
Practical microservices - NDC 2014Sam Newman
 
QCon Sao Paulo Keynote - Microservices, an Unexpected Journey
QCon Sao Paulo Keynote - Microservices, an Unexpected JourneyQCon Sao Paulo Keynote - Microservices, an Unexpected Journey
QCon Sao Paulo Keynote - Microservices, an Unexpected JourneySam Newman
 
What Is This Cloud Native Thing Anyway?
What Is This Cloud Native Thing Anyway?What Is This Cloud Native Thing Anyway?
What Is This Cloud Native Thing Anyway?Sam Newman
 
From macro to micro goto
From macro to micro   gotoFrom macro to micro   goto
From macro to micro gotoSam Newman
 
Deploying and Scaling Microservices
Deploying and Scaling MicroservicesDeploying and Scaling Microservices
Deploying and Scaling MicroservicesSam Newman
 
Confusion In The Land Of The Serverless
Confusion In The Land Of The ServerlessConfusion In The Land Of The Serverless
Confusion In The Land Of The ServerlessSam Newman
 
The Progressive Web and its New Challenges - Confoo Montréal 2017
The Progressive Web and its New Challenges - Confoo Montréal 2017The Progressive Web and its New Challenges - Confoo Montréal 2017
The Progressive Web and its New Challenges - Confoo Montréal 2017Christian Heilmann
 
Testing & deploying microservices - XP Days Ukraine 2014
Testing & deploying microservices  - XP Days Ukraine 2014Testing & deploying microservices  - XP Days Ukraine 2014
Testing & deploying microservices - XP Days Ukraine 2014Sam Newman
 
Progressive Web Apps - Bringing the web front and center
Progressive Web Apps - Bringing the web front and center Progressive Web Apps - Bringing the web front and center
Progressive Web Apps - Bringing the web front and center Christian Heilmann
 
Adaptive: Content, Context, and Controversy
Adaptive: Content, Context, and ControversyAdaptive: Content, Context, and Controversy
Adaptive: Content, Context, and ControversyKaren McGrane
 
10 technische SEO Hacks | Dominik Wojcik | SEOkomm 2017
10 technische SEO Hacks | Dominik Wojcik | SEOkomm 201710 technische SEO Hacks | Dominik Wojcik | SEOkomm 2017
10 technische SEO Hacks | Dominik Wojcik | SEOkomm 2017TA Trust Agents Internet GmbH
 
Mobile Apps at Work for Non For Profit Accountants #AICPANFP
Mobile Apps at Work for Non For Profit Accountants #AICPANFPMobile Apps at Work for Non For Profit Accountants #AICPANFP
Mobile Apps at Work for Non For Profit Accountants #AICPANFPgrimesba
 
Mobile apps at work for non for profit accountants aicpa
Mobile apps at work for non for profit accountants aicpaMobile apps at work for non for profit accountants aicpa
Mobile apps at work for non for profit accountants aicpaAbila
 

What's hot (20)

AppSec And Microservices
AppSec And MicroservicesAppSec And Microservices
AppSec And Microservices
 
Confusion In The Land Of The Serverless - 90min Version
Confusion In The Land Of The Serverless - 90min VersionConfusion In The Land Of The Serverless - 90min Version
Confusion In The Land Of The Serverless - 90min Version
 
Principles of microservices XP Days Ukraine
Principles of microservices   XP Days UkrainePrinciples of microservices   XP Days Ukraine
Principles of microservices XP Days Ukraine
 
BETA - Securing microservices
BETA - Securing microservicesBETA - Securing microservices
BETA - Securing microservices
 
Practical microservices - javazone 2014
Practical microservices -  javazone 2014Practical microservices -  javazone 2014
Practical microservices - javazone 2014
 
AppSec & Microservices - Velocity 2016
AppSec & Microservices - Velocity 2016AppSec & Microservices - Velocity 2016
AppSec & Microservices - Velocity 2016
 
Practical microservices - NDC 2014
Practical microservices  - NDC 2014Practical microservices  - NDC 2014
Practical microservices - NDC 2014
 
QCon Sao Paulo Keynote - Microservices, an Unexpected Journey
QCon Sao Paulo Keynote - Microservices, an Unexpected JourneyQCon Sao Paulo Keynote - Microservices, an Unexpected Journey
QCon Sao Paulo Keynote - Microservices, an Unexpected Journey
 
What Is This Cloud Native Thing Anyway?
What Is This Cloud Native Thing Anyway?What Is This Cloud Native Thing Anyway?
What Is This Cloud Native Thing Anyway?
 
It's a trap!
It's a trap!It's a trap!
It's a trap!
 
From macro to micro goto
From macro to micro   gotoFrom macro to micro   goto
From macro to micro goto
 
Deploying and Scaling Microservices
Deploying and Scaling MicroservicesDeploying and Scaling Microservices
Deploying and Scaling Microservices
 
Confusion In The Land Of The Serverless
Confusion In The Land Of The ServerlessConfusion In The Land Of The Serverless
Confusion In The Land Of The Serverless
 
The Progressive Web and its New Challenges - Confoo Montréal 2017
The Progressive Web and its New Challenges - Confoo Montréal 2017The Progressive Web and its New Challenges - Confoo Montréal 2017
The Progressive Web and its New Challenges - Confoo Montréal 2017
 
Testing & deploying microservices - XP Days Ukraine 2014
Testing & deploying microservices  - XP Days Ukraine 2014Testing & deploying microservices  - XP Days Ukraine 2014
Testing & deploying microservices - XP Days Ukraine 2014
 
Progressive Web Apps - Bringing the web front and center
Progressive Web Apps - Bringing the web front and center Progressive Web Apps - Bringing the web front and center
Progressive Web Apps - Bringing the web front and center
 
Adaptive: Content, Context, and Controversy
Adaptive: Content, Context, and ControversyAdaptive: Content, Context, and Controversy
Adaptive: Content, Context, and Controversy
 
10 technische SEO Hacks | Dominik Wojcik | SEOkomm 2017
10 technische SEO Hacks | Dominik Wojcik | SEOkomm 201710 technische SEO Hacks | Dominik Wojcik | SEOkomm 2017
10 technische SEO Hacks | Dominik Wojcik | SEOkomm 2017
 
Mobile Apps at Work for Non For Profit Accountants #AICPANFP
Mobile Apps at Work for Non For Profit Accountants #AICPANFPMobile Apps at Work for Non For Profit Accountants #AICPANFP
Mobile Apps at Work for Non For Profit Accountants #AICPANFP
 
Mobile apps at work for non for profit accountants aicpa
Mobile apps at work for non for profit accountants aicpaMobile apps at work for non for profit accountants aicpa
Mobile apps at work for non for profit accountants aicpa
 

Viewers also liked

UX and the City - An introduction to user experience design in the financial ...
UX and the City - An introduction to user experience design in the financial ...UX and the City - An introduction to user experience design in the financial ...
UX and the City - An introduction to user experience design in the financial ...Amir Dotan
 
Ecommerce & the Social Web: Why it matters. What you can do.
Ecommerce & the Social Web: Why it matters. What you can do.Ecommerce & the Social Web: Why it matters. What you can do.
Ecommerce & the Social Web: Why it matters. What you can do.Dayna Bateman
 
Social Spaces: Lessons from Radical Architects
Social Spaces: Lessons from Radical ArchitectsSocial Spaces: Lessons from Radical Architects
Social Spaces: Lessons from Radical ArchitectsChristina Wodtke
 
The Real Life Social Network v2
The Real Life Social Network v2The Real Life Social Network v2
The Real Life Social Network v2Paul Adams
 
Cross Device Experience with HTML Prototyping
Cross Device Experience with HTML PrototypingCross Device Experience with HTML Prototyping
Cross Device Experience with HTML PrototypingPeter Rozek
 
Designers vs Developers- Coming together to build the best RIAs
Designers vs Developers- Coming together to build the best RIAsDesigners vs Developers- Coming together to build the best RIAs
Designers vs Developers- Coming together to build the best RIAsTheresa Neil
 

Viewers also liked (8)

UX and the City - An introduction to user experience design in the financial ...
UX and the City - An introduction to user experience design in the financial ...UX and the City - An introduction to user experience design in the financial ...
UX and the City - An introduction to user experience design in the financial ...
 
Ecommerce & the Social Web: Why it matters. What you can do.
Ecommerce & the Social Web: Why it matters. What you can do.Ecommerce & the Social Web: Why it matters. What you can do.
Ecommerce & the Social Web: Why it matters. What you can do.
 
Social Spaces: Lessons from Radical Architects
Social Spaces: Lessons from Radical ArchitectsSocial Spaces: Lessons from Radical Architects
Social Spaces: Lessons from Radical Architects
 
The Real Life Social Network v2
The Real Life Social Network v2The Real Life Social Network v2
The Real Life Social Network v2
 
Culture Usability
Culture UsabilityCulture Usability
Culture Usability
 
Cross Device Experience with HTML Prototyping
Cross Device Experience with HTML PrototypingCross Device Experience with HTML Prototyping
Cross Device Experience with HTML Prototyping
 
Designers vs Developers- Coming together to build the best RIAs
Designers vs Developers- Coming together to build the best RIAsDesigners vs Developers- Coming together to build the best RIAs
Designers vs Developers- Coming together to build the best RIAs
 
User Centered Design 101
User Centered Design 101User Centered Design 101
User Centered Design 101
 

Similar to THE UX OF DATA - VISUALIZATION RESPONSIVE

Real Time Synchronized Virtual Visual Experience
Real Time Synchronized Virtual Visual ExperienceReal Time Synchronized Virtual Visual Experience
Real Time Synchronized Virtual Visual ExperienceSean Lee
 
DESIGN THE PRIORITY, PERFORMANCE 
AND UX
DESIGN THE PRIORITY, PERFORMANCE 
AND UXDESIGN THE PRIORITY, PERFORMANCE 
AND UX
DESIGN THE PRIORITY, PERFORMANCE 
AND UXPeter Rozek
 
Don't predict the future
Don't predict the futureDon't predict the future
Don't predict the futureErik Arvedson
 
Responsive Design Workflow: Webshaped 2012
Responsive Design Workflow: Webshaped 2012Responsive Design Workflow: Webshaped 2012
Responsive Design Workflow: Webshaped 2012Stephen Hay
 
Responsive Design Workflow: Mobilism 2012
Responsive Design Workflow: Mobilism 2012Responsive Design Workflow: Mobilism 2012
Responsive Design Workflow: Mobilism 2012Stephen Hay
 
Designing future proof websites
Designing future proof websitesDesigning future proof websites
Designing future proof websitesFour Kitchens
 
Exploring Adaptive Interfaces [Generate 2017]
Exploring Adaptive Interfaces [Generate 2017]Exploring Adaptive Interfaces [Generate 2017]
Exploring Adaptive Interfaces [Generate 2017]Aaron Gustafson
 
ABD322_Implementing a Flight Simulator Interface Using AI, Virtual Reality, a...
ABD322_Implementing a Flight Simulator Interface Using AI, Virtual Reality, a...ABD322_Implementing a Flight Simulator Interface Using AI, Virtual Reality, a...
ABD322_Implementing a Flight Simulator Interface Using AI, Virtual Reality, a...Amazon Web Services
 
LavaCon: What is Information Architecture?
LavaCon: What is Information Architecture?LavaCon: What is Information Architecture?
LavaCon: What is Information Architecture?uxhow
 
Planning for a Digital Future
Planning for a Digital FuturePlanning for a Digital Future
Planning for a Digital FutureNETSCOUT
 
Responsive Web Design: the secret sauce - JavaScript Open Day Montreal - 2015...
Responsive Web Design: the secret sauce - JavaScript Open Day Montreal - 2015...Responsive Web Design: the secret sauce - JavaScript Open Day Montreal - 2015...
Responsive Web Design: the secret sauce - JavaScript Open Day Montreal - 2015...Frédéric Harper
 
6 Rules to Designing Amazing Mobile Apps (@media 2011)
6 Rules to Designing Amazing Mobile Apps (@media 2011)6 Rules to Designing Amazing Mobile Apps (@media 2011)
6 Rules to Designing Amazing Mobile Apps (@media 2011)Brian Fling
 
Responsive web design
Responsive web designResponsive web design
Responsive web designChris Love
 
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)Stephen Hay
 
Virtual, Augmented, and Mixed: The “Reality” Opportunity for Brands and Marke...
Virtual, Augmented, and Mixed: The “Reality” Opportunity for Brands and Marke...Virtual, Augmented, and Mixed: The “Reality” Opportunity for Brands and Marke...
Virtual, Augmented, and Mixed: The “Reality” Opportunity for Brands and Marke...Dave Curry
 
Mobile Social Location (Web 2.0 NYC edition)
Mobile Social Location (Web 2.0 NYC edition)Mobile Social Location (Web 2.0 NYC edition)
Mobile Social Location (Web 2.0 NYC edition)Matt Biddulph
 
Lavacon: UX for Content Strategists and Technical Writers
Lavacon: UX for Content Strategists and Technical WritersLavacon: UX for Content Strategists and Technical Writers
Lavacon: UX for Content Strategists and Technical WritersPatrick Neeman
 
What if everything is awesome? Codemotion Madrid 2014
What if everything is awesome? Codemotion Madrid 2014What if everything is awesome? Codemotion Madrid 2014
What if everything is awesome? Codemotion Madrid 2014Christian Heilmann
 
Pervasive information architecture
Pervasive information architecturePervasive information architecture
Pervasive information architectureByeonghwan Kim
 

Similar to THE UX OF DATA - VISUALIZATION RESPONSIVE (20)

Real Time Synchronized Virtual Visual Experience
Real Time Synchronized Virtual Visual ExperienceReal Time Synchronized Virtual Visual Experience
Real Time Synchronized Virtual Visual Experience
 
DESIGN THE PRIORITY, PERFORMANCE 
AND UX
DESIGN THE PRIORITY, PERFORMANCE 
AND UXDESIGN THE PRIORITY, PERFORMANCE 
AND UX
DESIGN THE PRIORITY, PERFORMANCE 
AND UX
 
Don't predict the future
Don't predict the futureDon't predict the future
Don't predict the future
 
Responsive Design Workflow: Webshaped 2012
Responsive Design Workflow: Webshaped 2012Responsive Design Workflow: Webshaped 2012
Responsive Design Workflow: Webshaped 2012
 
Responsive Design Workflow: Mobilism 2012
Responsive Design Workflow: Mobilism 2012Responsive Design Workflow: Mobilism 2012
Responsive Design Workflow: Mobilism 2012
 
Designing future proof websites
Designing future proof websitesDesigning future proof websites
Designing future proof websites
 
Exploring Adaptive Interfaces [Generate 2017]
Exploring Adaptive Interfaces [Generate 2017]Exploring Adaptive Interfaces [Generate 2017]
Exploring Adaptive Interfaces [Generate 2017]
 
ABD322_Implementing a Flight Simulator Interface Using AI, Virtual Reality, a...
ABD322_Implementing a Flight Simulator Interface Using AI, Virtual Reality, a...ABD322_Implementing a Flight Simulator Interface Using AI, Virtual Reality, a...
ABD322_Implementing a Flight Simulator Interface Using AI, Virtual Reality, a...
 
WebXR, if X = 5G
WebXR, if X = 5GWebXR, if X = 5G
WebXR, if X = 5G
 
LavaCon: What is Information Architecture?
LavaCon: What is Information Architecture?LavaCon: What is Information Architecture?
LavaCon: What is Information Architecture?
 
Planning for a Digital Future
Planning for a Digital FuturePlanning for a Digital Future
Planning for a Digital Future
 
Responsive Web Design: the secret sauce - JavaScript Open Day Montreal - 2015...
Responsive Web Design: the secret sauce - JavaScript Open Day Montreal - 2015...Responsive Web Design: the secret sauce - JavaScript Open Day Montreal - 2015...
Responsive Web Design: the secret sauce - JavaScript Open Day Montreal - 2015...
 
6 Rules to Designing Amazing Mobile Apps (@media 2011)
6 Rules to Designing Amazing Mobile Apps (@media 2011)6 Rules to Designing Amazing Mobile Apps (@media 2011)
6 Rules to Designing Amazing Mobile Apps (@media 2011)
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
 
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
 
Virtual, Augmented, and Mixed: The “Reality” Opportunity for Brands and Marke...
Virtual, Augmented, and Mixed: The “Reality” Opportunity for Brands and Marke...Virtual, Augmented, and Mixed: The “Reality” Opportunity for Brands and Marke...
Virtual, Augmented, and Mixed: The “Reality” Opportunity for Brands and Marke...
 
Mobile Social Location (Web 2.0 NYC edition)
Mobile Social Location (Web 2.0 NYC edition)Mobile Social Location (Web 2.0 NYC edition)
Mobile Social Location (Web 2.0 NYC edition)
 
Lavacon: UX for Content Strategists and Technical Writers
Lavacon: UX for Content Strategists and Technical WritersLavacon: UX for Content Strategists and Technical Writers
Lavacon: UX for Content Strategists and Technical Writers
 
What if everything is awesome? Codemotion Madrid 2014
What if everything is awesome? Codemotion Madrid 2014What if everything is awesome? Codemotion Madrid 2014
What if everything is awesome? Codemotion Madrid 2014
 
Pervasive information architecture
Pervasive information architecturePervasive information architecture
Pervasive information architecture
 

More from 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 developmentPeter Rozek
 
Create User Centric UI-Animations
Create User Centric UI-AnimationsCreate User Centric UI-Animations
Create User Centric UI-AnimationsPeter Rozek
 
Responsive Experience und das Continuum of Screens
Responsive Experience und das Continuum of ScreensResponsive Experience und das Continuum of Screens
Responsive Experience und das Continuum of ScreensPeter Rozek
 
Responsive Content Experience
Responsive Content ExperienceResponsive Content Experience
Responsive Content ExperiencePeter 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 GrundlagePeter Rozek
 
Search Experience Optimization, Nutzerfokus statt Silodenken
Search Experience Optimization, Nutzerfokus statt SilodenkenSearch Experience Optimization, Nutzerfokus statt Silodenken
Search Experience Optimization, Nutzerfokus statt SilodenkenPeter Rozek
 
Performance and UX
Performance and UXPerformance and UX
Performance and UXPeter Rozek
 
Responsive Navigation Patterns, UX and Guidelines
Responsive Navigation Patterns, UX and GuidelinesResponsive Navigation Patterns, UX and Guidelines
Responsive Navigation Patterns, UX and GuidelinesPeter 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 WebdesignPeter 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 WebdesignPeter Rozek
 
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
 
Online / Offline
Online / OfflineOnline / Offline
Online / OfflinePeter 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
 
Responsive Navigation Patterns, UX und Guidelines
Responsive Navigation Patterns, UX und GuidelinesResponsive Navigation Patterns, UX und Guidelines
Responsive Navigation Patterns, UX und GuidelinesPeter Rozek
 
Hightway to Hell - Responsive Webdesign Testen
Hightway to Hell - Responsive Webdesign TestenHightway to Hell - Responsive Webdesign Testen
Hightway to Hell - Responsive Webdesign TestenPeter Rozek
 
Responsive Navigation Patterns - UX und Guidelines
Responsive Navigation Patterns - UX und GuidelinesResponsive Navigation Patterns - UX und Guidelines
Responsive Navigation Patterns - UX und GuidelinesPeter 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 diePeter 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ätPeter Rozek
 

More from 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
 
Create User Centric UI-Animations
Create User Centric UI-AnimationsCreate User Centric UI-Animations
Create User Centric UI-Animations
 
Responsive Experience und das Continuum of Screens
Responsive Experience und das Continuum of ScreensResponsive Experience und das Continuum of Screens
Responsive Experience und das Continuum of Screens
 
Responsive Content Experience
Responsive Content ExperienceResponsive Content Experience
Responsive Content Experience
 
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
 
Search Experience Optimization, Nutzerfokus statt Silodenken
Search Experience Optimization, Nutzerfokus statt SilodenkenSearch Experience Optimization, Nutzerfokus statt Silodenken
Search Experience Optimization, Nutzerfokus statt Silodenken
 
Performance and UX
Performance and UXPerformance and UX
Performance and UX
 
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
 
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)
 
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)
 
Responsive Navigation Patterns, UX und Guidelines
Responsive Navigation Patterns, UX und GuidelinesResponsive Navigation Patterns, UX und Guidelines
Responsive Navigation Patterns, UX und Guidelines
 
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
 

Recently uploaded

Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfJon Freach
 
Extended Reality(XR) Development in immersive design
Extended Reality(XR) Development in immersive designExtended Reality(XR) Development in immersive design
Extended Reality(XR) Development in immersive designGOWSIKRAJA PALANISAMY
 
FW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisFW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisPeclers Paris
 
Redefining Globalization, urbanisation and Localisation
Redefining Globalization, urbanisation and LocalisationRedefining Globalization, urbanisation and Localisation
Redefining Globalization, urbanisation and LocalisationJIT KUMAR GUPTA
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxAlecAnidul
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themmadhavlakhanpal29
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationJaime Brown
 
The Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptxThe Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptxadityakushalsaha
 
Pitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in TechnologyPitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in TechnologyJaime Brown
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Remy Rey De Barros
 
BIT- Pinal .H. Prajapati Graphic Designer
BIT- Pinal .H. Prajapati  Graphic DesignerBIT- Pinal .H. Prajapati  Graphic Designer
BIT- Pinal .H. Prajapati Graphic Designerbitwgin12
 
Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.rrimika1
 
Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..GB Logo Design
 
Research about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasResearch about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasanasabutalha2013
 
Heidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidiLivengood
 
Claire's designing portfolio presentation
Claire's designing portfolio presentationClaire's designing portfolio presentation
Claire's designing portfolio presentationssuser8fae18
 

Recently uploaded (16)

Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
 
Extended Reality(XR) Development in immersive design
Extended Reality(XR) Development in immersive designExtended Reality(XR) Development in immersive design
Extended Reality(XR) Development in immersive design
 
FW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisFW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers Paris
 
Redefining Globalization, urbanisation and Localisation
Redefining Globalization, urbanisation and LocalisationRedefining Globalization, urbanisation and Localisation
Redefining Globalization, urbanisation and Localisation
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptx
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid them
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
 
The Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptxThe Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptx
 
Pitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in TechnologyPitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in Technology
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3
 
BIT- Pinal .H. Prajapati Graphic Designer
BIT- Pinal .H. Prajapati  Graphic DesignerBIT- Pinal .H. Prajapati  Graphic Designer
BIT- Pinal .H. Prajapati Graphic Designer
 
Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.
 
Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..
 
Research about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasResearch about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anas
 
Heidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD Portfolio
 
Claire's designing portfolio presentation
Claire's designing portfolio presentationClaire's designing portfolio presentation
Claire's designing portfolio presentation
 

THE UX OF DATA - VISUALIZATION RESPONSIVE