SlideShare ist ein Scribd-Unternehmen logo
1 von 17
Downloaden Sie, um offline zu lesen
www.usability247.com
www.usability247.com
The modern consumer is
accessing content via
different platforms.
Smartphones, tablets,
PCs, and even TVs are
now being used to
browse and visit websites.
www.usability247.com
It is important that
visitors to your website
enjoy the same level
of usability, regardless
of the platform they
view it on.
www.usability247.com
Continue reading for
5 Tips on improving
your customers'
Multiplatform User
Experience.
www.usability247.com
Design
for
change
Be mindful of the platform-dependent
changes that will need addressing
when designing your website.
1
These will include modifications to
the User Interface, as well as hardware
and OS interfaces, to ensure a
smoother experience for all your
customers.
You can't perform the same range of
tasks on a mobile that you can on a
PC. Likewise a tablet and TV – or any
combination thereof. Each platform
has its own strengths, own context of
use, and own set of limitations.
2Respect the limitations
of each platform
www.usability247.com
Play to the strengths and the
context, but don't attempt to
push beyond the limitations,
as it will damage the
multiplatform user experience.
3
Don't make
users scroll
What looks good on a PC screen may look plain
awful on a smartphone or tablet. Cramming too
much in on the mobile format will result in messy
rendering, and inevitable scrolling. Horizontal
scrolling being a particular turn off.
responsive,
designs
will present
optimised
page, dependent
upon device.
or
adaptive
resize
Use
that or
an
www.usability247.com
Context is what drives the
consumer's choice of
device. The main uses for
each are:
4Provide functionality
and features based
on context
www.usability247.com
Smartphone
 On the go / at home
 Communicate and connect
 Short bursts
 Content snacking
 At home
 Relaxed
 No hurry
 Entertainment and browsing
Tablet
PC/Laptop
 Office or home
 Productivity, work-related
 The heavy lifting other devices can't handle
 Focused, time-consuming, serious
 Research intensive
www.usability247.com
Offer device-specific features and website functionality that reflect these contexts, and enrich
the multiplatform user experience.
www.usability247.com
The homepages is the shop window
onto your website. From it, the
customer should be able to find
what they want in as few clicks as
possible. Different platforms present
different screen sizes and methods
of interaction by which the user can
engage.
5Think about homepage content
order for each platform
Tailor contextual content
towards specific devices,
and prioritise the order in
which it appears on the
screen, so that the
important content (such as
navigation, product search,
special offers etc.) is at the
top, with secondary content
linked further down.
Ensure your customers enjoy a
seamless and consistent
multiplatform user experience. To
find out how, get in touch with
Usability24/7 today!
www.usability247.com

Weitere ähnliche Inhalte

Was ist angesagt?

Build 2017 - P4154 - Microsoft Universal User Acquisition Platform
Build 2017 - P4154 - Microsoft Universal User Acquisition PlatformBuild 2017 - P4154 - Microsoft Universal User Acquisition Platform
Build 2017 - P4154 - Microsoft Universal User Acquisition PlatformWindows Developer
 
Mobile Learning Strategies for the Post-Flash Era
Mobile Learning Strategies for the Post-Flash Era Mobile Learning Strategies for the Post-Flash Era
Mobile Learning Strategies for the Post-Flash Era Digitec Interactive
 
4 things you need to know about Digital Publishing
4 things you need to know about Digital Publishing4 things you need to know about Digital Publishing
4 things you need to know about Digital PublishingPage Lizard
 
Dell higher shop to-cart conversion
Dell higher shop to-cart conversion Dell higher shop to-cart conversion
Dell higher shop to-cart conversion Samradh Hegde
 
mSite exam presentation - GDG Sonargaon
mSite exam presentation - GDG SonargaonmSite exam presentation - GDG Sonargaon
mSite exam presentation - GDG SonargaonIstiaque Reza
 
Lufthansa powerpoint ADV 420
Lufthansa powerpoint ADV 420Lufthansa powerpoint ADV 420
Lufthansa powerpoint ADV 420Gavin Schilling
 
DC4 - Zigzagging around in mobile app development
DC4 - Zigzagging around in mobile app developmentDC4 - Zigzagging around in mobile app development
DC4 - Zigzagging around in mobile app developmentFrancesca Cuda
 
Playbook for promoting kids' apps
Playbook for promoting kids' appsPlaybook for promoting kids' apps
Playbook for promoting kids' appsbenjamin21st
 
Uniface Lectures Webinar - Mobile
Uniface Lectures Webinar - MobileUniface Lectures Webinar - Mobile
Uniface Lectures Webinar - MobileUniface
 
Is the mobile web enabled or disabled by design?
Is the mobile web enabled or disabled by design?Is the mobile web enabled or disabled by design?
Is the mobile web enabled or disabled by design?Henny Swan
 
Is Your Website Working Against You
Is Your Website Working Against YouIs Your Website Working Against You
Is Your Website Working Against YouMark Moreno
 
How to sell on Facebook "Canvas" effectively ?
How to sell on Facebook "Canvas" effectively ?How to sell on Facebook "Canvas" effectively ?
How to sell on Facebook "Canvas" effectively ?Lengow
 
Building a mobile website
Building a mobile websiteBuilding a mobile website
Building a mobile websiteli_gordon
 
Hierarchy Of User Experience Needs
Hierarchy Of User Experience NeedsHierarchy Of User Experience Needs
Hierarchy Of User Experience NeedsLyndon Cerejo
 
Social Fresh: Optimizing Email for Mobile Audiences
Social Fresh: Optimizing Email for Mobile AudiencesSocial Fresh: Optimizing Email for Mobile Audiences
Social Fresh: Optimizing Email for Mobile AudiencesLitmus
 
Multiscreen HTML5 and Responsive HTML55
Multiscreen HTML5 and Responsive HTML55Multiscreen HTML5 and Responsive HTML55
Multiscreen HTML5 and Responsive HTML55WvanWeelden
 

Was ist angesagt? (18)

Firefox Mobile
Firefox MobileFirefox Mobile
Firefox Mobile
 
Build 2017 - P4154 - Microsoft Universal User Acquisition Platform
Build 2017 - P4154 - Microsoft Universal User Acquisition PlatformBuild 2017 - P4154 - Microsoft Universal User Acquisition Platform
Build 2017 - P4154 - Microsoft Universal User Acquisition Platform
 
Mobile Learning Strategies for the Post-Flash Era
Mobile Learning Strategies for the Post-Flash Era Mobile Learning Strategies for the Post-Flash Era
Mobile Learning Strategies for the Post-Flash Era
 
4 things you need to know about Digital Publishing
4 things you need to know about Digital Publishing4 things you need to know about Digital Publishing
4 things you need to know about Digital Publishing
 
Dell higher shop to-cart conversion
Dell higher shop to-cart conversion Dell higher shop to-cart conversion
Dell higher shop to-cart conversion
 
mSite exam presentation - GDG Sonargaon
mSite exam presentation - GDG SonargaonmSite exam presentation - GDG Sonargaon
mSite exam presentation - GDG Sonargaon
 
Lufthansa powerpoint ADV 420
Lufthansa powerpoint ADV 420Lufthansa powerpoint ADV 420
Lufthansa powerpoint ADV 420
 
DC4 - Zigzagging around in mobile app development
DC4 - Zigzagging around in mobile app developmentDC4 - Zigzagging around in mobile app development
DC4 - Zigzagging around in mobile app development
 
Support
SupportSupport
Support
 
Playbook for promoting kids' apps
Playbook for promoting kids' appsPlaybook for promoting kids' apps
Playbook for promoting kids' apps
 
Uniface Lectures Webinar - Mobile
Uniface Lectures Webinar - MobileUniface Lectures Webinar - Mobile
Uniface Lectures Webinar - Mobile
 
Is the mobile web enabled or disabled by design?
Is the mobile web enabled or disabled by design?Is the mobile web enabled or disabled by design?
Is the mobile web enabled or disabled by design?
 
Is Your Website Working Against You
Is Your Website Working Against YouIs Your Website Working Against You
Is Your Website Working Against You
 
How to sell on Facebook "Canvas" effectively ?
How to sell on Facebook "Canvas" effectively ?How to sell on Facebook "Canvas" effectively ?
How to sell on Facebook "Canvas" effectively ?
 
Building a mobile website
Building a mobile websiteBuilding a mobile website
Building a mobile website
 
Hierarchy Of User Experience Needs
Hierarchy Of User Experience NeedsHierarchy Of User Experience Needs
Hierarchy Of User Experience Needs
 
Social Fresh: Optimizing Email for Mobile Audiences
Social Fresh: Optimizing Email for Mobile AudiencesSocial Fresh: Optimizing Email for Mobile Audiences
Social Fresh: Optimizing Email for Mobile Audiences
 
Multiscreen HTML5 and Responsive HTML55
Multiscreen HTML5 and Responsive HTML55Multiscreen HTML5 and Responsive HTML55
Multiscreen HTML5 and Responsive HTML55
 

Ähnlich wie 5 tips for better multiplatform user experience

Responsive & Adaprove Design
Responsive & Adaprove DesignResponsive & Adaprove Design
Responsive & Adaprove DesignMike Vdovin
 
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 UsersBBDO
 
QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10Almog Koren
 
BBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive DesignBBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive DesignJaneMuder
 
Responsive Design
Responsive DesignResponsive Design
Responsive DesignCindy Royal
 
Why should we build our website responsive
Why should we build our website responsiveWhy should we build our website responsive
Why should we build our website responsiveOmkarsoft Bangalore
 
Responsive vs. adaptive vs. device-specific: which one is best?
Responsive vs. adaptive vs. device-specific: which one is best?Responsive vs. adaptive vs. device-specific: which one is best?
Responsive vs. adaptive vs. device-specific: which one is best?Catalyst
 
Whitepaper: Responsive Test - A test framework to cover it all
Whitepaper: Responsive Test - A test framework to cover it allWhitepaper: Responsive Test - A test framework to cover it all
Whitepaper: Responsive Test - A test framework to cover it allIndium Software
 
Responsive Web Design ~ Best Practices for Maximizing ROI
Responsive Web Design ~ Best Practices for Maximizing ROIResponsive Web Design ~ Best Practices for Maximizing ROI
Responsive Web Design ~ Best Practices for Maximizing ROIJuan Carlos Duron
 
Responsive Design
Responsive DesignResponsive Design
Responsive DesignCindy Royal
 
Responsive Web Design Analysis
Responsive Web Design AnalysisResponsive Web Design Analysis
Responsive Web Design AnalysisGamze Dede Pala
 
Whitepaper: 5 Reasons to Use Touch Screen Tables
Whitepaper: 5 Reasons to Use Touch Screen TablesWhitepaper: 5 Reasons to Use Touch Screen Tables
Whitepaper: 5 Reasons to Use Touch Screen Tableseyefactive GmbH
 
Introduction to mobile site
Introduction to mobile siteIntroduction to mobile site
Introduction to mobile siteDigital Shende
 
Usability Factors Mobile Web Apps Usability Factors 0209
Usability Factors Mobile Web Apps Usability Factors 0209Usability Factors Mobile Web Apps Usability Factors 0209
Usability Factors Mobile Web Apps Usability Factors 0209Vishal Vaidya
 
Mobile Web vs. Native apps
Mobile Web vs. Native appsMobile Web vs. Native apps
Mobile Web vs. Native appsSoDA Speaks
 
A Complete Guide to Testing Responsive Websites
A Complete Guide to Testing Responsive WebsitesA Complete Guide to Testing Responsive Websites
A Complete Guide to Testing Responsive WebsitesPerfecto by Perforce
 

Ähnlich wie 5 tips for better multiplatform user experience (20)

Responsive & Adaprove Design
Responsive & Adaprove DesignResponsive & Adaprove Design
Responsive & Adaprove Design
 
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
 
QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10
 
BBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive DesignBBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive Design
 
Responsive Design
Responsive DesignResponsive Design
Responsive Design
 
Why should we build our website responsive
Why should we build our website responsiveWhy should we build our website responsive
Why should we build our website responsive
 
Responsive vs. adaptive vs. device-specific: which one is best?
Responsive vs. adaptive vs. device-specific: which one is best?Responsive vs. adaptive vs. device-specific: which one is best?
Responsive vs. adaptive vs. device-specific: which one is best?
 
Whitepaper: Responsive Test - A test framework to cover it all
Whitepaper: Responsive Test - A test framework to cover it allWhitepaper: Responsive Test - A test framework to cover it all
Whitepaper: Responsive Test - A test framework to cover it all
 
Responsive Web Design ~ Best Practices for Maximizing ROI
Responsive Web Design ~ Best Practices for Maximizing ROIResponsive Web Design ~ Best Practices for Maximizing ROI
Responsive Web Design ~ Best Practices for Maximizing ROI
 
Responsive Design
Responsive DesignResponsive Design
Responsive Design
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
 
Responsive design
Responsive designResponsive design
Responsive design
 
Responsive Web Design Analysis
Responsive Web Design AnalysisResponsive Web Design Analysis
Responsive Web Design Analysis
 
Whitepaper: 5 Reasons to Use Touch Screen Tables
Whitepaper: 5 Reasons to Use Touch Screen TablesWhitepaper: 5 Reasons to Use Touch Screen Tables
Whitepaper: 5 Reasons to Use Touch Screen Tables
 
Introduction to mobile site
Introduction to mobile siteIntroduction to mobile site
Introduction to mobile site
 
Adobe 30iun2011
Adobe 30iun2011Adobe 30iun2011
Adobe 30iun2011
 
Usability Factors Mobile Web Apps Usability Factors 0209
Usability Factors Mobile Web Apps Usability Factors 0209Usability Factors Mobile Web Apps Usability Factors 0209
Usability Factors Mobile Web Apps Usability Factors 0209
 
Mobile Web vs. Native apps
Mobile Web vs. Native appsMobile Web vs. Native apps
Mobile Web vs. Native apps
 
Mobile Responsive ​ Website Designing.pdf
Mobile Responsive ​ Website Designing.pdfMobile Responsive ​ Website Designing.pdf
Mobile Responsive ​ Website Designing.pdf
 
A Complete Guide to Testing Responsive Websites
A Complete Guide to Testing Responsive WebsitesA Complete Guide to Testing Responsive Websites
A Complete Guide to Testing Responsive Websites
 

Mehr von UX247

UX Adoption Maturity Model - UX24/7
UX Adoption Maturity Model - UX24/7UX Adoption Maturity Model - UX24/7
UX Adoption Maturity Model - UX24/7UX247
 
eGuide - Bumper eCommerce Usability Guide - Usability 247
eGuide - Bumper eCommerce Usability Guide - Usability 247eGuide - Bumper eCommerce Usability Guide - Usability 247
eGuide - Bumper eCommerce Usability Guide - Usability 247UX247
 
Usability Testing Project Checklist - Usability247
 Usability Testing Project Checklist - Usability247 Usability Testing Project Checklist - Usability247
Usability Testing Project Checklist - Usability247UX247
 
International User research eGuide - Usability247
International User research eGuide - Usability247 International User research eGuide - Usability247
International User research eGuide - Usability247 UX247
 
Usability247 business introduction 2014
Usability247 business introduction 2014Usability247 business introduction 2014
Usability247 business introduction 2014UX247
 
About Usability247
About Usability247About Usability247
About Usability247UX247
 
Smartphone usability android vs iphone vs windows
Smartphone usability android vs iphone vs windowsSmartphone usability android vs iphone vs windows
Smartphone usability android vs iphone vs windowsUX247
 
Becoming a usability247 accredited practitioner
Becoming a usability247 accredited practitionerBecoming a usability247 accredited practitioner
Becoming a usability247 accredited practitionerUX247
 
Usability247 business overview
Usability247 business overviewUsability247 business overview
Usability247 business overviewUX247
 

Mehr von UX247 (9)

UX Adoption Maturity Model - UX24/7
UX Adoption Maturity Model - UX24/7UX Adoption Maturity Model - UX24/7
UX Adoption Maturity Model - UX24/7
 
eGuide - Bumper eCommerce Usability Guide - Usability 247
eGuide - Bumper eCommerce Usability Guide - Usability 247eGuide - Bumper eCommerce Usability Guide - Usability 247
eGuide - Bumper eCommerce Usability Guide - Usability 247
 
Usability Testing Project Checklist - Usability247
 Usability Testing Project Checklist - Usability247 Usability Testing Project Checklist - Usability247
Usability Testing Project Checklist - Usability247
 
International User research eGuide - Usability247
International User research eGuide - Usability247 International User research eGuide - Usability247
International User research eGuide - Usability247
 
Usability247 business introduction 2014
Usability247 business introduction 2014Usability247 business introduction 2014
Usability247 business introduction 2014
 
About Usability247
About Usability247About Usability247
About Usability247
 
Smartphone usability android vs iphone vs windows
Smartphone usability android vs iphone vs windowsSmartphone usability android vs iphone vs windows
Smartphone usability android vs iphone vs windows
 
Becoming a usability247 accredited practitioner
Becoming a usability247 accredited practitionerBecoming a usability247 accredited practitioner
Becoming a usability247 accredited practitioner
 
Usability247 business overview
Usability247 business overviewUsability247 business overview
Usability247 business overview
 

Kürzlich hochgeladen

ETHICAL HACKING dddddddddddddddfnandni.pptx
ETHICAL HACKING dddddddddddddddfnandni.pptxETHICAL HACKING dddddddddddddddfnandni.pptx
ETHICAL HACKING dddddddddddddddfnandni.pptxNIMMANAGANTI RAMAKRISHNA
 
Company Snapshot Theme for Business by Slidesgo.pptx
Company Snapshot Theme for Business by Slidesgo.pptxCompany Snapshot Theme for Business by Slidesgo.pptx
Company Snapshot Theme for Business by Slidesgo.pptxMario
 
Cybersecurity Threats and Cybersecurity Best Practices
Cybersecurity Threats and Cybersecurity Best PracticesCybersecurity Threats and Cybersecurity Best Practices
Cybersecurity Threats and Cybersecurity Best PracticesLumiverse Solutions Pvt Ltd
 
IP addressing and IPv6, presented by Paul Wilson at IETF 119
IP addressing and IPv6, presented by Paul Wilson at IETF 119IP addressing and IPv6, presented by Paul Wilson at IETF 119
IP addressing and IPv6, presented by Paul Wilson at IETF 119APNIC
 
SCM Symposium PPT Format Customer loyalty is predi
SCM Symposium PPT Format Customer loyalty is prediSCM Symposium PPT Format Customer loyalty is predi
SCM Symposium PPT Format Customer loyalty is predieusebiomeyer
 
TRENDS Enabling and inhibiting dimensions.pptx
TRENDS Enabling and inhibiting dimensions.pptxTRENDS Enabling and inhibiting dimensions.pptx
TRENDS Enabling and inhibiting dimensions.pptxAndrieCagasanAkio
 
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书rnrncn29
 
Unidad 4 – Redes de ordenadores (en inglés).pptx
Unidad 4 – Redes de ordenadores (en inglés).pptxUnidad 4 – Redes de ordenadores (en inglés).pptx
Unidad 4 – Redes de ordenadores (en inglés).pptxmibuzondetrabajo
 
『澳洲文凭』买詹姆士库克大学毕业证书成绩单办理澳洲JCU文凭学位证书
『澳洲文凭』买詹姆士库克大学毕业证书成绩单办理澳洲JCU文凭学位证书『澳洲文凭』买詹姆士库克大学毕业证书成绩单办理澳洲JCU文凭学位证书
『澳洲文凭』买詹姆士库克大学毕业证书成绩单办理澳洲JCU文凭学位证书rnrncn29
 

Kürzlich hochgeladen (9)

ETHICAL HACKING dddddddddddddddfnandni.pptx
ETHICAL HACKING dddddddddddddddfnandni.pptxETHICAL HACKING dddddddddddddddfnandni.pptx
ETHICAL HACKING dddddddddddddddfnandni.pptx
 
Company Snapshot Theme for Business by Slidesgo.pptx
Company Snapshot Theme for Business by Slidesgo.pptxCompany Snapshot Theme for Business by Slidesgo.pptx
Company Snapshot Theme for Business by Slidesgo.pptx
 
Cybersecurity Threats and Cybersecurity Best Practices
Cybersecurity Threats and Cybersecurity Best PracticesCybersecurity Threats and Cybersecurity Best Practices
Cybersecurity Threats and Cybersecurity Best Practices
 
IP addressing and IPv6, presented by Paul Wilson at IETF 119
IP addressing and IPv6, presented by Paul Wilson at IETF 119IP addressing and IPv6, presented by Paul Wilson at IETF 119
IP addressing and IPv6, presented by Paul Wilson at IETF 119
 
SCM Symposium PPT Format Customer loyalty is predi
SCM Symposium PPT Format Customer loyalty is prediSCM Symposium PPT Format Customer loyalty is predi
SCM Symposium PPT Format Customer loyalty is predi
 
TRENDS Enabling and inhibiting dimensions.pptx
TRENDS Enabling and inhibiting dimensions.pptxTRENDS Enabling and inhibiting dimensions.pptx
TRENDS Enabling and inhibiting dimensions.pptx
 
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
 
Unidad 4 – Redes de ordenadores (en inglés).pptx
Unidad 4 – Redes de ordenadores (en inglés).pptxUnidad 4 – Redes de ordenadores (en inglés).pptx
Unidad 4 – Redes de ordenadores (en inglés).pptx
 
『澳洲文凭』买詹姆士库克大学毕业证书成绩单办理澳洲JCU文凭学位证书
『澳洲文凭』买詹姆士库克大学毕业证书成绩单办理澳洲JCU文凭学位证书『澳洲文凭』买詹姆士库克大学毕业证书成绩单办理澳洲JCU文凭学位证书
『澳洲文凭』买詹姆士库克大学毕业证书成绩单办理澳洲JCU文凭学位证书
 

5 tips for better multiplatform user experience