At-The-Event: A New Module for the InstantEncore Mobile Suite


Published on

This slide deck examines the features available in the new At-The-Event module available within InstantEncore's mobile suite for the performing arts. This module has been designed to help arts organizations engage mobile patrons more deeply with content specific to the current event, encourage audience members to generate social buzz, and promote internal offers as well as external partnerships.

Published in: Mobile, Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

At-The-Event: A New Module for the InstantEncore Mobile Suite

  1. 1. At-The-Event A new module for the InstantEncore mobile suite. 1
  2. 2. At-The-Event Landing Screen When you activate the At-The-Event module in the control panel, you will be able to determine the start and end times for the At-The-Event landing screen to appear within your Apple and Android mobile apps. When At-The-Event appears within the app, the Landing Screen is the first thing the user sees when they open the app. The landing screen contains the following: 1 – Image The landing screen contains a central image for the event (like the mobile suite’s Slideshow home screen option.) • Recommended size is 1024 tall x 768 wide. This is large enough to look good on tablets, but should still load quickly. • Keep the main content of the image near the center as the edges may be cropped depending the viewing devices dimensions. 2 1
  3. 3. At-The-Event Landing Screen 2 – Title This text will be overlaid on top of the central image’s upper-left corner. • If At-The-Event is connected to an event in your calendar, then that title will populate here. If not, the field is blank. • The text is customizable, so you may overwrite any pre-populated text. • HTML markup is allowed. • Example: “Who’s Afraid of Virginia Woolf?<br/>Stage 1“ will create a line break before “Stage 1” 3 – Action Button Text This text will be overlaid on top of the central image’s lower-right corner. • The text is customizable. • HTML markup is allowed. • The default text is “Get Exclusive Content.” • When a user taps this text they will be taken to the At-The-Event Info. 3 2 3
  4. 4. At-The-Event Landing Screen 4 – Image Indicator A dot appears overlaid in the lower central area of the image. • If multiple events have At-The-Event concurrently enabled, then one dot will appear for each event. • The white dot indicates the event currently displayed. Remaining events with ATE enabled are represented by gray dots. • The mobile user swipes the screen horizontally to move from event to event 5 – At-The-Event Landing Screen Icon When At-The-Event is active within the app, the icon for the At-The-Event Landing Screen will appear in the first position on the icons toolbar (and/or on the Icons Home Screen.) • The default label text is “Today” • The label text is customizable, but the icon is not 4 4 5
  5. 5. Info Screen On the At-The-Event Info screen, you have a number of content items: 1. Image – This image appears directly beneath the ATE menu bar. A square 1024px X 1024px image is recommended. 2. Title – This customizable text area is recommended to be no more than 30 characters. 3. Spotlight Text – This space may be used for a welcome message, to remind patrons of a post-show Q&A, to alert them to any intermissions, etc. 100 characters or less is recommended. Actions Inherent to the Module: 4. Check-in – see slide 6 5. Things to Know – see slide 7 6. Program Notes – see slide 8 7. Artists – see slide 9 5 1 2 3 4 5 6 7
  6. 6. Info >> Check-In The Check-in screen allows your audience to check-in for your event using one of three social media platforms: Facebook, FourSquare, or Twitter. Tapping on the platform’s name will open that platform’s app on the mobile device. • Facebook and Foursquare – when the platform’s app opens, the user taps “Check-in” to continue the process. • Twitter – the user is taken directly to a Twitter posting screen. After checking-in, the mobile user will be returned to the app. 6
  7. 7. Info >> Things to Know If you could tell new patrons just a few key things about the event, what would you say? The Things to Know screen enables you to highlight specific items for your audience: important elements of the work, trivia about the artists, logistical information, reminder of a Q&A or reception after the show, etc. • You control the number of items to feature, the image to feature, and the text for each item. • This system will overlay the appropriate number over each item’s image. • 500px X 250px rectangular images are recommended. • While there is no limit on the amount of text associated with an item, we do recommend keeping the text to 200 characters or less. 7
  8. 8. Info >> Program Notes The Program Notes screen provides you with three options for sharing program information with your patrons: 1. You can link to an external URL where the program notes are hosted. We recommend that you link to a mobile optimized URL. 2. You can upload the program notes as a PDF file. Be sure to format the PDF so that the text is legible on a smartphone without needing to enlarge it. 3. You also have the option to add the program notes using the HTML editor in the control panel. 81 2 3
  9. 9. Info >> Artists While the Artists tab for the main mobile app is great for featuring information about artists who have a permanent or standing position with the company, the Artists screen for At-The-Event is intended to shine a spotlight on the artists featured specifically within the event. • The artists appear in a list with their name, photo, and role/instrument. • The mobile user taps on the artist’s name to read his or her biography. • You can search the database for artists to pre-populate information, which you can then edit, or you can enter artist information directly. • Biographical information is entered using an HTML editor. 9
  10. 10. Info Screen 1. Custom Action – In addition to the four actions provided in the control panel, you can add your own actions (see slide 11) 2. Event Sponsor – If At-The-Event is connected to an event that has sponsor information associated with it, that sponsor name and link to their website will populate this area. • You may edit and enter new information in this area. • You may list multiple sponsors, but only one link is associated with the text. 10 1 2
  11. 11. Custom Actions 1. Link to Custom Tab – You can create custom tabs using our HTML editor in the Tabs area of the Mobile menu, then link to it in the At-The-Event administrative section 2. Link to Content – You can link to content already in the control panel. For example, you might link to relevant music, videos, buzz items, etc. 3. Link to URL – You can link out to an external URL. For example, you might create a poll for your audience using and link to the poll from your app. 111 2 3
  12. 12. Social Through the Social screen, your patrons will be able to engage each other about the event. Your organization can also use the social feed to communicate directly with your audience. At the top of the social feed is a semi-transparent submenu bar containing three items: • The hashtag for the event is displayed in the center. We recommend that you choose a unique hashtag for the event to insure that only content about your event appears. • To the left of the hashtag is a pencil icon. Tapping on this icon allows the mobile user to post with Twitter, Instagram, or our In-App posting service. • To the right of the hashtag is a refresh icon, which allows the user to refresh the aggregated social feed and see the latest posts. (Users will be notified when “new” messages are available to be viewed.) 12
  13. 13. Social (con’t) Each social media post in the aggregated feed has the following items associated with it: 1. User icon – For users posting from Twitter or Instagram, the profile icon is drawn from those services. If the user is posting using the in-app service, then a default icon will appear. 2. User name – Again, this is drawn from Twitter and Instagram when users post via those services. Users posting via the in-app service will be prompted to enter their name. 3. Account handle and platform – Underneath the user name is their account name and the platform used to post the content. If the user posts via the in-app service, then the line will read “In-app.” 4. How long ago was it posted? – To the right of the user name is a minute counter detailing how far in the past the post was entered. 5. Content – The text message and/or photo posted by the user. 13 2 3 4 5 1
  14. 14. Social Feed (con’t) Your mobile users will be able to see the last 150 posts from anyone using the event’s hashtag during the activation period for the event, regardless of which platform was used to make the post. Tapping on a link or an image in a post opens the content in a browser. Tapping on “Done” takes the user back to the social feed in the app. As the mobile user scrolls through the social feed, the submenu bar scrolls up so that it does not block the view of content. 14 New Posts Notification When new posts are available in the social feed, the word “new” appears as superscript above Social in the At-The-Event menu bar. Users may tap Social in the menu bar to return to the top of the social feed, where they can tap the refresh icon to load the new posts.
  15. 15. Social >> Posting When the mobile user taps on the pencil icon on the Social screen, they are taken to the Posting screen. • The hashtag associated with the event appears at the top of this screen. • Tapping the Twitter icon launches the platform’s app to a posting page with the hashtag prepopulated in the text field. • Tapping the Instagram icon opens a window with the message, “Post with #hashtag. You must have the Instagram app installed.” • Tapping “OK” on an Apple device launches the Instagram app. • Tapping “OK” on Android devices takes the user back to the app, but they will need to launch Instagram separately. • Tapping “In app” launches the in-app posting form. (see slide 16) • The text below the platforms reads, “Please be respectful when posting.” • At the bottom of the screen is a button the user may tap to return to the social feed. 15
  16. 16. Social >> Posting >> In app When the mobile user taps on the “In app” icon on the Posting screen, a brief form appears below the default advisory text. • Users must enter a Name to associate with their post • Users enter their Message text in the form’s second field • After crafting the message content, the user taps the Post button 16
  17. 17. Offers The Offers screen features a scrollable series of images with a text overlay to feature both internal offers (tickets to future shows, concessions, parking, etc.) as well as offers with external partners – restaurants, hotels, and more. • You can feature as many offers as you like • Each offer on this screen has an image associated with it. • If you only have a single offer featured, a 600px X 800px image is recommended. • If you have multiple offers featured, we recommend using 500px x 250px images. • Each offer also has header text overlaid on its image. • This text should encapsulate the offer and inspire the user to tap on the offer for more information. • 35 characters or less is recommended. 17
  18. 18. Offers >> Offer Description Mobile users will be able to see these offers while the At-The-Event module is activated within the app. Therefore, it is important for the offers featured within this area to be actionable during that time. For example: Users could show the offer screen at the box office that evening to receive a discount on tickets for an upcoming performance. The offers detail screen is created using the HTML editor in the control panel, which allows you to: • Format text • Add tables to organize content • Insert images • Insert hyperlinks • and more… 18