SlideShare une entreprise Scribd logo
1  sur  81
Télécharger pour lire hors ligne
Hello
Geek Girls!

1
SARA EGGERT
@EGGERTS
SENIOR
USER EXPERIENCE
ARCHITECT @ LBI
HEAD OF
GEEK GIRL MEETUP,
GÖTEBORG
DISCOVER
&
INTERACT
THE BIG SHARE
LIKE HAS BECOME CURRENCY
LIKE HAS A VALUE
Welcome to
My life
My brand
My journey

WELCOME TO
THE MIND OF
THE CONSUMER
OF TODAY

I’m
Inspired
by

I like

Look
at me

I am

R
SUPE
STAR

I’m
watching

Here
I am

YOUR DIGITAL PERSONA

I’m
Listening
to

I search

7
THIS DESIGN WAS MADE THREE YEARS AGO AND
SHOULD ENVISION THE EXPERIENCE OF AN
ONLINE NEWS PAPER 30 YEARS IN THE FUTURE.
IT’S ALREADY DATED.
PEOPLE ARE
MORE ACTIVE
THAN EVER
1/7th of the world is now
friends through social
media. Through 6 degrees
of separation we’re all
connected.
Audience is huge.
THANK YOU. THANKS A BILLION

46b

apps downloaded from
Apple to date

70b

by 2014, and

40b
music downloads
GLOBAL AUDIENCE BY DEVICE

VS

4.4 BILLION

4.2 BILLION

MOBILE SUBSCRIBERS

TELEVISION VIEWERS
Source: Google – The New Multi-screen World: Understanding Cross-platform Consumer Behavior
TAKE
ADVANTAGES
IN MOMENTS
EVERYWHERE
YOU ARE
A FEW
MINUTES
A DAY
ACROSS ALL
TOUCHPOINTS
DURING YOUR
DAILY ROUTINE
AND EVEN
AFTER HOURS
SEE
LIKE
OWN
ARE YOU
WASTING
MY TIME?
CONSUMER
VS
BRAND

REMEMBER.
IT’S A VERY FRAGILE RELATIONSHIP.
SIMPLIFY
SIMPLIFY.
FOCUS
SIMPLIFY.
FOCUS.
ENGAGE
LET’S DO IT
TOGETHER
THE STORY
SO FAR
BE
1. BUILD SOMETHING. BE PRESENT.
WONDER

2. EXPERIMENT – WE’RE EASILY SURPRISED BY THE UNEXTECTED IN THINGS.
GROW
3. MATURE. BUILD THINGS THAT HAVE A PURPOSE. DON’T RUSH.
BEFRIEND
4. GET CONNECTED. IT’S A SOCIAL WORLD.
BE
RELEVANT
5. REMEMBER IT’S A RELATIONSHIP. A TRUE RELATIONSHIP.
INTERACTION
BECOMES
PHYSICAL
PUT THE
CUSTOMER
AT THE
CENTER

Making your entire organization responsive to the customer journey

6. WE’RE FILLLING THE GAP BETWEEN PHYSICAL AND DIGITAL
WE NEED TO DREAM. ‘MINORITY REPORT’ SET THE YEAR TO 2053.
BUT WE CAN DO IT ALREADY.
WHO’S
STEERING
THE SHIP?
AS A BUSINESS,
YOU DON’T GET TO
DECIDE HOW YOUR
CUSTOMERS ACCESS
YOUR CONTENT,
THEY DO
OR
DO
YOU?

AS A BUSINESS,
YOU DON’T GET TO
DECIDE HOW YOUR
CUSTOMERS ACCESS
YOUR CONTENT,
THEY DO
“It looks like you're on a train.
Would you like me to show you
our insultingly simplified mobile
site?”
— Cennydd Bowles
68
Responsive design fluidly changes and responds
to fit any screen or device size.
It is ”write once, run anywhere“ html web design
69
It keeps your desktop and mobile
content on a single URL, which is
easier for your users to interact with,
share, and link to and for Google’s
algorithms to assign indexing
properties to your content

Google can discover you content
more efficiently as they wouldn’t
need to crawl a page with the
different Googlebot user agens to
retrieve and index all the content

Google recommends responsive design
A	
  
C	
  

B	
  
D	
  

A	
  

B	
  

C	
  

D	
  

E	
  

F	
  

E	
  

A	
  
F	
  

A	
  
B	
  
C	
  
D	
  

Responsive

C	
  

D	
  

A	
  
C	
  

B	
  
E	
  

G	
  
D	
  

E	
  

F	
  

G	
  
B	
   C	
  
H	
  

Adaptive
71
Responsive

Adaptive
72
Responsive design
73
Adaptive design
74
WHAT’S
NEXT?
DESIGN FOR
PEOPLE, NOT
DEVICES
76
INCLUSIVE
DESIGN
CONTEXT &
CONTENT FIRST
(NOT MOBILE FIRST)

78
About me
Localisation

What technology I use
Device & Channel

§  Country & Language

­  Web/Mobile/Social

§  Time of day

­  Operating System

§  Season/Weather

­  Browser or App

Personal

Connection

§  Unknown

­  Access speed

§  Fan

­  Wi-Fi

§  Subscription

­  Data plan

§  One-off

Rules

§  Free

­  Personalisation

§  Customisation

­  Collaborative filtering

§  Behaviour over time

IT’S ALL ABOUT ME
79
INCLUSIVE
Strategy / insights/ Content / Behavioral
targeting
Silverlight

Flash

APPS

Function

ADAPTIVE

(html) Experience enhancement

RESPONSIVE
Layout(html)

80
SARA EGGERT AT LBI DOT COM
SENIOR USER EXPERIENCE ARCHITECT
WWW.LBI.COM/SE

Contenu connexe

En vedette

En vedette (11)

Geek Time December 2016 : Bitcoin/Blockchain
Geek Time December 2016 : Bitcoin/BlockchainGeek Time December 2016 : Bitcoin/Blockchain
Geek Time December 2016 : Bitcoin/Blockchain
 
L'ere du Marketer Geek
L'ere du Marketer GeekL'ere du Marketer Geek
L'ere du Marketer Geek
 
21 Things Geek And Nerd Characters Do So You Can Be Successful In Your Life
21 Things Geek And Nerd Characters Do So You Can Be Successful In Your Life21 Things Geek And Nerd Characters Do So You Can Be Successful In Your Life
21 Things Geek And Nerd Characters Do So You Can Be Successful In Your Life
 
Rattrapage Geek spécial Manga par l’association The Geek Side.
Rattrapage Geek  spécial Manga par l’association The Geek Side.Rattrapage Geek  spécial Manga par l’association The Geek Side.
Rattrapage Geek spécial Manga par l’association The Geek Side.
 
SunTseu & Marketo
SunTseu & MarketoSunTseu & Marketo
SunTseu & Marketo
 
Geek Women Japan 2016 Opening
Geek Women Japan 2016 OpeningGeek Women Japan 2016 Opening
Geek Women Japan 2016 Opening
 
GEEKS HAVE INHERITED THE EARTH - AAGC 2014
GEEKS HAVE INHERITED THE EARTH - AAGC 2014GEEKS HAVE INHERITED THE EARTH - AAGC 2014
GEEKS HAVE INHERITED THE EARTH - AAGC 2014
 
CODING SUPERPOWER
CODING SUPERPOWERCODING SUPERPOWER
CODING SUPERPOWER
 
AWS re:Invent 2016: Storage State of the Union (STG201)
AWS re:Invent 2016: Storage State of the Union (STG201)AWS re:Invent 2016: Storage State of the Union (STG201)
AWS re:Invent 2016: Storage State of the Union (STG201)
 
Marketing for the Everyday Geek (ACT-W 4/16)
Marketing for the Everyday Geek (ACT-W 4/16)Marketing for the Everyday Geek (ACT-W 4/16)
Marketing for the Everyday Geek (ACT-W 4/16)
 
What We Talk About When We Talk About Coding (Open Source Bridge 6/21)
What We Talk About When We Talk About Coding (Open Source Bridge 6/21)What We Talk About When We Talk About Coding (Open Source Bridge 6/21)
What We Talk About When We Talk About Coding (Open Source Bridge 6/21)
 

Similaire à What's next? How to fill the gap between the physical and digital world

Designing for the internet proposal
Designing for the internet proposalDesigning for the internet proposal
Designing for the internet proposal
RA3RVE
 
Greenhouse Plansbook
Greenhouse PlansbookGreenhouse Plansbook
Greenhouse Plansbook
djhruska
 
How Lean, UCD and Agile can propel designers into the future
How Lean, UCD and Agile can propel designers into the futureHow Lean, UCD and Agile can propel designers into the future
How Lean, UCD and Agile can propel designers into the future
Cyber-Duck
 

Similaire à What's next? How to fill the gap between the physical and digital world (20)

Importance of Mobile Optimisation
Importance of Mobile Optimisation Importance of Mobile Optimisation
Importance of Mobile Optimisation
 
The Marketing Landscape | What to Look For in 2013
The Marketing Landscape | What to Look For in 2013The Marketing Landscape | What to Look For in 2013
The Marketing Landscape | What to Look For in 2013
 
Masterclass
MasterclassMasterclass
Masterclass
 
MCN2017 | From Research to Action: Translating User Feedback into Digital Pro...
MCN2017 | From Research to Action: Translating User Feedback into Digital Pro...MCN2017 | From Research to Action: Translating User Feedback into Digital Pro...
MCN2017 | From Research to Action: Translating User Feedback into Digital Pro...
 
MCN2017 | From Research to Action: Translating User Feedback into Digital Pro...
MCN2017 | From Research to Action: Translating User Feedback into Digital Pro...MCN2017 | From Research to Action: Translating User Feedback into Digital Pro...
MCN2017 | From Research to Action: Translating User Feedback into Digital Pro...
 
Structure Matters - Information Architecture for SEO and UX
Structure Matters - Information Architecture for SEO and UXStructure Matters - Information Architecture for SEO and UX
Structure Matters - Information Architecture for SEO and UX
 
Structure Matters - Information Architecture for UX & Conversions
Structure Matters - Information Architecture for UX & ConversionsStructure Matters - Information Architecture for UX & Conversions
Structure Matters - Information Architecture for UX & Conversions
 
Responsive web design blog sample
Responsive web design blog sampleResponsive web design blog sample
Responsive web design blog sample
 
Digital Qualitative From Add-On to Core - GfK
Digital Qualitative From Add-On to Core - GfKDigital Qualitative From Add-On to Core - GfK
Digital Qualitative From Add-On to Core - GfK
 
Bootstrap responsive design
Bootstrap responsive designBootstrap responsive design
Bootstrap responsive design
 
Austin SEO: Coffee & SEO Talk on UX
Austin SEO: Coffee & SEO Talk on UX  Austin SEO: Coffee & SEO Talk on UX
Austin SEO: Coffee & SEO Talk on UX
 
What is Responsive Design and how does it help your business ?
What is Responsive Design and how does it help your business ?What is Responsive Design and how does it help your business ?
What is Responsive Design and how does it help your business ?
 
Designing for the internet proposal
Designing for the internet proposalDesigning for the internet proposal
Designing for the internet proposal
 
Responsive & Adaptive Design: Delivering Websites That Delight Your Users
Responsive & Adaptive Design: Delivering Websites That Delight Your UsersResponsive & Adaptive Design: Delivering Websites That Delight Your Users
Responsive & Adaptive Design: Delivering Websites That Delight Your Users
 
Griot: Open Source Storytelling Tool
Griot: Open Source Storytelling ToolGriot: Open Source Storytelling Tool
Griot: Open Source Storytelling Tool
 
Horlicks Digital Plan Pitch (Strategy) 2013
Horlicks Digital Plan Pitch (Strategy) 2013Horlicks Digital Plan Pitch (Strategy) 2013
Horlicks Digital Plan Pitch (Strategy) 2013
 
My Journey to Go & Contributing to Open Source
My Journey to Go &  Contributing to Open SourceMy Journey to Go &  Contributing to Open Source
My Journey to Go & Contributing to Open Source
 
Greenhouse Plansbook
Greenhouse PlansbookGreenhouse Plansbook
Greenhouse Plansbook
 
UX patterns & practices
UX patterns & practicesUX patterns & practices
UX patterns & practices
 
How Lean, UCD and Agile can propel designers into the future
How Lean, UCD and Agile can propel designers into the futureHow Lean, UCD and Agile can propel designers into the future
How Lean, UCD and Agile can propel designers into the future
 

Dernier

Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Dernier (20)

Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 

What's next? How to fill the gap between the physical and digital world