how to create a slick mobile user experience · responsive website – get the basics right key...
TRANSCRIPT
7,78
5,80
5,66
0,21
0,80
7,60
8,80
7,78
5,80
5,66
0,21
0,80
7,60
8,80
11,64 0,74 0,26 11,16
11,64 0,74 0,26 11,16
Confidential – not to be distributed
How to Create a Slick Mobile User
Experience
Singapore, 28 May 2014
7,78
5,80
5,66
0,21
0,80
7,60
8,80
7,78
5,80
5,66
0,21
0,80
7,60
8,80
11,64 0,74 0,26 11,16
11,64 0,74 0,26 11,16
Confidential – not to be distributed
Overall process
2
7,78
5,80
5,66
0,21
0,80
7,60
8,80
7,78
5,80
5,66
0,21
0,80
7,60
8,80
11,64 0,74 0,26 11,16
11,64 0,74 0,26 11,16
Confidential – not to be distributed
Responsive Website – one site fits all ?
3
7,78
5,80
5,66
0,21
0,80
7,60
8,80
7,78
5,80
5,66
0,21
0,80
7,60
8,80
11,64 0,74 0,26 11,16
11,64 0,74 0,26 11,16
Confidential – not to be distributed
Responsive Website – get the basics right
Key advantages of a responsive Website :
• Concentration on one website – Initially, mobile websites were offered to capture Smart phone users. That means that you build a website specifically for small
screen viewers. This is a different version of the mainstream website. The creative Responsive website designers can provide
you with a viewer friendly, easy to navigate website designed
• Extensive Captured Audience – Mobile online users do not have much patience for hard to use websites, they will just simply find another site that is easier to
use and viewer friendly.
• Maximize Online Presence – A well-designed and well-marketed website will not work with mobile users without a responsive design. Traffic will be high, so
as your bounce rate.
• No Duplicate Content – Building different websites to accommodate different devices could also mean duplicated content. To resolve this, you will need
to come up with different sets of content which can confuse your viewers.
• Lower Costs – You only need to market, maintain and support one website that will work for all your customers, effectively cutting down on your
operating costs.
4
7,78
5,80
5,66
0,21
0,80
7,60
8,80
7,78
5,80
5,66
0,21
0,80
7,60
8,80
11,64 0,74 0,26 11,16
11,64 0,74 0,26 11,16
Confidential – not to be distributed
A screen is a screen is a screen – or maybe not ?
5
Mobile hotel bookings: Tablets generated 218% more room nights
& 311% more revenue than “pure” mobile devices
Source : http://skift.com/2014/05/12/25-mobile-travel-data-points-to-start-your-week/
7,78
5,80
5,66
0,21
0,80
7,60
8,80
7,78
5,80
5,66
0,21
0,80
7,60
8,80
11,64 0,74 0,26 11,16
11,64 0,74 0,26 11,16
Confidential – not to be distributed
Wide adoption of mCommerce in the Asian
regions
6
Base 10’000 adults in 11 countries
Source : http://retailmenot.mediaroom.com/index.php?s=34012&item=30690
7,78
5,80
5,66
0,21
0,80
7,60
8,80
7,78
5,80
5,66
0,21
0,80
7,60
8,80
11,64 0,74 0,26 11,16
11,64 0,74 0,26 11,16
Confidential – not to be distributed
HRS most recent experience in the mobile arena
7
Ratio of mobile bookings vs overall
7,78
5,80
5,66
0,21
0,80
7,60
8,80
7,78
5,80
5,66
0,21
0,80
7,60
8,80
11,64 0,74 0,26 11,16
11,64 0,74 0,26 11,16
Confidential – not to be distributed
Mobile Optimization
8
7,78
5,80
5,66
0,21
0,80
7,60
8,80
7,78
5,80
5,66
0,21
0,80
7,60
8,80
11,64 0,74 0,26 11,16
11,64 0,74 0,26 11,16
Confidential – not to be distributed
Mobile Optimization
Optimization of Mobile site / dedicated app :
• Different user groups per mobile device Lean forward vs lean back users – different requirement and goals
• Extensive Captured Audience Mobile online users can be reached at time when they give full attention to the device, tablet users are generally using several
screens at the same time -> opportunity to enforce branding
• Higher Loyalty Using a dedicated App for the most common screen formats helps a brand building both user loyalty and retention, as long as
the app works properly and meets their respective needs
• Faster usage Apps require less data transfers as the core is loaded once / refreshed when needed, but response time is much faster. Similarly
the devices being personal it is much easier to have user data stored
9
7,78
5,80
5,66
0,21
0,80
7,60
8,80
7,78
5,80
5,66
0,21
0,80
7,60
8,80
11,64 0,74 0,26 11,16
11,64 0,74 0,26 11,16
Confidential – not to be distributed
Mobile Optimization
10
Keeping in mind the user reach
7,78
5,80
5,66
0,21
0,80
7,60
8,80
7,78
5,80
5,66
0,21
0,80
7,60
8,80
11,64 0,74 0,26 11,16
11,64 0,74 0,26 11,16
Confidential – not to be distributed
Mobile Optimization
11
Source : http://www.adaodesign.com/gomobile/
7,78
5,80
5,66
0,21
0,80
7,60
8,80
7,78
5,80
5,66
0,21
0,80
7,60
8,80
11,64 0,74 0,26 11,16
11,64 0,74 0,26 11,16
Confidential – not to be distributed
Mobile Optimization in HRS context
12
7,78
5,80
5,66
0,21
0,80
7,60
8,80
7,78
5,80
5,66
0,21
0,80
7,60
8,80
11,64 0,74 0,26 11,16
11,64 0,74 0,26 11,16
Confidential – not to be distributed
Mobile Optimization
13
Source : http://www.slideshare.net/kinvey/how-to-avoid-9-common-mobile-ux-mistakes
http://www.slideshare.net/kinvey/9-mobile
7,78
5,80
5,66
0,21
0,80
7,60
8,80
7,78
5,80
5,66
0,21
0,80
7,60
8,80
11,64 0,74 0,26 11,16
11,64 0,74 0,26 11,16
Confidential – not to be distributed
Future trends – key take aways
14
1.Mobile is mainstream
It will grow to dominate client computing for e-commerce. with mobile and evolve the design
up to larger screens using responsive design techniques.
2.Native mobile apps will continue to preferred by consumers over web based applications because they are more
responsive.
3.Windows 7 laptops will continue to dominate the workplace, and Apple will dominate the corporate tablet market.
4.Personalization will grow Your mobile device will learn your habits and predict your next move to provide you with
proactive services such as providing custom menus in restaurants that exclude foods you
don’t like or have allergies to.
5.Small screens will grow and tablets will shrink to converge at a 7-inch form “SmartTab” factor. Today smartphones
are used for price checking and tablets for browsing and buying.
Source : http://www.the-future-of-commerce.com/2013/08/30/mobile-commerce-trends-2014/
7,78
5,80
5,66
0,21
0,80
7,60
8,80
7,78
5,80
5,66
0,21
0,80
7,60
8,80
11,64 0,74 0,26 11,16
11,64 0,74 0,26 11,16
Confidential – not to be distributed
Thank you
for your attention!
17