Understanding The Mobile Patron Webinar
•Download as PPTX, PDF•
1 like•169 views
June 1st, 2017 Webinar
Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Similar to Understanding The Mobile Patron Webinar
Similar to Understanding The Mobile Patron Webinar (20)
Recently uploaded
Recently uploaded (20)
Understanding The Mobile Patron Webinar
- 2. www.StacksDiscovery.com HELLO, ● Chief Design Officer (CDO) - Stacks Inc. ● Author - Learning Zurb Foundation - responsive web framework (Packt Publishing) ● Columnist - TechZulu (UX/Design/Startups) ● Columnist - AlphaGamma (Business Portal for Millennials) ● Host - Building the Future Radio/TV show Kevin@StacksDiscovery.com @KevinHorek I AM KEVIN HOREK!
- 3. WHY IS A MOBILE FIRST STRATEGY SO IMPORTANT IN TODAY'S WORLD?
- 4. www.StacksDiscovery.com WHY IS A MOBILE FIRST STRATEGY SO IMPORTANT IN TODAY'S WORLD? ● Mobile & tablet internet usage surpasses desktop/laptop for first time in 2016 ● Mobile first means designing for smaller screens first, then add more features and content for bigger and bigger screens.
- 5. WHAT IS RESPONSIVE DESIGN AND WHY IS IT IMPORTANT?
- 6. www.StacksDiscovery.com WHAT IS RESPONSIVE DESIGN AND WHY IS IT IMPORTANT? ●Design/development should respond to the user's behavior and environment based on screen size, platform and orientation ●As of 2015, Google penalizes your non-responsive site by impacting your search results page ranking
- 7. WHAT IS A NATIVE MOBILE APP AND WHY IS IT IMPORTANT?
- 8. www.StacksDiscovery.com WHAT IS A NATIVE MOBILE APP AND WHY IS IT IMPORTANT? ●Apps come from either the Apple or Android App Stores based on the phone you have ●An app has access to use the full capabilities of the phone (Camera, GPS, etc.) ●You can store everything in the app, use it offline and the performance of the app is fast
- 9. WHAT IS THE DIFFERENCE BETWEEN A RESPONSIVE WEBSITE AND AN APP?
- 10. www.StacksDiscovery.com WHAT IS THE DIFFERENCE BETWEEN A RESPONSIVE WEBSITE AND AN APP? ● Responsive website can be accessed from the browser and require an internet connection ● An app needs to be downloaded from either the Apple App store or Google Play for your phone or tablet ● Responsive web is easier to update because you do not need to submit an update to both app stores
- 11. www.StacksDiscovery.com DO I NEED A RESPONSIVE WEBSITE AND APPS? Depends ● If you use a phone’s camera to scan a book's barcode and check out that book from your library - this can only happen in an app ● Mapping/location features are more advanced in an app ● Notifications in an app are more advanced and interactive
- 12. www.StacksDiscovery.com WHAT DO MOBILE PATRONS EXPECT? ● If you have an app, it needs to be for iOS and Android ● Younger people expect apps ● Parents can use parental controls on devices to install certain apps, you can’t control where your kids go in a web browser
- 13. WHAT TO CONSIDER WHEN BUILDING A RESPONSIVE WEBSITE?
- 14. www.StacksDiscovery.com WHAT TO CONSIDER WHEN BUILDING A RESPONSIVE WEBSITE? ●Load time ●Screen size ○Phone, Tablet, Laptop, Desktop, TV and more ●Functionality depending on screensize ●Embellishments
- 15. WHAT TO CONSIDER WHEN BUILDING FOR ANDROID AND IOS?
- 16. www.StacksDiscovery.com WHAT TO CONSIDER WHEN BUILDING FOR ANDROID AND IOS? ● Android & iOS have totally different user experiences by default but... ● Google has built a cross-platform design language called Material Design so their apps match across platforms ● Stacks Mobile leverages Material Design so your users have a very similar experience on iOS and Android, this keeps support and feature development between the two platforms similar
- 17. HOW OFTEN DO UPDATES FOR THE WEB, ANDROID & IOS HAPPEN?
- 18. HOW OFTEN DO UPDATES FOR THE WEB, ANDROID & IOS HAPPEN? ●Browsers ○As often as every 6 weeks ●Android/iOS ○Public versions - Fall ○Developer versions - Spring/Summer ●Stacks and Stacks Mobile are constantly optimized to support and be compliant with the updates and changes to the platforms
- 20. www.StacksDiscovery.com STORE SUBMISSIONS ANDROID & IOS ● Both platforms require a developer account ● Apple App Store - $99/year + ● Google Play - $25 one time fee ● Each have a process to submit your apps ○ Description, screenshots, icon and more ● Apple has a lot stricter guidelines than Google that need to be followed meticulously ● Stacks Mobile handles these submissions
- 21. LET’S RECAP
- 22. www.StacksDiscovery.com LET’S RECAP ●Mobile and tablet internet usage surpasses desktop for first time in 2016 ●You need to be thinking about your mobile solution because both Google, Apple and your users expect it ●Google penalizes sites which are not responsive
Editor's Notes
- Mobile & tablet internet usage surpasses desktop/laptop for first time in 2016 Mobile first means designing for smaller screens first, then add more features and content for bigger and bigger screens. This design approach is also known as "progressive enhancement." You might already have noticed this, when you look at a site on your laptop you see gradients, shadows and other embellishments, but when you visit the same site on your table and/or your phone these are gone. Not everyone on the planet has high speed internet or think about when you are not in wi-fi and out and about, LTE is pretty fast but what about if you are maybe outside of a city and on 3G, how much longer finding something online can be.
- In today’s world, so many things are coming online, we need to make out content accessible on many devices and screen sizes. Desktops, laptops, tablets, phones, TV’s, watches, etc. As of 2015 if your site is not responsive, Google puts responsive sites at the top of their search results and if your site is not responsive it can fall well below the first few results or pages. Who goes to page two in a Google search? Also, important because your site will load really small on a phone/tablet and people need to pinch to zoom around your site, and this experience can be pretty terrible. See screenshots Caltech and Bernards Township Library you can see on the phone that everything is really small and you need to pinch & zoom to see and click on content Hover does not work on a touch screen like a tablet and phone, so make you enable click on touch screens or do not use hover at all
- The Apple App Store and the Google Play Store Native apps are designed to run on a specific operating systems, Android and iOS and each platform has its own store. iOS has the app store and Android has the Google Play Store They are generally faster than a website because most of the features and functionality are already on your phone and you only need to pull a small amount of data from the internet or maybe nothing at all. An app has access to use the full capabilities of the phone (Camera, GPS, etc.) You can store everything in the app, use it offline and the performance of the app is fast
- More on app submission later
- Mapping/location - can not get actual navigation with browser mapping/location such as Google Maps. This means no turn by turn audio or visual instructions. Notification - reply/snooze/interact with operating system notifications - this is synced across devices. For example iMessage or Email (read on 1 device, another device will know and remove the notification).
- Why Apps - ease of use/easy to find/no searching required.
- Load time - not everyone has the latest and greatest phone so having your site load as fast as possible is key You need to think about how your design will look on a phone screen and something as big as a TV screen You can change how certain elements work on certain screen sizes, for example on bigger screens you might show the entire main menu but on smaller screen sizes you show the menu under the 3 horizontal lines (hamburger or hotdog menu) You may notice things are more styled or present on bigger screens (functionality, styling, theming, etc.).
- Most people have used a Google app on either their iOS or Android phone/tablet for this reason we choose to use Google’s Material Design for Stacks Mobile so the user will already understand how to use the app on either platform. When designing for an app you need to think about the guidelines that are provided by both platforms, their accessibility support, and how similar or different your apps are when you need to provide support in person or over the phone. You might need to understand or have both platforms around so you can walk a user through a task. Google’s Material Design is built with the future in mind, they have support for watches, TV’s, Auto, Virtual Reality, the web and of course mobile apps across iOS and Android. Talk about the image
- As you can see Apple and Google are pushing out updates at a super fast pace and you need to keep up or your website and apps can get outdated within a year or two 60% of K-12 Laptops in the US are Chromebooks, these Chromebooks run Android Apps now. Apple’s iPad used to dominate the education market, but as you can see, Google is leading right now. This is likely due largely to the cost of a Chromebook, which is way cheaper. A new version of iOS and Android come out every fall, developers, like us, have access to these beta’s in the spring and we are constantly optimizing Stacks and Stacks Mobile to support and be compliant with the updates and changes
- Apple has a lot stricter guidelines than Google does, and you need to make sure you do everything both platforms need when submitting to their respective stores. Apple reviews every app and update made to your app Google uses a computer to review and flags apps that it wants a human to review