A Beginners Guide To Mobile Optimisation for Arts Organisations

29
OPTIMISE WEBINAR: MOBILE OPTIMISATION FEBRUARY 2014

description

During 2014 many arts organisations will have their ‘mobile moment’ – when visits to their website from mobiles and tablets will, for the first time, out-strip visits from a desktop. For many forward-thinking organisations with a considered mobile strategy, this has already happened – for others, it’s clear that a mobile optimised website is now absolutely critical, given that potentially half of your audience (or more) will be accessing your site on a mobile device in the year ahead. Creating a mobile optimized experience takes more than just 'making everything smaller' -- there are key considerations, use cases and opportunities that are unique to the mobile web environment; all of which should be considered when taking your next step on your mobile strategy. In this presentation, you'll discover: • how use of the mobile web differs from desktop • how you can maximise the opportunities that mobile offers to engage with your audience • what steps you need to take with your web designers and developers to make this a reality • where mobile sits within broader digital, social media and content marketing strategies Stuart Buchanan is Director of The Nest -- a company that specializes in strategy, design and development for the cultural sector, and one that has devised award-winning mobile solutions for arts organisations such as Sydney Festival, Art Gallery Of NSW, MONA, Biennale Of Sydney and many more.

Transcript of A Beginners Guide To Mobile Optimisation for Arts Organisations

Page 1: A Beginners Guide To Mobile Optimisation for Arts Organisations

OPTIMISE WEBINAR: MOBILE OPTIMISATIONFEBRUARY 2014

Page 2: A Beginners Guide To Mobile Optimisation for Arts Organisations

OPTIMISE WEBINAR - MOBILE OPTIMISATION

�2

HOW DO WE BEST USE THE MOBILE WEB TO ATTRACT & ENGAGE AUDIENCES?

• HOW DOES USE OF MOBILE SITES DIFFER FROM DESKTOP?

• HOW DO WE MAXIMISE THE OPPORTUNITY OF THE MOBILE WEB?

• HOW DO WE WORK WITH DEVELOPERS TO MAKE THIS A REALITY?

• WHERE DOES MOBILE SIT WITHIN A BROADER DIGITAL, SOCIAL MEDIA OR CONTENT STRATEGY?

Page 3: A Beginners Guide To Mobile Optimisation for Arts Organisations

OPTIMISE WEBINAR - MOBILE OPTIMISATION

�3

the #1 method for accessing local information is the mobile device. higher-and-higher.com

by 2015, more internet users will access the web through mobile devices than through the desktop. idc.com

88% of consumers searching on a mobile device will make a purchase within 24 hours. Google Mobile Ads

juniper predicts that ‘near-field communication’ mobile tickets will represent more than 50% of all mobile ticketing revenue by 2016 intomobile.com

WHY MOBILE?

Page 4: A Beginners Guide To Mobile Optimisation for Arts Organisations

OPTIMISE WEBINAR - MOBILE OPTIMISATION

�4

HOW DOES USE OF MOBILE SITES DIFFER FROM DESKTOP?

Page 5: A Beginners Guide To Mobile Optimisation for Arts Organisations

OPTIMISE WEBINAR - MOBILE OPTIMISATION

�5

HOW DOES USE OF MOBILE SITES DIFFER FROM DESKTOP?

AFTERTHE EVENT

AT THEEVENTPREPARATIONBOOKINGRESEARCHAWARENESS

Audience Journey mapping via connectarts.australiacouncil.gov.au

Page 6: A Beginners Guide To Mobile Optimisation for Arts Organisations

OPTIMISE WEBINAR - MOBILE OPTIMISATION

�6

HOW DOES USE OF MOBILE SITES DIFFER FROM DESKTOP?

AFTERTHE EVENT

AT THEEVENTPREPARATIONBOOKINGRESEARCHAWARENESS

Audience Journey mapping via connectarts.australiacouncil.gov.au

• First hearing about the event through a friend or other media

• Word-of-mouth, e-newsletters, social media

• Finding out more about the event and deciding whether to attend

• Search engines, organisation web site content, reviews, recommendations

• Buying a ticket to the event ahead of time

• Online ticketing, seating plans

• Anticipating the event and getting organised

• maps, journey planners, parking and restaurants

• Getting more information and sharing the experience

• sharing comments & photos via social media; seeking more info about the artist / event

• Reliving the experience and considering the next event

• talking with others, recommending the event, planning next event

Page 7: A Beginners Guide To Mobile Optimisation for Arts Organisations

OPTIMISE WEBINAR - MOBILE OPTIMISATION

�7

HOW DOES USE OF MOBILE SITES DIFFER FROM DESKTOP?

AFTERTHE EVENT

AT THEEVENTPREPARATIONBOOKINGRESEARCHAWARENESS

Audience Journey mapping via connectarts.australiacouncil.gov.au

• First hearing about the event through a friend or other media

• Word-of-mouth, e-newsletters, social media

• Finding out more about the event and deciding whether to attend

• Search engines, organisation web site content, reviews, recommendations

• Buying a ticket to the event ahead of time

• Online ticketing, seating plans

• Anticipating the event and getting organised

• maps, journey planners, parking and restaurants

• Getting more information and sharing the experience

• sharing comments & photos via social media; seeking more info about the artist / event

• Reliving the experience and considering the next event

• talking with others, recommending the event, planning next event

DESKTOP awareness & investigation - experiential

Page 8: A Beginners Guide To Mobile Optimisation for Arts Organisations

OPTIMISE WEBINAR - MOBILE OPTIMISATION

�8

HOW DOES USE OF MOBILE SITES DIFFER FROM DESKTOP?

AFTERTHE EVENT

AT THEEVENTPREPARATIONBOOKINGRESEARCHAWARENESS

Audience Journey mapping via connectarts.australiacouncil.gov.au

• First hearing about the event through a friend or other media

• Word-of-mouth, e-newsletters, social media

• Finding out more about the event and deciding whether to attend

• Search engines, organisation web site content, reviews, recommendations

• Buying a ticket to the event ahead of time

• Online ticketing, seating plans

• Anticipating the event and getting organised

• maps, journey planners, parking and restaurants

• Getting more information and sharing the experience

• sharing comments & photos via social media; seeking more info about the artist / event

• Reliving the experience and considering the next event

• talking with others, recommending the event, planning next event

DESKTOP awareness & investigation - experiential

MOBILE organisation & practical - utility

Page 9: A Beginners Guide To Mobile Optimisation for Arts Organisations

OPTIMISE WEBINAR - MOBILE OPTIMISATION

�9

HOW DOES USE OF MOBILE SITES DIFFER FROM DESKTOP?MOBILE & TABLET USE PEAKS LATER IN THE DAY - HIGH LIKELIHOOD OF A SOCIAL ENVIRONMENT.

Source: Google

Page 10: A Beginners Guide To Mobile Optimisation for Arts Organisations

OPTIMISE WEBINAR - MOBILE OPTIMISATION

�10

HOW DO WE MAXIMISE THE OPPORTUNITY OF MOBILE WEB?WHAT CONTENT SHOULD BE ON A MOBILE SITE? "What’s useful? Consider all of the content you have on the web site, draw up a site map and a brief content audit, and mark off what you think is more useful on a mobile versus a desktop.

Page 11: A Beginners Guide To Mobile Optimisation for Arts Organisations

OPTIMISE WEBINAR - MOBILE OPTIMISATION

�11

HOW DO WE MAXIMISE THE OPPORTUNITY OF MOBILE WEB?WHAT CONTENT SHOULD BE ON A MOBILE SITE? "What’s difficult? Look at the web site functions. Could people realistically use any forms, tables or lengthy text that is currently on your site? Are there functions that simply don’t work on a mobile?

Page 12: A Beginners Guide To Mobile Optimisation for Arts Organisations

OPTIMISE WEBINAR - MOBILE OPTIMISATION

�12

HOW DO WE MAXIMISE THE OPPORTUNITY OF MOBILE WEB?WHAT CONTENT SHOULD BE ON A MOBILE SITE? "What’s missing?

Decide what information would be very helpful for users on the go, in the vicinity of the venue, or those who are close to purchase. For example: transport information, location, food & beverage (before and after), Twitter (for late breaking information), social feeds from other users (social proof of engagement).

Page 13: A Beginners Guide To Mobile Optimisation for Arts Organisations

OPTIMISE WEBINAR - MOBILE OPTIMISATION

�13�13

QUESTIONS?

Page 14: A Beginners Guide To Mobile Optimisation for Arts Organisations

OPTIMISE WEBINAR - MOBILE OPTIMISATION

�14

HOW DO WE MAKE THIS A REALITY?WHAT IS A RESPONSIVE SITE? "A responsive web site is one that changes layout and style depending on where it is viewed. It is a single web site that displays different style sheets according to its environment.

Source: sydneydancecompany.com

Commonly, a responsive site has 2-3 “break points” - desktop, tablet,mobile; occasionally more.

DESKTOP MOBILE

Page 15: A Beginners Guide To Mobile Optimisation for Arts Organisations

OPTIMISE WEBINAR - MOBILE OPTIMISATION

�15

HOW DO WE MAKE THIS A REALITY?WHAT IS A MOBILE SITE? "A mobile web site is one that has been designed exclusively for a mobile browser.

Source: sydneyfestival.org.au

It is effectively a second web site, one that replicates content but in a different mobile-optimised design.

DESKTOP MOBILE

Page 16: A Beginners Guide To Mobile Optimisation for Arts Organisations

OPTIMISE WEBINAR - MOBILE OPTIMISATION

�16

HOW DO WE MAKE THIS A REALITY?RESPONSIVE SITE vs MOBILE SITE - WHICH IS BEST?

USE RESPONSIVE WHEN: "• there’s a good crossover of priority content

between desktop and mobile, similar page layouts and structure "

• you are starting from scratch with a new web site (responsive can be more economical) "

• your current site doesn’t use any flash or old javascript

USE MOBILE WHEN: "• there’s markedly different content between

desktop and mobile, dissimilar page layouts and structure "

• you need a mobile version of your current web site

• your current site uses any flash or old javascript

Page 17: A Beginners Guide To Mobile Optimisation for Arts Organisations

OPTIMISE WEBINAR - MOBILE OPTIMISATION

�17

HOW DO WE MAKE THIS A REALITY?OTHER DESIGN & DEVELOPMENT CONSIDERATIONS

Do you also need a tablet solution?does your current site work well on iPad? check button sizes, text sizes, use of flash or old javascript, scrolling, frames and other functions

How adaptable is your CMS? Is your content management system flexible enough to create mobile-specific content fields - or otherwise allow you to deploy different content between mobile and desktop

Page 18: A Beginners Guide To Mobile Optimisation for Arts Organisations

OPTIMISE WEBINAR - MOBILE OPTIMISATION

�18

iPhone 5 640 pixels x 1136 pixels (326ppi)

Galaxy S4 1080 pixels x 1920 pixels (441ppi)

+ 100s more …

HOW DO WE MAKE THIS A REALITY?OTHER DESIGN & DEVELOPMENT CONSIDERATIONS

Page 19: A Beginners Guide To Mobile Optimisation for Arts Organisations

OPTIMISE WEBINAR - MOBILE OPTIMISATION

�19

desktop

tablet (landscape)

tablet (portrait)

smartphone

HOW DO WE MAKE THIS A REALITY?OTHER DESIGN & DEVELOPMENT CONSIDERATIONS

Page 20: A Beginners Guide To Mobile Optimisation for Arts Organisations

OPTIMISE WEBINAR - MOBILE OPTIMISATION

�20

WHERE DOES MOBILE SIT WITHIN A BROADER STRATEGY?

�20

Page 21: A Beginners Guide To Mobile Optimisation for Arts Organisations

OPTIMISE WEBINAR - MOBILE OPTIMISATION

�21

WHERE DOES MOBILE SIT WITHIN A BROADER STRATEGY?

�21

WEB SITE info, listings, interviews, context & commentary "global average 28% of all visits come from mobile, up to (and over) 50% for public events "mobile connection speeds more than doubled in 2013

Page 22: A Beginners Guide To Mobile Optimisation for Arts Organisations

OPTIMISE WEBINAR - MOBILE OPTIMISATION

�22

WHERE DOES MOBILE SIT WITHIN A BROADER STRATEGY?

�22

FACEBOOK

community, content sharing & discussions "48% of daily active users only use mobile devices "mobile devices account for 53% of Facebook’s advertising revenue

WEB SITE info, listings, interviews, context & commentary "global average 28% of all visits come from mobile, up to (and over) 50% for public events "mobile connection speeds more than doubled in 2013

Page 23: A Beginners Guide To Mobile Optimisation for Arts Organisations

OPTIMISE WEBINAR - MOBILE OPTIMISATION

�23

WHERE DOES MOBILE SIT WITHIN A BROADER STRATEGY?

�23

TWITTER "time-specific announcements & conversations "76% of monthly active users use mobile devices "mobile devices account for 75% of Twitter’s advertising revenue

FACEBOOK

community, content sharing & discussions "48% of daily active users only use mobile devices "mobile devices account for 53% of Facebook’s advertising revenue

WEB SITE info, listings, interviews, context & commentary "global average 28% of all visits come from mobile, up to (and over) 50% for public events "mobile connection speeds more than doubled in 2013

Page 24: A Beginners Guide To Mobile Optimisation for Arts Organisations

OPTIMISE WEBINAR - MOBILE OPTIMISATION

�24

WHERE DOES MOBILE SIT WITHIN A BROADER STRATEGY?

�24

TWITTER "time-specific announcements & conversations "76% of monthly active users use mobile devices "mobile devices account for 75% of Twitter’s advertising revenue

FACEBOOK

community, content sharing & discussions "48% of daily active users only use mobile devices "mobile devices account for 53% of Facebook’s advertising revenue

YOUTUBE "interviews, previews & documentation "mobile accounted for 53% of all video traffic at the end of 2013 "80% of YouTube traffic comes from outside the US

WEB SITE info, listings, interviews, context & commentary "global average 28% of all visits come from mobile, up to (and over) 50% for public events "mobile connection speeds more than doubled in 2013

Page 25: A Beginners Guide To Mobile Optimisation for Arts Organisations

OPTIMISE WEBINAR - MOBILE OPTIMISATION

�25

WHERE DOES MOBILE SIT WITHIN A BROADER STRATEGY?

�25

TWITTER "time-specific announcements & conversations "76% of monthly active users use mobile devices "mobile devices account for 75% of Twitter’s advertising revenue

FACEBOOK

community, content sharing & discussions "48% of daily active users only use mobile devices "mobile devices account for 53% of Facebook’s advertising revenue

YOUTUBE "interviews, previews & documentation "mobile accounted for 53% of all video traffic at the end of 2013 "80% of YouTube traffic comes from outside the US

INSTAGRAM "quick snapshots & behind the scenes access "180 million monthly active users (doubled in 12 months) "average user spends 4.2 hours a month on the service

WEB SITE info, listings, interviews, context & commentary "global average 28% of all visits come from mobile, up to (and over) 50% for public events "mobile connection speeds more than doubled in 2013

Page 26: A Beginners Guide To Mobile Optimisation for Arts Organisations

OPTIMISE WEBINAR - MOBILE OPTIMISATION

�26

conducted at research stage for events Source: Australia Council For The Arts

WHERE DOES MOBILE SIT WITHIN A BROADER STRATEGY?

Page 27: A Beginners Guide To Mobile Optimisation for Arts Organisations

OPTIMISE WEBINAR - MOBILE OPTIMISATION

conducted during an event Source: Australia Council For The Arts

WHERE DOES MOBILE SIT WITHIN A BROADER STRATEGY?

Page 28: A Beginners Guide To Mobile Optimisation for Arts Organisations

OPTIMISE WEBINAR - MOBILE OPTIMISATION

conducted after an event Source: Australia Council For The Arts

WHERE DOES MOBILE SIT WITHIN A BROADER STRATEGY?

Page 29: A Beginners Guide To Mobile Optimisation for Arts Organisations

OPTIMISE WEBINAR - MOBILE OPTIMISATION

�29

QUESTIONS?

more stories at wearethenest.com creative projects for web, mobile & social