Innovative Educators: Going Mobile

•Descargar como PPTX, PDF•

0 recomendaciones•554 vistas

Eric Hodgson

Tecnología Empresariales

Overview
• You had little control…now you have less.
• You had little opportunity…now you have
much, much more.
• The key is focus.

Agenda
• Build a mobile strategy
• Execute a mobile presence

Mobile strategy
• Your users are now on these devices
• You can serve people any time, anywhere

Why mobile?

New York Daily News: http://www.nydailynews.com/news/world/check-contrasting-pics-st-peter-square-article-1.1288700

http://www.statista.com/topics/779/mobile-internet/chart/1380/mobile-web-usage/

Always on…everywhere

Flickr (@brittanysoup): http://www.flickr.com/photos/brittanycampbellphotography/4397188291/

How is mobile different?

Flickr (@australianshepherds): http://www.flickr.com/photos/australianshepherds/

Screen size
http://blogs.davidson.edu/webredesign/page/4/

Native actions
• Swipe
• Thumb navigation
• Geolocation

Flickr (@vegaseddie): http://www.flickr.com/photos/vegaseddie/5700609302

Attention span

Flickr (@jonathanadami): http://www.flickr.com/photos/jonathanadami/7953963856

Elements of a mobile strategy
• Audiences
• Actions
• Technologies

Audience

Flickr (@jamescridland): http://www.flickr.com/photos/jamescridland/613445810

Action

Flickr (@jonathankosread): http://www.flickr.com/photos/jonathankosread/6398311699

Technologies

Forbes: http://www.forbes.com/sites/markrogowsky/2013/06/06/more-than-half-of-us-have-smartphones-giving-apple-andgoogle-much-to-smile-about/

Slate:
http://www.slate.com/blogs/future_tense/2013/04/26/samsung_smartphone_sales_rise_to_double_apple_s_market_share.html

Questions?

Flickr (@audiolucistore): http://www.flickr.com/photos/audiolucistore/7403731050

What are my options?
• Mobile site
• Application
• Responsive/Adaptive site

Mobile Sites
+ Very specific
mobile activity

- Two sites to
manage

+ Incorporation of
native actions

- Mobile activity
may be too limited
- Redirects aren’t
social friendly

Applications
+ More powerful
native actions

- Two sites to
manage

+ Longer attention
span

- Separate download

Responsive/Adaptive Design
+ One site/URL to
manage
+ Redirects are final
destinations
+ Incorporation of
native actions

- Slower site
performance

Responsive versus adaptive
Responsive:

Adaptive:

• Fluid width
• Heavier code
• Stair steps

• Fixed width
• Device driven

Progressive enhancement

Flickr (@granitemountaininsurance): http://www.flickr.com/photos/granitemountaininsurance/7406297138

Deep Blue: http://deepblue.com/blog/2013/01/responsive-web-design-and-progressive-enhancement-the-facts/

Stackable content

Flickr (@chocogato): http://www.flickr.com/photos/chocogato/11076834686

http://blogs.davidson.edu/webredesign/page/4/

Test, test, test

Flickr (@butz.2013): http://www.flickr.com/photos/61508583@N02/10873567586

Testing options
• StudioPress
http://www.studiopress.com/responsive

• MobileTest
http://mobiletest.me/

• W3C mobileOK Checker
http://validator.w3.org/mobile/

Stay on top of it

Flickr (@davidsingleton): http://www.flickr.com/photos/davidsingleton/3057542590

Contact me
Eric Hodgson
Director, Online Communication
Strategies
University of Iowa Foundation

ehodgso@gmail.com
@ehodgso
http://slideshare.com/ehodgso

Más contenido relacionado

Similar a Innovative Educators: Going Mobile

Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014

Anna Dahlström

Slides from my talk at MOBX in Berlin on 13 Sep 2014 - http://2014.mobxcon.com/ Beyond the hamburger menu - What you need to know about designing for multiple devices. Abstract: From myths to trends and best practice, actual usage, engagement, design patterns and interactions, we’ll go through the insights behinds the stats and take a look at the reality behind mobile and what really matters when designing for multiple devices.

Beyond The Hamburger Menu - MOBX, 13 Sep 2014

Anna Dahlström

Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01

Victor Minuesa

Content Strategy for Responsive Websites

Clarissa Peterson

AAF Ft. Worth Talk to Mobile Marketing

Ed Schipul

There's Only One Screen: How to Plan for Users, Not Devices

Sarah Krznarich

Responsive design has quickly become a catch-all response to solving brands’ mobile challenges and addressing users’ needs. But are we unknowingly setting ourselves up to repeat history with style-over-substance-websites? See how ethology’s content strategy directors, Anna Hrach and Sarah Krznarich, discuss how we can stop looking at users based on their device and instead adopt a holistic content strategy to create one consistent experience.

There's Only One Screen: How to Plan for Users Not Devices

Anna Hrach

A review on mobile statistics

jahanzebmunawar

There’s Only One Screen: How to Plan for Users Not Devices

Ethology

Mobile First Responsive Web Design

UIEpreviews

Alexander michael project4

Malexander34

This session explores why choosing a good responsive framework, while assisting in development and ensuring a consistent look-and-feel, is just one piece of the much larger process of creating a truly engaging website or web application. Topics include why using the latest swiping motion du jour may not immediately make sense to all users, how a site's layout and content must truly be thought of as an architecture project to get the most "bang for the buck", and what problems that interactivity in the form of form entry can result in driving potential users and customers away, never to be seen again.

Responsive Design and Development "Gotchas"

Andrew Malek

Smartphones - the ultimate recruitment tool

ThirtyThree

"Big Data" is term heard more and more in industry – but what does it really mean? There is a vagueness to the term reminiscent of that experienced in the early days of cloud computing. This has led to a number of implications for various industries and enterprises. These range from identifying the actual skills needed to recruit talent to articulating the requirements of a "big data" project. Secondary implications include difficulties in finding solutions that are appropriate to the problems at hand – versus solutions looking for problems. This presentation will take a look at Big Data and offer the audience with some considerations they may use immediately to assess the use of analytics in solving their problems. The talk begins with an idea of how big "Big Data" can be. This leads to an appreciation of how important "Management Questions" are to assessing analytic needs. The fields of data and analysis have become extremely important and impact nearly all facets of life and business. During the talk we will look at the two pillars of Big Data – Data Warehousing and Predictive Analytics. Then we will explore the open source tools and datasets available to NATO action officers to work in this domain. Use cases relevant to NATO will be explored with the purpose of show where analytics lies hidden within many of the day-to-day problems of enterprises. The presentation will close with a look at the future. Advances in the area of semantic technologies continue. The much acclaimed consultants at Gartner listed Big Data and Semantic Technologies as the first- and third-ranked top technology trends to modernize information management in the coming decade. They note there is an incredible value "locked inside all this ungoverned and underused information." HQ SACT can leverage this powerful analytic approach to capture requirement trends when establishing acquisition strategies, monitor Priority Shortfall Areas, prepare solicitations, and retrieve meaningful data from archives.

Big Data in NATO and Your Role

Jay Gendron

For many web developers whose jobs don't allow them to play with all the newest technologies, something like responsive design can be just out of reach. As more users are surfing exclusively on mobile devices, these are skills every web developer, designer, and manager needs to develop. We'll walk through the background, assorted techniques, how to measure success, and where it's all going. This is not a coding session, but a planning and strategy session.

Responsive Web Design Primer - NAGW 2014

Adrian Roselli

The Mobile Web for PR Pros

Ed Schipul

Maximising Online Resource Effectiveness Workshop Session 1/8 Introduction

Platypus

Maximising Online Resource Effectiveness: Workshop Introduction

JISC Netskills

Mobilising Digital - Perth 13/03/14

Precedent

Desintation Local: Mark Brill: Mobile

Mark Brill

Similar a Innovative Educators: Going Mobile (20)

Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014

Beyond The Hamburger Menu - MOBX, 13 Sep 2014

Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01

Content Strategy for Responsive Websites

AAF Ft. Worth Talk to Mobile Marketing

There's Only One Screen: How to Plan for Users, Not Devices

There's Only One Screen: How to Plan for Users Not Devices

A review on mobile statistics

There’s Only One Screen: How to Plan for Users Not Devices

Mobile First Responsive Web Design

Alexander michael project4

Responsive Design and Development "Gotchas"

Smartphones - the ultimate recruitment tool

Big Data in NATO and Your Role

Responsive Web Design Primer - NAGW 2014

The Mobile Web for PR Pros

Maximising Online Resource Effectiveness Workshop Session 1/8 Introduction

Maximising Online Resource Effectiveness: Workshop Introduction

Mobilising Digital - Perth 13/03/14

Desintation Local: Mark Brill: Mobile

Más de Eric Hodgson

We hear it far too many times. "What does the data tell us?" Unfortunately, this happens too late in the process for us to know what to look for, and better yet, how to react once we find the data. The first step in any project starts with planning, including analytics. During this session, we will outline the analytics planning process, including goal setting, audience analysis, baselining, and decision making. We will review the tools and platforms that can help as well. In the end, we are making educated decisions to save on resources, exceed goals, and prepare for the next project.

Finding What You Are Looking For: Understanding Analytics Strategy

Eric Hodgson

Patients Are the Patient Experience

Eric Hodgson

Tracking the Effectiveness of Your Social Media Marketing

Eric Hodgson

Institutional websites today rarely lack in content. But our sites are so big that even the greatest content can quickly get lost in long navigation lists and buried pages. What can you do to make sure the most important actions, stories, and information for your users are at their fingertips? Discuss how to extend the exposure of actions, news, profiles, and social content throughout your site by naturally including the next steps users should take to stay on the site. We will cover: - Identifying primary and secondary content - Building a content categorization strategy - Understanding content types - Designing a page to promote action and stickiness By the end of the session, you will know how to flatten your site to give a visitor a more robust experience.

Next Step Navigation [CASE V]

Eric Hodgson

AFP: Web and Social Media

Eric Hodgson

Best Practices in Social Media: Implementing a Strategy

Eric Hodgson

Changing Campus Culture for Successful Web Content

Eric Hodgson

Utilizing Social Networks to Strengthen Alumni Relationships

Eric Hodgson

Beyond the Cool Factor

Eric Hodgson

Utilizing Social Networks to Strenghten Student Relationships

Eric Hodgson

Utilizing Social Networks to Strenghten Student Relationships

Eric Hodgson

Embracing Social Web Content: Site Visitors as Authors

Eric Hodgson

Latest Trends in Higher Ed Web Site Maintenance

Eric Hodgson

The Web is Flat

Eric Hodgson

Más de Eric Hodgson (14)

Finding What You Are Looking For: Understanding Analytics Strategy

Patients Are the Patient Experience

Tracking the Effectiveness of Your Social Media Marketing

Next Step Navigation [CASE V]

AFP: Web and Social Media

Best Practices in Social Media: Implementing a Strategy

Changing Campus Culture for Successful Web Content

Utilizing Social Networks to Strengthen Alumni Relationships

Beyond the Cool Factor

Utilizing Social Networks to Strenghten Student Relationships

Embracing Social Web Content: Site Visitors as Authors

Latest Trends in Higher Ed Web Site Maintenance

The Web is Flat

Último

AXA XL - Insurer Innovation Award Americas 2024

The Digital Insurer

This presentations targets students or working professionals. You may know Google for search, YouTube, Android, Chrome, and Gmail, but did you know Google has many developer tools, platforms & APIs? This comprehensive yet still high-level overview outlines the most impactful tools for where to run your code, store & analyze your data. It will also inspire you as to what's possible. This talk is 50 minutes in length.

Powerful Google developer tools for immediate impact! (2023-24 C)

wesley chun

"I see eyes in my soup": How Delivery Hero implemented the safety system for ...

Zilliz

Following the popularity of "Cloud Revolution: Exploring the New Wave of Serverless Spatial Data," we're thrilled to announce this much-anticipated encore webinar. In this sequel, we'll dive deeper into the Cloud-Native realm by uncovering practical applications and FME support for these new formats, including COGs, COPC, FlatGeoBuf, GeoParquet, STAC, and ZARR. Building on the foundation laid by industry leaders Michelle Roby of Radiant Earth and Chris Holmes of Planet in the first webinar, this second part offers an in-depth look at the real-world application and behind-the-scenes dynamics of these cutting-edge formats. We will spotlight specific use-cases and workflows, showcasing their efficiency and relevance in practical scenarios. Discover the vast possibilities each format holds, highlighted through detailed discussions and demonstrations. Our expert speakers will dissect the key aspects and provide critical takeaways for effective use, ensuring attendees leave with a thorough understanding of how to apply these formats in their own projects. Elevate your understanding of how FME supports these cutting-edge technologies, enhancing your ability to manage, share, and analyze spatial data. Whether you're building on knowledge from our initial session or are new to the serverless spatial data landscape, this webinar is your gateway to mastering cloud-native formats in your workflows.

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Safe Software

Created by Mozilla Research in 2012 and now part of Linux Foundation Europe, the Servo project is an experimental rendering engine written in Rust. It combines memory safety and concurrency to create an independent, modular, and embeddable rendering engine that adheres to web standards. Stewardship of Servo moved from Mozilla Research to the Linux Foundation in 2020, where its mission remains unchanged. After some slow years, in 2023 there has been renewed activity on the project, with a roadmap now focused on improving the engine’s CSS 2 conformance, exploring Android support, and making Servo a practical embeddable rendering engine. In this presentation, Rakhi Sharma reviews the status of the project, our recent developments in 2023, our collaboration with Tauri to make Servo an easy-to-use embeddable rendering engine, and our plans for the future to make Servo an alternative web rendering engine for the embedded devices industry. (c) Embedded Open Source Summit 2024 April 16-18, 2024 Seattle, Washington (US) https://events.linuxfoundation.org/embedded-open-source-summit/ https://ossna2024.sched.com/event/1aBNF/a-year-of-servo-reboot-where-are-we-now-rakhi-sharma-igalia

A Year of the Servo Reboot: Where Are We Now?

Igalia

Accelerating FinTech Innovation: Unleashing API Economy and GenAI Vasa Krishnan, Chief Technology Officer - FinResults Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

apidays

Real Time Object Detection Using Open CV

Khem

Data Cloud, More than a CDP by Matt Robison

Anna Loughnan Colquhoun

AWS Community Day CPH - Three problems of Terraform

Andrey Devyatkin

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Product Anonymous

Scaling API-first – The story of a global engineering organization Ian Reasor, Senior Computer Scientist - Adobe Radu Cotescu, Senior Computer Scientist - Adobe Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

apidays

FWD Group - Insurer Innovation Award 2024

The Digital Insurer

Automating Google Workspace (GWS) & more with Apps Script

wesley chun

Scalable LLM APIs for AI and Generative AI Application Development Ettikan Karuppiah, Director/Technologist - NVIDIA Apidays Singapore 2024: Connecting Customers, Business and Technology (April 17 & 18, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...

apidays

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

Juan lago vázquez

Building Digital Trust in a Digital Economy Veronica Tan, Director - Cyber Security Agency of Singapore Apidays Singapore 2024: Connecting Customers, Business and Technology (April 17 & 18, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...

apidays

presentation ICT roal in 21st century education

jfdjdjcjdnsjd

Manulife - Insurer Transformation Award 2024

The Digital Insurer

The Good, the Bad and the Governed - Why is governance a dirty word? David O'Neill, Chief Operating Officer - APIContext Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...

apidays

In this session, we will delve into strategic approaches for optimizing knowledge management within Microsoft 365, amidst the evolving landscape of Copilot. From leveraging automatic metadata classification and permission governance with SharePoint Premium, to unlocking Viva Engage for the cultivation of knowledge and communities, you will gain actionable insights to bolster your organization's knowledge-sharing initiatives. In this session, we will also explore how to facilitate solutions to enable your employees to find answers and expertise within Microsoft 365. You will leave equipped with practical techniques and a deeper understanding of how there is more to effective knowledge management than just enabling Copilot, but building actual solutions to prepare the knowledge that Copilot and your employees can use.

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

Drew Madelung

Innovative Educators: Going Mobile

1. Going Mobile How to create a strategy to optimize your website for today’s preferred platforms Eric Hodgson December 13,2013

2. Overview • You had little control…now you have less. • You had little opportunity…now you have much, much more. • The key is focus.

3. Agenda • Build a mobile strategy • Execute a mobile presence

4. Mobile strategy • Your users are now on these devices • You can serve people any time, anywhere

5. Why mobile? New York Daily News: http://www.nydailynews.com/news/world/check-contrasting-pics-st-peter-square-article-1.1288700

6. http://www.statista.com/topics/779/mobile-internet/chart/1380/mobile-web-usage/

7. Google Analytics: www.jointheiclub.com

8. Always on…everywhere Flickr (@brittanysoup): http://www.flickr.com/photos/brittanycampbellphotography/4397188291/

9. How is mobile different? Flickr (@australianshepherds): http://www.flickr.com/photos/australianshepherds/

10. Screen size http://blogs.davidson.edu/webredesign/page/4/

11. Native actions • Swipe • Thumb navigation • Geolocation

12. Flickr (@vegaseddie): http://www.flickr.com/photos/vegaseddie/5700609302

13. Attention span Flickr (@jonathanadami): http://www.flickr.com/photos/jonathanadami/7953963856

14. Elements of a mobile strategy • Audiences • Actions • Technologies

15. Audience Flickr (@jamescridland): http://www.flickr.com/photos/jamescridland/613445810

16. Action Flickr (@jonathankosread): http://www.flickr.com/photos/jonathankosread/6398311699

17. Technologies Forbes: http://www.forbes.com/sites/markrogowsky/2013/06/06/more-than-half-of-us-have-smartphones-giving-apple-andgoogle-much-to-smile-about/

18. Slate: http://www.slate.com/blogs/future_tense/2013/04/26/samsung_smartphone_sales_rise_to_double_apple_s_market_share.html

19. Questions? Flickr (@audiolucistore): http://www.flickr.com/photos/audiolucistore/7403731050

20. What are my options? • Mobile site • Application • Responsive/Adaptive site

21. Mobile Sites + Very specific mobile activity - Two sites to manage + Incorporation of native actions - Mobile activity may be too limited - Redirects aren’t social friendly

22. Applications + More powerful native actions - Two sites to manage + Longer attention span - Separate download

23. Responsive/Adaptive Design + One site/URL to manage + Redirects are final destinations + Incorporation of native actions - Slower site performance

24. Responsive versus adaptive Responsive: Adaptive: • Fluid width • Heavier code • Stair steps • Fixed width • Device driven

25. Code platforms

26. Progressive enhancement Flickr (@granitemountaininsurance): http://www.flickr.com/photos/granitemountaininsurance/7406297138

27. Deep Blue: http://deepblue.com/blog/2013/01/responsive-web-design-and-progressive-enhancement-the-facts/

28. Stackable content Flickr (@chocogato): http://www.flickr.com/photos/chocogato/11076834686

29. http://blogs.davidson.edu/webredesign/page/4/

30. Test, test, test Flickr (@butz.2013): http://www.flickr.com/photos/61508583@N02/10873567586

31. Testing options • StudioPress http://www.studiopress.com/responsive • MobileTest http://mobiletest.me/ • W3C mobileOK Checker http://validator.w3.org/mobile/

32. Stay on top of it Flickr (@davidsingleton): http://www.flickr.com/photos/davidsingleton/3057542590

33. Contact me Eric Hodgson Director, Online Communication Strategies University of Iowa Foundation ehodgso@gmail.com @ehodgso http://slideshare.com/ehodgso

34. Questions? Flickr (@audiolucistore): http://www.flickr.com/photos/audiolucistore/7403731050

Innovative Educators: Going Mobile

Recomendados

Recomendados

Más contenido relacionado

Similar a Innovative Educators: Going Mobile

Similar a Innovative Educators: Going Mobile (20)

Más de Eric Hodgson

Más de Eric Hodgson (14)

Último

Último (20)

Innovative Educators: Going Mobile