My presentation given at HighEdWeb Rochester on June 27, 2011. It focuses on how universities should think about developing and building out their strategy for mobile devices. The future of mobile in higher ed is much larger than one app or one website. Numbers regarding adoption of mobile overall as well as at West Virginia University are included.
Earlier this month, I presented an updated talk on Mobile Strategy for Servoy. This one hour talk looks at the 3 options for a mobile strategy: Responsive Web, Mobile Optimized, and/or Native. I also explained why HTML5 is not a strategy; it is merely a technology you can use to implement any and all of these options. And we briefly discussed the three faces of Mobile First and how this methodology helps companies break out of old habits to create better customer experiences.
Is the buzz around Progressive Web Apps real or are they simply the latest fad? In this talk, you’ll learn exactly what Progressive Web Apps are, what problems they solve, and what new design challenges they present. Jason will show how organizations are using Progressive Web Apps to provide better and faster user experiences.
The document discusses the concept of responsive design and mobile first approaches to web design. It notes that as mobile usage increases, web design needs to adapt to various screen sizes through flexible grids, flexible images, and media queries. A mobile first approach focuses on designing for the constraints of mobile devices first before expanding the design to larger screens, in order to prioritize usability on most common devices. This drives innovation through solutions that leverage capabilities unique to mobile like touch and location services.
The document discusses the concept of "mobile first" design, which means prioritizing mobile users by starting the design process for any digital product or service with the smallest screens in mind. It outlines three common approaches to designing for mobile (native apps, separate mobile sites, and responsive web design) and their tradeoffs. The key to truly mobile-first design, it argues, is rethinking content, presentation, and performance with mobile constraints and capabilities top of mind to ensure usability, focus, and speed across all devices.
SearchLove London | Will Critchlow, 'The Threat of Mobile'
Our focus on responsive websites and our fascination with app store rankings may be blinding us to the real threats and opportunities of the mobile revolution. In particular, as Google continues to ratchet up its mobile-first approach to design and Facebook looks more and more like a mobile channel, what should we be changing in our campaigns and strategies?
This document discusses options for making WordPress websites mobile-friendly. It outlines the growth of mobile browsing and user expectations of tailored mobile content. Free plugins like WPtouch can help deliver mobile versions of sites, while responsive design is also an option but requires more development. The key is choosing a solution based on the site type and priorities around device support, customization, and maintenance.
This document discusses coding responsive emails. It notes that responsive design provides an optimal experience across devices without scrolling or zooming through fluid layouts and images. It also discusses why responsive design is important given email client usage statistics showing over 60% of subscribers viewing on mobile. Template strategies are discussed, including separating templates from content areas and using templating engines and preprocessing. Testing on various devices and browsers is also recommended. Resources for learning more about responsive email design patterns, tools, and blogs are provided.
This document summarizes Nathan Gerber's presentation on mobile web strategies for higher education institutions. It discusses how mobile usage is growing rapidly, especially among students. It emphasizes that institutions need to shift from just making their sites work on mobile to designing for the unique needs of mobile users. The presentation provides recommendations on starting small with high priority content, using responsive design, leveraging content management systems, and testing on various devices. It also highlights tools like QR codes, analytics, and emulators to help institutions begin developing their mobile web presence.
Conversational Intelligence and Better Customer Conversations
Conversational intelligence builds on the advancements in artificial intelligence and cognitive computing to help organisations to lower costs, lower risk, and increase value. This is achieved through a variety of outcomes, such as enhancing engagement through providing personalized understanding, scaling and elevating human expertise, infusing products and services with contextually aware knowledge, enabling automated, intelligent business process and powering the ability for disruptive data discovery and exploration that have otherwise eluded organisations for decades.
Conversations play an important role in building these relationships, but they are increasingly taking on digital forms, which are very hard to track. These conversations hold valuable information, but how can companies extract actionable insights? What role does Conversational Intelligence play?
Listen to an interview that Founder & CEO Neil Movold did with B2M's Simon Fawkes on the subject of Conversational Intelligence and the answers to these questions.
https://b2m.co.nz/conversational-intelligence/
Going Mobile First: a future-friendly approach to digital product design
This document discusses the growing dominance of mobile devices and adoption of mobile-first design approaches. It notes that in 2015, more Google searches took place on mobile devices than computers in 10 countries. It also reviews market share statistics showing Android and Apple's dominance in the smartphone market. The document then examines how consumers are using mobile devices more, spending over 3 hours per day on them compared to 5 hours watching TV. It also explores how larger smartphones are reducing tablet usage. The document advocates for mobile-first design, noting users want fast, appropriate, and engaging mobile experiences. It provides examples of how MTV improved mobile metrics using responsive design. Finally, it compares mobile apps to responsive design, outlining 10 questions to determine the best approach
1) The document outlines best practices for mobile site design based on a study of how users interact with mobile sites. It identifies 25 design principles grouped into 5 sections: homepage and navigation, site search, commerce and conversions, form entry, and usability.
2) Some key findings include making calls-to-action prominent, keeping menus concise, ensuring site search returns relevant results, allowing users to browse before registering, and offering guest checkout.
3) Recommendations are illustrated with examples from sites like Progressive, Macy's, and Delta that demonstrate the principles effectively. The goal is to make the mobile experience easy, immediate and focused on the user's needs.
With the rise in mobile web browsing, there has been a shift in website design philosophies from responsive to mobile first. We'll tell you what this means for your business, what the benefits are and how you can implement your own mobile first web strategy.
Discover the 10 webdesign trends of 2014 according to Vanksen, the digital native agency
This presentation is also available in french : https://fr.slideshare.net/Vanksen/les-10-tendances-webdesign-de-2014-by-vanksen
My "Integrated Mobile Marketing Strategy" presentation from SES London. Topics: Mobile SEO, QR codes, Social WiFi, Shazam Ads, Click-to-Call, and more.
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
The document discusses how some mobile marketing pioneers are successfully utilizing mobile marketing by following three key principles: performance, interaction, and enhancement. It provides examples of companies that have optimized for mobile performance, resulting in significant load time reductions and revenue increases. Interaction challenges on mobile like form design and long lists are also covered. The importance of progressive enhancement to ensure content works across devices is emphasized. Real-world examples like Orbitz redesign and the BBC Olympics coverage illustrate how following these principles can lead to major benefits like conversion rate doubles and record online usage.
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
This session ran on the first day of the a4u Expo 2012. The 1 hour slot focused on 3 mobile marketing perspectives for Advertisers, Agencies & Publishers to consider as they work there way towards joining the 10% of top 1 million domains that are mobile optimised. 3 core principles of mobile optimised web design are considered, as are methods of monetising that property, and how you might drive more traffic to it... Along the way Mobile Marketing Pioneers are flagged as examples. If you are interested in mobile of performance marketing, keep an eye on http://www.a4uexpo.com for future events.
Mobile apps are important. There is little debate of that. But how you build, maintain, and deploy mobile apps remains the source of great debate for CIOs and developers alike. Unfortunately, there is no "one size fits all" mobile app strategy, so it is critical to understand how to choose the right technology for the right app. In this session, we will explore the four key approaches for building mobile apps, and establish a framework that will help you develop a mobile app strategy guaranteed to help you select the right technology for your next project.
Danny Bermant, Founder, Brainstorm DesignWhen it comes to raising brand awareness, social marketers will usually turn to Facebook for Twitter. But what if you’re trying to sell to other businesses? Often referred to as “Facebook for Business people”, LinkedIn is considered by many as little more than a glorified CV, but it can be a highly effective marketing tool for businesses seeking out specific markets and clients.
The document discusses 13 predicted mobile trends for 2016. The key trends include mobile surpassing desktop usage, with more Google searches on mobile than desktop in some countries. Mobile apps are also taking over daily life, with over half of digital media time spent in apps. The rise of the Internet of Things and connected home devices accessible through mobile is another trend. Virtual and augmented reality, wearable devices, and precise indoor mobile location services are also covered as emerging trends for 2016. Increased mobile video advertising, mobile ecommerce, cloud services, and the ongoing Android vs iOS competition are highlighted as well.
The document discusses developing integrated marketing communication message strategies. It states that all brand messages should create awareness, change or reinforce attitudes, stimulate a response or action, and build brand relationships. It also discusses developing creative briefs to guide message creation, including restating marketing objectives and the intended message impact. Finally, it emphasizes the importance of consistency across all communication channels to build a clear brand image.
How To Create An Awareness Campaign With Social Media
This document provides guidance on creating an effective awareness campaign, including how to segment audiences, identify influencers, develop clear messaging, test communications, engage audiences through various social media channels, and plan resource needs. The key steps are to start with clear goals and objectives, understand your target audiences, engage influencers, develop a simple and tested message calling people to action, and encourage sharing your content and stories through various online and offline channels. Proper planning and resources are needed to implement an effective campaign.
Digital jewelry is fashion jewelry that contains embedded computing technology. It can include pieces like earrings, a necklace, and bracelet that together function as a cell phone using Bluetooth technology. The earrings contain speakers, the necklace has a microphone, and the bracelet displays caller ID information. A Java ring can be used for security purposes by automatically unlocking doors and logging users into systems. While digital jewelry provides wireless functionality and interaction, it also has small displays, potential health risks from radiation, and high costs that limit adoption.
Meru rides on Twitter to create awareness around carpooling
The digital campaign #DilKaDarwazaKholo, conceptualized and executed by MindShift Interactive helped in bringing awareness for the carpooling concept in India.
The document discusses two campaigns run by FreshNetworks for Jimmy Choo. The first was a scavenger hunt on Foursquare to promote a new trainer collection which increased daily in-store sales by 33%. The second was an online community for a limited edition collection supporting charity that doubled conversion rates. It also discusses long-term strategies like maintaining Facebook fans and an ecommerce site section called "Choo Connection" to keep engagement, resulting in longer site visits and higher purchase amounts.
Digital jewelry is emerging as a new technology that embeds computing capabilities into jewelry and accessories. Prototypes include a ring that flashes different colors to identify incoming calls, earrings with speakers, and a bracelet with a small display. The components of a digital jewelry device would include a screen or display, microphone, antenna, and battery. Technical challenges remain around charging and costs, but digital jewelry may soon replace standalone devices by integrating computing into fashion items that are worn.
Internet Marketing Strategy (SEO/PPC) for FashionSouk.com
FashionSouk is an upcoming online global fashion portal offering women the designer clothes, bags, shoes, jewellery and accessories. This presentation points out the relevant and most appropriate SEO, Paid Search, and Social Media Marketing Strategies for FashionSouk.com
This document discusses Tesla's strategic positioning and marketing plan for its new Model X electric vehicle. It outlines Tesla's goals of bringing powerful EVs to mainstream consumers and increasing awareness of electric vehicles. The document then discusses Tesla's product strategy and positioning of the Model X for affluent, family-oriented individuals sensitive to the environment. It provides details on Tesla's marketing mix for the Model X, including pricing, distribution through stores and online sales, and a promotion strategy using television, print, social media, and product placements.
The document discusses strategies for mobile content, including:
- Conducting an inventory of existing content and identifying what to include and exclude for mobile.
- Modeling content for different formats and devices by chunking content, using adaptive design principles.
- Defining content packages for specific devices and contexts of use.
The exercises guide attendees to analyze sample content and pages to determine how they would adapt them for mobile, considering elements like images, body copy length, and formats. Adaptive and responsive design approaches are discussed as ways to serve optimized mobile content.
Create a Content Marketing Strategy Your Customers will LOVE, in 7 Steps
The document outlines a 7-step process for creating an effective content marketing strategy: 1) Define objectives, 2) Identify your brand's unique value proposition, 3) Establish metrics for measurement, 4) Profile target audiences, 5) Research audience needs, 6) Plan appropriate content formats, and 7) Develop an amplification plan to promote content. The strategy emphasizes understanding audiences, creating useful content, and distributing content through multiple channels to meet business goals such as increasing awareness, sales, or loyalty.
Developing a Progressive Mobile Strategy (BDConf Version)
A common refrain from both management and clients alike today is, "We need an app..." Unfortunately, over the long-term, mobile solutions for you or your clients' organizations will need to be more diversified than a single app. From optimizing current web content to developing unique experiences mobile will touch, and possibly transform, your entire enterprise. Not only will your interactions with your customers be affected by the rapid adoption of smartphones but also your workforce and business processes. Combining lessons learned at a large, land-grant university as well as the latest statistics on mobile we'll review why you need a cross-audience, cross-content, and cross-platform mobile strategy, what one is all about, and how it'll help you prioritize your mobile solutions.
Describes UC San Diego's decision making process to use the Mobile Web framework. Outlines how all University of California schools are also leveraging the framework and contributing to it's development.
Nathan Gerber is the Director of Web Development Services at Utah Valley University. He gave a presentation on mobile web strategies for higher education institutions. Some key points from his presentation include:
- Mobile internet usage is growing rapidly and will impact how institutions provide online content and services.
- When developing a mobile strategy, institutions should focus on key information and services for current students, start small, and be willing to iterate based on what works.
- Content management systems need to support multi-format publishing and content reuse across desktop and mobile. Mobile-specific templates and tagging can also help.
- QR codes, browser sniffing, analytics, and testing on emulators can help institutions test and improve their mobile offerings.
This document summarizes case studies of mobile sites created by university libraries. It discusses key decisions in developing a mobile presence like whether to optimize an existing site or create a separate mobile site/app. It provides tips on design, content to include, and maintenance. Examples from UCSF and UCSD Libraries are presented, showing their mobile sites increased usage of key resources like the catalog on mobile devices. The document considers tradeoffs of mobile sites vs apps and development frameworks.
Implications of a Mobile Computing World for Academic Libraries and Their Users
2013 Snezek Library Leadership Institute - Westmont College, Santa Barbara, CA, USA - July 19, 2013 - Co-presented with GFU Dean of Libraries, Merrill Johnson.
We are overwhelmed with things these days and our lives are cluttered. Everyone is always hurrying and usually just a little late. If you meet people on the streets, nearly all of them have a strained, harassed look, and anyone you meet will tell you there is no time for anything anymore.
Driving Content to a Mobile Device. Are we Killing the Internet?
Dave King and Chris LaBelle from Oregon State University Outreach and Engagement discuss current user preferences in relation to the use of mobile device apps and how developing resources for proprietary mobile platforms has advantages and disadvantages. HTML5, jQuery, and CSS are offered as alternatives to current production approaches.
State of the Mobile Landscape: Mobile Literacy and What It Means for Libraries
Laura Zeigen, Oregon Health & Science University and Robin Ashford, George Fox University - Online NW 2012 Conference: http://www.ous.edu/onlinenw/2012/program.html (Full report link on last slide)
Description:
Mobile technologies are having a growing impact in libraries. Ebsco, Gale, WorldCat Local, and many other vendors are developing for the mobile market. We are in a period of transition; some libraries are providing extensive mobile services, while others are deciding where to begin. Librarians are developing mobile literacy skills to better serve users. Join us as we explore mobile in libraries, including results from a Pacific Northwest public and academic libraries mobile climate survey.
IET Coffee Morning - 5th October, 2011.
Meeting the needs of Library users on the mobile web
By Hassan Sheikh and Owen Smith
The Open Unviersity Library, UK.
IET Technology Coffee Morning - 5th October, 2011.
Slides IET Technology Coffee Morning - 5th October, 2011.
Meeting the needs of Library users on mobile web - by Hassan Sheikh and Owen Smith (The Open University Library, UK.)
SharePoint Summit Vancouver: Reach your audience with a SharePoint mobile app
This presentation from the SharePoint Summit in Vancouver covers some different approaches to mobile solutions and includes a case study of SchoolLink, a SharePoint mobile app Habanero designed for the Surrey School District. A custom SharePoint web service allows content published on the district’s website to be pushed out to different mobile devices, increasing the communication between administrators and parents and managed by district staff through their SharePoint portal. The app was developed using the PhoneGap open-source framework which allows for easier development across different device platforms.
Hosted by Customer and Member Portals Practice Lead Mallory O'Connor, the one-hour session will also provide helpful insights on content, app maintenance, and technology that may help participants with a current project, as well as offer a chance to learn about the ways content can be extended from a SharePoint portal to mobile devices.
Invited Guest Lecture
Lim, T. (2015). FSU IS APP: A program-level mobile application. In LIS3201 Research and Data Analysis in Information Technology, Florida State University, Tallahassee, FL.
Mobile devices such as smartphones and tablets are increasingly becoming people's primary means of accessing the internet. By 2013, the number of mobile internet accessing devices is projected to surpass the number of personal computers. Websites and applications need to be optimized for mobile to provide good user experiences on small screens. Developers have options like responsive design, mobile websites, or native apps to create engaging mobile experiences for their audiences.
#MobileInAction - iRecruitExpo June 2013, Amsterdam
Dave has interviewed numerous recruitment leaders from around the world, mobile strategic experts, authors, founders and market analysts which are made available online through his 'Mobile in Action' videocast. In this fast pace session Dave will share a summary of learnings from the people he has talked to giving you example case studies, strategic advice and gotcha's to watch out for. The objective is to deliver information you need to take your next steps in a world filling up of handheld web devices (smartphones & tablets). If you are on the mobile journey already, there will an opportunity for a few to share their stories with the audience and Dave.
We Built it from Scratch... How to Grow an Idea Into a Mobile App
Nadia Lalla, Carol Shannon, and Stephen Flynn developed the Plain Language Medical Dictionary mobile app over the course of a year. They initially planned to build a beta mobile website in November 2010 and release the iPhone app in January 2011. However, they struggled to find the right development software and faced difficulties getting the app approved in the iTunes store, taking longer than anticipated. While a student programmer helped with development, his graduation presented challenges. They learned that careful planning, clear goals, and realistic timelines are important to mobile app projects.
Here Today, Here Tomorrow: Mobile Devices - Northwestern University Web Steer...
This document discusses mobile strategies and developments, including:
- Growth in mobile usage, with 40% of tweets sent via mobile and 16% of new users starting on mobile.
- Differences between native apps and mobile web, with native providing commerce, OS integration and speed advantages.
- Approaches to mobile web, including media queries to adapt existing sites or building separate mobile sites, with advantages in speed and implementation.
- Examples of mobile strategies at universities, including Northwestern's native and mobile web applications.
Web on the go: Why the mobile Internet matters to businesses
This presentation introduces people to what can be done on the web using mobile phones. It highlights ow web-enabled phones allow for new ways of accessing information, finding businesses, and interacting with the world. It also discusses how location-aware phones allow people to better locate information about local businesses and services.
This presentation was last given at the Coos Bay/North Bend Chamber of Commerce Independent Business Operators luncheon on February 16, 2011.
Evaluating Mobile Options For Libraries - CIL 2012
The document discusses evaluating mobile options for libraries. It recommends libraries consider their users, needs, and devices used to determine which content to include and how to deliver information. Options include a mobile stylesheet, mobile website, or native app. Stylesheets are flexible but less optimized. Websites are customized for mobile but separately maintained. Native apps offer familiar controls but have higher costs. The document advises deciding on content and delivery by examining the library and mobile web.
Taking Your HTML Email Communications from "Ew" to "Wow"
HTML emails can suck. From the 1990s era code to uninspiring templates to fulfillment and statistics in an alien CRM HTML emails are something that many choose to ignore. Or, at best, develop and deliver outside of a CRM.
In the summer of 2018 University Relations at West Virginia University implemented a new way of delivering HTML emails in support of Enrollment Management. We found we could be more creative and focused in our messaging than we ever expected. Early numbers show we may have influenced our class with our new strategy.
In this session, you’ll follow along with a case study that will cover how we:
• Re-thought our email communication plans from the ground-up
• Helped designers and developers collaborate with Enrollment Management using Litmus
• Built a tool on top of MJML to help speed up our development time, as well as segment copy and imagery, for our emails
• Track the effectiveness of our email communications using a dashboard built in Data Studio
And it’s all CRM agnostic.
The rise of digital platforms has given marketers the ability to track everything that our customers are doing. Tracking “all the things” presents problems though. What metrics show that a platform is effective? How do we collect the data in the first-place? In this workshop we’ll cover how to combine three Google products into the ultimate data gathering and reporting workflow. One that will save you time while giving you the answers you need and moves beyond “page views.”
Building an Academic Program Database and API with Contentful and Amazon Web ...
How many degree listings does your institution’s website have? How robust is that information? How consistent and on-brand is it? The amount of information related to academic programs is vast and varied. Tuition, scholarships, plans of study, facilities, profiles, media and more. Having clear and consistent academic information would be a differentiator for many schools. A single source-of-truth for academic content might be the holy grail.
This presentation shares how West Virginia University has started to tackle this problem. Their Academic Programs API combines Contentful, a headless CMS, with Amazon Web Services. This has led to a flexible, easy-to-update system for authors, developers and designers.
In this session, you’ll learn how to:
* Work with content owners to show them the importance of centralized content and how to source it
* Define content models and relationships in Contentful
* Use AWS’s Lambda, DynamoDB and API Gateway services to build an API
* Expand your efforts beyond academic information
* Take control of your institution’s content
Reimagining Your Website: What are prospective students looking for and how a...
Review insights from the 2016 Ruffalo Noel Levitz E-expectations Report and discover tips and tools for implementing these strategies across your websites.
The document summarizes West Virginia University's process of rebuilding their admissions website. A multi-disciplinary team conducted research, audited content, developed a new structure focused on academics and costs, and launched a minimum viable product. Analytics showed increases in applications, visits to academic pages, and uses of the tuition calculator. The project influenced other recruitment channels. Lessons included prioritizing content, integrating efforts across departments, and allowing time for ongoing maintenance.
Ensuring the consistent adoption of brand elements across various channels can be a problem for many large organizations. As West Virginia University rolls out a new brand campaign our central Digital Services unit is sharing tools with our web development community to help them make this shift. In this talk you will learn how we’re using patterns to:
* modernize and standardize toolsets
* encourage broad and fast adoption of the new brand elements
* make it easier to incorporate future changes to brand elements
This process has not been without its challenges so expect many pitfalls and missteps to be shared.
The Death of Lorem Ipsum and Pixel-Perfect Content (MinneWebCon version)
A designer has been asked to mock up an example student profile page in Photoshop. It’s beautiful. The student’s name fits perfectly under the profile image. Their bio is split into two perfectly aligned columns. The design just feels… right. Approvals are given and the production of a website with many different profiles is started. As more profiles are added the design no longer seems to work. It’s starting to seem like the website itself will no longer work. The cold, hard reality of varied and inconsistent web content has hit the project hard. Do we make large design changes or just live with it?
To head off this question we should utilize real content as we develop mock-ups. But it shouldn’t just be one set of real content. Delivering the best possible and most robust websites requires us to design using the best-case, worst-case, and every-case-in-between content. By combining the skills of content specialists, designers, and even developers designs will be that much stronger.
Case Study: Automating Outage Monitoring & Communication
This is a review of how West Virginia University's Digital Services unit monitors and communicates system outages. In the past we have had little coverage for our systems. Notices amounted to emails which didn't work well at 2am. We've now been able to combine a number of solutions (New Relic, Pingdom, Slack, PagerDuty, StatusPage.io) into one cohesive monitoring and communication workflow.
A designer has been asked to mock up a student profile page in Photoshop. It’s beautiful. The student’s name fits perfectly under the profile image. Their bio is split into two columns that perfectly line up. Unfortunately, all of this perfectly laid-out content is an unrealistic best-case scenario. Our content never fits this perfectly. Names are longer than the eleven characters used in the mock-up. Bios naturally vary in length from person to person. The reality is that we will have large variation in our content.
Rather than addressing these variations after we’ve received approvals and started building a website, we should stress-test our designs with real content from the start of our process. To deliver the best possible product, we need to design for the best-case, worst-case, and every-case-in-between when it comes to possible content.
* Learn how systems and patterns can help us build reusable and shareable components for our websites
* Discover the benefits of taking the design process out of Photoshop and moving it to the browser.
* Learn how content specialists can engage with the design process from the beginning and be advocates for realistic content.
* Explore how real and varied content, not lorem ipsum, can be used to test a design and how it might work.
* Discover how developers can also be involved in this process to ease integration of a design with a CMS or a custom solution.
Today, a web page can be delivered to desktop computers, televisions, or handheld devices like tablets or phones. While a technique like responsive design helps ensure that our web sites look good across that spectrum of devices we may forget that we need to make sure that our web sites also perform well across that same spectrum. More and more of our users are shifting their Internet usage to these more varied platforms and connection speeds with some moving entirely to mobile Internet.
In this session we’ll look at the tools that can help you understand, measure and improve the web performance of your web sites and applications. The talk will also discuss how new server-side techniques might help us optimize our front-end performance. Finally, since the best way to test is to have devices in your hand, we’ll discuss some tips for getting your hands on them cheaply.
Responsive design is forcing us to reevaluate our design and development practices. It's also forcing us to rethink how we communicate with our clients and what a project's deliverables might be. Pattern Lab helps bridge the gap by providing one tool that allows for the creation of modular systems as well as gives clients the tool review the work in the place it's going to be used: the browser.
This talk is a deep dive into how Pattern Lab is organized and how to take advantage of it.
This talk was given as a keynote for the HEEMAC conference at the University of Southern Florida.
With the adoption of responsive design, we're finding that our pixel perfect content is no longer being placed in pixel perfect boxes on pixel perfect web sites. Placeholder content no longer suffices during development. Copy and paste doesn't work in migrating between designs. With the emergence of the small screen as a primary computing device, web site design is more strongly informed by our content than ever before. With these changes we need to rethink how content affects layouts, and how we can best communicate these changes and engage with stakeholders to create future-friendly web sites.
Learn why we need to be advocates for content at all phases of a project.
Explore the fundamental content types and content rules that will shape how content flows and is viewed by visitors.
Learn how content choreography can help keep our stakeholders most important message the focus of your site.
Review and rethink our web development workflows to create a new process that is better suited to addressing the constraints of the small screen.
Responsive design is forcing us to reevaluate our design and development practices. It's also forcing us to rethink how we communicate with our clients and what a project's deliverables might be. Pattern Lab helps bridge the gap by providing one tool that allows for the creation of modular systems as well as gives clients the tools review the work in the place it's going to be used: the browser.
This deck reviews some of the features of Pattern Lab. It also discusses how I feel it can fit into the overall workflow of a team. It doesn't cover the technical aspects of the tool but I'm happy to follow-up if anyone wants me to. Also, be sure to check out the documentation at http://pattern-lab.info/docs/
The Squishy Future of Content - Key Communicators Edition
This document summarizes Dave Olsen's presentation on the "Squishy Future of Content". It discusses how the rise of mobile users is impacting content delivery and design workflows. It advocates starting with small content chunks and a responsive design. Key points include prioritizing content, wireframing in the browser, using content-based breakpoints, and emphasizing collaboration between writers, developers and designers. The goal is to establish a flexible and "future friendly" process to produce content that works across all devices.
The Squishy Future of Content - Penn State Edition
With the adoption of responsive design, we’re finding that our pixel-perfect content is no longer being placed in pixel-perfect boxes on pixel-perfect websites. Placeholder content no longer suffices during development. Copy-and-paste doesn’t work in migrating between designs. Rather, website design is more strongly informed by our content than ever before. With these changes we need to rethink how content affects our development workflow as well as understand how content and messaging affect layouts.
• Learn why you need to be an advocate for content at all phases of a project.
• Explore the fundamental content types and content rules that will shape how your content flows and is viewed by visitors.
• Learn how content choreography can help you keep your most important message the focus of your site.
The document discusses the challenges of creating content for the modern web where there are many devices and form factors. It advocates starting small by focusing on individual content chunks and prioritizing content over pixel-perfect design. Developing a content style guide and using content-based breakpoints that consider things like line length are also recommended. The goal is to have a process where content and design inform each other and to build teams with different skills like writing and development to better create content for the fluid web.
Responsive web design has become an important tool for front-end developers as they develop mobile-optimized solutions for clients. Browser-detection has been an important tool for server-side developers for the same task for much longer. Unfortunately, both techniques have certain limitations. Depending on project requirements, team make-up and deployment environment combining these two techniques might lead to intriguing solutions for your organization. We'll discuss when it makes sense to take this extra step and we'll explore techniques for combining server-side technology, like server-side feature-detection, with your responsive web designs to deliver the most flexible solutions possible.
Today, a Web page can be delivered to desktop computers, televisions, or handheld devices like tablets or phones. While a technique like responsive design helps ensure that our websites look good across that spectrum of devices we may forget that we need to make sure that our websites also perform well across that same spectrum. More and more of our users are shifting their Internet usage to these more varied platforms and connection speeds with some moving entirely to mobile Internet. In this session, we’ll look at the tools that can help you understand, measure and improve the performance of your websites and applications. The talk will also discuss how new server-side techniques might help us optimize our front-end performance. Finally, since the best way to test is to have devices in your hand, we’ll discuss some tips for getting your hands on them cheaply. This presentation builds upon Dave Olsen’s “Optimization for Mobile” chapter in Smashing Magazine’s “The Mobile Book.”
Web Performance & You - HighEdWeb Arkansas Version
Today, a web page can be delivered to a desktop computer, a television, or a handheld device like a tablet or a phone. While a technique like responsive design helps ensure that our web sites look good across that spectrum of screen sizes we may forget our web sites should also be able to perform equally well across that same spectrum. While more and more of our users are shifting their Internet usage to these more varied platforms and connection speeds our development practices might not be keeping up.In this session we’ll review why optimizing web performance should be an important step in the development of responsive websites. We’ll look at the tools that can help you understand and measure the performance of those sites as well as discuss front-end and server-side techniques that can be used to help you improve their performance. Finally, since the best way to test your site is to have real devices in hand, we’ll share “lessons learned” so you can set-up your own device lab similar to what we have at West Virginia University.This presentation builds upon Dave’s “Optimization for Mobile” chapter in Smashing Magazine’s “The Mobile Book.”
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
Your comprehensive guide to RPA in healthcare for 2024. Explore the benefits, use cases, and emerging trends of robotic process automation. Understand the challenges and prepare for the future of healthcare automation
Advanced Techniques for Cyber Security Analysis and Anomaly Detection
Cybersecurity is a major concern in today's connected digital world. Threats to organizations are constantly evolving and have the potential to compromise sensitive information, disrupt operations, and lead to significant financial losses. Traditional cybersecurity techniques often fall short against modern attackers. Therefore, advanced techniques for cyber security analysis and anomaly detection are essential for protecting digital assets. This blog explores these cutting-edge methods, providing a comprehensive overview of their application and importance.
The DealBook is our annual overview of the Ukrainian tech investment industry. This edition comprehensively covers the full year 2023 and the first deals of 2024.
Quality Patents: Patents That Stand the Test of Time
Is your patent a vanity piece of paper for your office wall? Or is it a reliable, defendable, assertable, property right? The difference is often quality.
Is your patent simply a transactional cost and a large pile of legal bills for your startup? Or is it a leverageable asset worthy of attracting precious investment dollars, worth its cost in multiples of valuation? The difference is often quality.
Is your patent application only good enough to get through the examination process? Or has it been crafted to stand the tests of time and varied audiences if you later need to assert that document against an infringer, find yourself litigating with it in an Article 3 Court at the hands of a judge and jury, God forbid, end up having to defend its validity at the PTAB, or even needing to use it to block pirated imports at the International Trade Commission? The difference is often quality.
Quality will be our focus for a good chunk of the remainder of this season. What goes into a quality patent, and where possible, how do you get it without breaking the bank?
** Episode Overview **
In this first episode of our quality series, Kristen Hansen and the panel discuss:
⦿ What do we mean when we say patent quality?
⦿ Why is patent quality important?
⦿ How to balance quality and budget
⦿ The importance of searching, continuations, and draftsperson domain expertise
⦿ Very practical tips, tricks, examples, and Kristen’s Musts for drafting quality applications
https://www.aurorapatents.com/patently-strategic-podcast.html
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
Jindong Gu, Zhen Han, Shuo Chen, Ahmad Beirami, Bailan He, Gengyuan Zhang, Ruotong Liao, Yao Qin, Volker Tresp, Philip Torr "A Systematic Survey of Prompt Engineering on Vision-Language Foundation Models" arXiv2023
https://arxiv.org/abs/2307.12980
The document is a presentation about information architecture for mobile applications. It discusses key concepts of information architecture including structure, organization, labeling, and navigation. It also covers user analysis techniques like creating personas and card sorting to help design intuitive information architectures for mobile. The presentation provides examples of common information architecture patterns for mobile like hub-and-spoke and tabbed views. It emphasizes the importance of analyzing user needs and testing designs with users.
This document discusses responsive email design (RED) for various screen sizes. It notes that 41% of emails were opened on mobile in the second half of 2012 and that number will exceed 50% by the end of 2013. It addresses designing for the "bijillion" screens including smartphones, tablets and desktops. The key aspects of responsive design discussed are fluid grids, fluid media, and media queries. Breakpoints and techniques like stacking and shifting navigation are presented. Considerations for touch, images, and performance on mobile and tablets are also covered. Testing on real devices is recommended for evaluating touch ergonomics, debugging, and performance.
Earlier this month, I presented an updated talk on Mobile Strategy for Servoy. This one hour talk looks at the 3 options for a mobile strategy: Responsive Web, Mobile Optimized, and/or Native. I also explained why HTML5 is not a strategy; it is merely a technology you can use to implement any and all of these options. And we briefly discussed the three faces of Mobile First and how this methodology helps companies break out of old habits to create better customer experiences.
Is the buzz around Progressive Web Apps real or are they simply the latest fad? In this talk, you’ll learn exactly what Progressive Web Apps are, what problems they solve, and what new design challenges they present. Jason will show how organizations are using Progressive Web Apps to provide better and faster user experiences.
The document discusses the concept of responsive design and mobile first approaches to web design. It notes that as mobile usage increases, web design needs to adapt to various screen sizes through flexible grids, flexible images, and media queries. A mobile first approach focuses on designing for the constraints of mobile devices first before expanding the design to larger screens, in order to prioritize usability on most common devices. This drives innovation through solutions that leverage capabilities unique to mobile like touch and location services.
Designing Websites With a Mobile First ApproachDan Moriarty
The document discusses the concept of "mobile first" design, which means prioritizing mobile users by starting the design process for any digital product or service with the smallest screens in mind. It outlines three common approaches to designing for mobile (native apps, separate mobile sites, and responsive web design) and their tradeoffs. The key to truly mobile-first design, it argues, is rethinking content, presentation, and performance with mobile constraints and capabilities top of mind to ensure usability, focus, and speed across all devices.
SearchLove London | Will Critchlow, 'The Threat of Mobile' Distilled
Our focus on responsive websites and our fascination with app store rankings may be blinding us to the real threats and opportunities of the mobile revolution. In particular, as Google continues to ratchet up its mobile-first approach to design and Facebook looks more and more like a mobile channel, what should we be changing in our campaigns and strategies?
This document discusses options for making WordPress websites mobile-friendly. It outlines the growth of mobile browsing and user expectations of tailored mobile content. Free plugins like WPtouch can help deliver mobile versions of sites, while responsive design is also an option but requires more development. The key is choosing a solution based on the site type and priorities around device support, customization, and maintenance.
This document discusses coding responsive emails. It notes that responsive design provides an optimal experience across devices without scrolling or zooming through fluid layouts and images. It also discusses why responsive design is important given email client usage statistics showing over 60% of subscribers viewing on mobile. Template strategies are discussed, including separating templates from content areas and using templating engines and preprocessing. Testing on various devices and browsers is also recommended. Resources for learning more about responsive email design patterns, tools, and blogs are provided.
Going mobile edu web presentation - 2011Nathan Gerber
This document summarizes Nathan Gerber's presentation on mobile web strategies for higher education institutions. It discusses how mobile usage is growing rapidly, especially among students. It emphasizes that institutions need to shift from just making their sites work on mobile to designing for the unique needs of mobile users. The presentation provides recommendations on starting small with high priority content, using responsive design, leveraging content management systems, and testing on various devices. It also highlights tools like QR codes, analytics, and emulators to help institutions begin developing their mobile web presence.
Conversational intelligence builds on the advancements in artificial intelligence and cognitive computing to help organisations to lower costs, lower risk, and increase value. This is achieved through a variety of outcomes, such as enhancing engagement through providing personalized understanding, scaling and elevating human expertise, infusing products and services with contextually aware knowledge, enabling automated, intelligent business process and powering the ability for disruptive data discovery and exploration that have otherwise eluded organisations for decades.
Conversations play an important role in building these relationships, but they are increasingly taking on digital forms, which are very hard to track. These conversations hold valuable information, but how can companies extract actionable insights? What role does Conversational Intelligence play?
Listen to an interview that Founder & CEO Neil Movold did with B2M's Simon Fawkes on the subject of Conversational Intelligence and the answers to these questions.
https://b2m.co.nz/conversational-intelligence/
Going Mobile First: a future-friendly approach to digital product designEzekiel Binion
This document discusses the growing dominance of mobile devices and adoption of mobile-first design approaches. It notes that in 2015, more Google searches took place on mobile devices than computers in 10 countries. It also reviews market share statistics showing Android and Apple's dominance in the smartphone market. The document then examines how consumers are using mobile devices more, spending over 3 hours per day on them compared to 5 hours watching TV. It also explores how larger smartphones are reducing tablet usage. The document advocates for mobile-first design, noting users want fast, appropriate, and engaging mobile experiences. It provides examples of how MTV improved mobile metrics using responsive design. Finally, it compares mobile apps to responsive design, outlining 10 questions to determine the best approach
Multi screen-moblie-whitepaper research-studiesPaPer Li
1) The document outlines best practices for mobile site design based on a study of how users interact with mobile sites. It identifies 25 design principles grouped into 5 sections: homepage and navigation, site search, commerce and conversions, form entry, and usability.
2) Some key findings include making calls-to-action prominent, keeping menus concise, ensuring site search returns relevant results, allowing users to browse before registering, and offering guest checkout.
3) Recommendations are illustrated with examples from sites like Progressive, Macy's, and Delta that demonstrate the principles effectively. The goal is to make the mobile experience easy, immediate and focused on the user's needs.
Why and How to Build a Mobile First Web StrategyTechBlocks
With the rise in mobile web browsing, there has been a shift in website design philosophies from responsive to mobile first. We'll tell you what this means for your business, what the benefits are and how you can implement your own mobile first web strategy.
Discover the 10 webdesign trends of 2014 according to Vanksen, the digital native agency
This presentation is also available in french : https://fr.slideshare.net/Vanksen/les-10-tendances-webdesign-de-2014-by-vanksen
My "Integrated Mobile Marketing Strategy" presentation from SES London. Topics: Mobile SEO, QR codes, Social WiFi, Shazam Ads, Click-to-Call, and more.
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...affilinet
The document discusses how some mobile marketing pioneers are successfully utilizing mobile marketing by following three key principles: performance, interaction, and enhancement. It provides examples of companies that have optimized for mobile performance, resulting in significant load time reductions and revenue increases. Interaction challenges on mobile like form design and long lists are also covered. The importance of progressive enhancement to ensure content works across devices is emphasized. Real-world examples like Orbitz redesign and the BBC Olympics coverage illustrate how following these principles can lead to major benefits like conversion rate doubles and record online usage.
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...Paul Brown
This session ran on the first day of the a4u Expo 2012. The 1 hour slot focused on 3 mobile marketing perspectives for Advertisers, Agencies & Publishers to consider as they work there way towards joining the 10% of top 1 million domains that are mobile optimised. 3 core principles of mobile optimised web design are considered, as are methods of monetising that property, and how you might drive more traffic to it... Along the way Mobile Marketing Pioneers are flagged as examples. If you are interested in mobile of performance marketing, keep an eye on http://www.a4uexpo.com for future events.
Developing a Modern Mobile App StrategyTodd Anglin
Mobile apps are important. There is little debate of that. But how you build, maintain, and deploy mobile apps remains the source of great debate for CIOs and developers alike. Unfortunately, there is no "one size fits all" mobile app strategy, so it is critical to understand how to choose the right technology for the right app. In this session, we will explore the four key approaches for building mobile apps, and establish a framework that will help you develop a mobile app strategy guaranteed to help you select the right technology for your next project.
How can I use LinkedIn to create brand awareness?TheIDM
Danny Bermant, Founder, Brainstorm DesignWhen it comes to raising brand awareness, social marketers will usually turn to Facebook for Twitter. But what if you’re trying to sell to other businesses? Often referred to as “Facebook for Business people”, LinkedIn is considered by many as little more than a glorified CV, but it can be a highly effective marketing tool for businesses seeking out specific markets and clients.
The document discusses 13 predicted mobile trends for 2016. The key trends include mobile surpassing desktop usage, with more Google searches on mobile than desktop in some countries. Mobile apps are also taking over daily life, with over half of digital media time spent in apps. The rise of the Internet of Things and connected home devices accessible through mobile is another trend. Virtual and augmented reality, wearable devices, and precise indoor mobile location services are also covered as emerging trends for 2016. Increased mobile video advertising, mobile ecommerce, cloud services, and the ongoing Android vs iOS competition are highlighted as well.
The document discusses developing integrated marketing communication message strategies. It states that all brand messages should create awareness, change or reinforce attitudes, stimulate a response or action, and build brand relationships. It also discusses developing creative briefs to guide message creation, including restating marketing objectives and the intended message impact. Finally, it emphasizes the importance of consistency across all communication channels to build a clear brand image.
This document provides guidance on creating an effective awareness campaign, including how to segment audiences, identify influencers, develop clear messaging, test communications, engage audiences through various social media channels, and plan resource needs. The key steps are to start with clear goals and objectives, understand your target audiences, engage influencers, develop a simple and tested message calling people to action, and encourage sharing your content and stories through various online and offline channels. Proper planning and resources are needed to implement an effective campaign.
Digital jewelry is fashion jewelry that contains embedded computing technology. It can include pieces like earrings, a necklace, and bracelet that together function as a cell phone using Bluetooth technology. The earrings contain speakers, the necklace has a microphone, and the bracelet displays caller ID information. A Java ring can be used for security purposes by automatically unlocking doors and logging users into systems. While digital jewelry provides wireless functionality and interaction, it also has small displays, potential health risks from radiation, and high costs that limit adoption.
Meru rides on Twitter to create awareness around carpoolingSocial Samosa
The digital campaign #DilKaDarwazaKholo, conceptualized and executed by MindShift Interactive helped in bringing awareness for the carpooling concept in India.
The document discusses two campaigns run by FreshNetworks for Jimmy Choo. The first was a scavenger hunt on Foursquare to promote a new trainer collection which increased daily in-store sales by 33%. The second was an online community for a limited edition collection supporting charity that doubled conversion rates. It also discusses long-term strategies like maintaining Facebook fans and an ecommerce site section called "Choo Connection" to keep engagement, resulting in longer site visits and higher purchase amounts.
Digital jewelry is emerging as a new technology that embeds computing capabilities into jewelry and accessories. Prototypes include a ring that flashes different colors to identify incoming calls, earrings with speakers, and a bracelet with a small display. The components of a digital jewelry device would include a screen or display, microphone, antenna, and battery. Technical challenges remain around charging and costs, but digital jewelry may soon replace standalone devices by integrating computing into fashion items that are worn.
Internet Marketing Strategy (SEO/PPC) for FashionSouk.comNabeel Farooq
FashionSouk is an upcoming online global fashion portal offering women the designer clothes, bags, shoes, jewellery and accessories. This presentation points out the relevant and most appropriate SEO, Paid Search, and Social Media Marketing Strategies for FashionSouk.com
This document discusses Tesla's strategic positioning and marketing plan for its new Model X electric vehicle. It outlines Tesla's goals of bringing powerful EVs to mainstream consumers and increasing awareness of electric vehicles. The document then discusses Tesla's product strategy and positioning of the Model X for affluent, family-oriented individuals sensitive to the environment. It provides details on Tesla's marketing mix for the Model X, including pricing, distribution through stores and online sales, and a promotion strategy using television, print, social media, and product placements.
Content Strategy for Mobile: The WorkshopKaren McGrane
The document discusses strategies for mobile content, including:
- Conducting an inventory of existing content and identifying what to include and exclude for mobile.
- Modeling content for different formats and devices by chunking content, using adaptive design principles.
- Defining content packages for specific devices and contexts of use.
The exercises guide attendees to analyze sample content and pages to determine how they would adapt them for mobile, considering elements like images, body copy length, and formats. Adaptive and responsive design approaches are discussed as ways to serve optimized mobile content.
Create a Content Marketing Strategy Your Customers will LOVE, in 7 StepsJay Baer
The document outlines a 7-step process for creating an effective content marketing strategy: 1) Define objectives, 2) Identify your brand's unique value proposition, 3) Establish metrics for measurement, 4) Profile target audiences, 5) Research audience needs, 6) Plan appropriate content formats, and 7) Develop an amplification plan to promote content. The strategy emphasizes understanding audiences, creating useful content, and distributing content through multiple channels to meet business goals such as increasing awareness, sales, or loyalty.
Developing a Progressive Mobile Strategy (BDConf Version)Dave Olsen
A common refrain from both management and clients alike today is, "We need an app..." Unfortunately, over the long-term, mobile solutions for you or your clients' organizations will need to be more diversified than a single app. From optimizing current web content to developing unique experiences mobile will touch, and possibly transform, your entire enterprise. Not only will your interactions with your customers be affected by the rapid adoption of smartphones but also your workforce and business processes. Combining lessons learned at a large, land-grant university as well as the latest statistics on mobile we'll review why you need a cross-audience, cross-content, and cross-platform mobile strategy, what one is all about, and how it'll help you prioritize your mobile solutions.
A Mobile Web Framework for the UC SystemBrett Pollak
Describes UC San Diego's decision making process to use the Mobile Web framework. Outlines how all University of California schools are also leveraging the framework and contributing to it's development.
Going mobile - Highed Web Presentation - 2011Nathan Gerber
Nathan Gerber is the Director of Web Development Services at Utah Valley University. He gave a presentation on mobile web strategies for higher education institutions. Some key points from his presentation include:
- Mobile internet usage is growing rapidly and will impact how institutions provide online content and services.
- When developing a mobile strategy, institutions should focus on key information and services for current students, start small, and be willing to iterate based on what works.
- Content management systems need to support multi-format publishing and content reuse across desktop and mobile. Mobile-specific templates and tagging can also help.
- QR codes, browser sniffing, analytics, and testing on emulators can help institutions test and improve their mobile offerings.
This document summarizes case studies of mobile sites created by university libraries. It discusses key decisions in developing a mobile presence like whether to optimize an existing site or create a separate mobile site/app. It provides tips on design, content to include, and maintenance. Examples from UCSF and UCSD Libraries are presented, showing their mobile sites increased usage of key resources like the catalog on mobile devices. The document considers tradeoffs of mobile sites vs apps and development frameworks.
Implications of a Mobile Computing World for Academic Libraries and Their UsersRobin M. Ashford, MSLIS
2013 Snezek Library Leadership Institute - Westmont College, Santa Barbara, CA, USA - July 19, 2013 - Co-presented with GFU Dean of Libraries, Merrill Johnson.
We are overwhelmed with things these days and our lives are cluttered. Everyone is always hurrying and usually just a little late. If you meet people on the streets, nearly all of them have a strained, harassed look, and anyone you meet will tell you there is no time for anything anymore.
Driving Content to a Mobile Device. Are we Killing the Internet?Chris LaBelle
Dave King and Chris LaBelle from Oregon State University Outreach and Engagement discuss current user preferences in relation to the use of mobile device apps and how developing resources for proprietary mobile platforms has advantages and disadvantages. HTML5, jQuery, and CSS are offered as alternatives to current production approaches.
State of the Mobile Landscape: Mobile Literacy and What It Means for Libraries Robin M. Ashford, MSLIS
Laura Zeigen, Oregon Health & Science University and Robin Ashford, George Fox University - Online NW 2012 Conference: http://www.ous.edu/onlinenw/2012/program.html (Full report link on last slide)
Description:
Mobile technologies are having a growing impact in libraries. Ebsco, Gale, WorldCat Local, and many other vendors are developing for the mobile market. We are in a period of transition; some libraries are providing extensive mobile services, while others are deciding where to begin. Librarians are developing mobile literacy skills to better serve users. Join us as we explore mobile in libraries, including results from a Pacific Northwest public and academic libraries mobile climate survey.
IET Coffee Morning - 5th October, 2011.
Meeting the needs of Library users on the mobile web
By Hassan Sheikh and Owen Smith
The Open Unviersity Library, UK.
IET Technology Coffee Morning - 5th October, 2011.hassan_sheikh_uk
Slides IET Technology Coffee Morning - 5th October, 2011.
Meeting the needs of Library users on mobile web - by Hassan Sheikh and Owen Smith (The Open University Library, UK.)
SharePoint Summit Vancouver: Reach your audience with a SharePoint mobile appMallory O'Connor
This presentation from the SharePoint Summit in Vancouver covers some different approaches to mobile solutions and includes a case study of SchoolLink, a SharePoint mobile app Habanero designed for the Surrey School District. A custom SharePoint web service allows content published on the district’s website to be pushed out to different mobile devices, increasing the communication between administrators and parents and managed by district staff through their SharePoint portal. The app was developed using the PhoneGap open-source framework which allows for easier development across different device platforms.
Hosted by Customer and Member Portals Practice Lead Mallory O'Connor, the one-hour session will also provide helpful insights on content, app maintenance, and technology that may help participants with a current project, as well as offer a chance to learn about the ways content can be extended from a SharePoint portal to mobile devices.
Invited Guest Lecture
Lim, T. (2015). FSU IS APP: A program-level mobile application. In LIS3201 Research and Data Analysis in Information Technology, Florida State University, Tallahassee, FL.
Mobile is the new Godzilla July 2011 FCIPRZasadzinski
Mobile devices such as smartphones and tablets are increasingly becoming people's primary means of accessing the internet. By 2013, the number of mobile internet accessing devices is projected to surpass the number of personal computers. Websites and applications need to be optimized for mobile to provide good user experiences on small screens. Developers have options like responsive design, mobile websites, or native apps to create engaging mobile experiences for their audiences.
#MobileInAction - iRecruitExpo June 2013, AmsterdamDave Martin
Dave has interviewed numerous recruitment leaders from around the world, mobile strategic experts, authors, founders and market analysts which are made available online through his 'Mobile in Action' videocast. In this fast pace session Dave will share a summary of learnings from the people he has talked to giving you example case studies, strategic advice and gotcha's to watch out for. The objective is to deliver information you need to take your next steps in a world filling up of handheld web devices (smartphones & tablets). If you are on the mobile journey already, there will an opportunity for a few to share their stories with the audience and Dave.
We Built it from Scratch... How to Grow an Idea Into a Mobile AppStephen Flynn
Nadia Lalla, Carol Shannon, and Stephen Flynn developed the Plain Language Medical Dictionary mobile app over the course of a year. They initially planned to build a beta mobile website in November 2010 and release the iPhone app in January 2011. However, they struggled to find the right development software and faced difficulties getting the app approved in the iTunes store, taking longer than anticipated. While a student programmer helped with development, his graduation presented challenges. They learned that careful planning, clear goals, and realistic timelines are important to mobile app projects.
Here Today, Here Tomorrow: Mobile Devices - Northwestern University Web Steer...Lee Roberson
This document discusses mobile strategies and developments, including:
- Growth in mobile usage, with 40% of tweets sent via mobile and 16% of new users starting on mobile.
- Differences between native apps and mobile web, with native providing commerce, OS integration and speed advantages.
- Approaches to mobile web, including media queries to adapt existing sites or building separate mobile sites, with advantages in speed and implementation.
- Examples of mobile strategies at universities, including Northwestern's native and mobile web applications.
This presentation introduces people to what can be done on the web using mobile phones. It highlights ow web-enabled phones allow for new ways of accessing information, finding businesses, and interacting with the world. It also discusses how location-aware phones allow people to better locate information about local businesses and services.
This presentation was last given at the Coos Bay/North Bend Chamber of Commerce Independent Business Operators luncheon on February 16, 2011.
Evaluating Mobile Options For Libraries - CIL 2012amyhannah84
The document discusses evaluating mobile options for libraries. It recommends libraries consider their users, needs, and devices used to determine which content to include and how to deliver information. Options include a mobile stylesheet, mobile website, or native app. Stylesheets are flexible but less optimized. Websites are customized for mobile but separately maintained. Native apps offer familiar controls but have higher costs. The document advises deciding on content and delivery by examining the library and mobile web.
Similar to Developing a Progressive Mobile Strategy (20)
Taking Your HTML Email Communications from "Ew" to "Wow"Dave Olsen
HTML emails can suck. From the 1990s era code to uninspiring templates to fulfillment and statistics in an alien CRM HTML emails are something that many choose to ignore. Or, at best, develop and deliver outside of a CRM.
In the summer of 2018 University Relations at West Virginia University implemented a new way of delivering HTML emails in support of Enrollment Management. We found we could be more creative and focused in our messaging than we ever expected. Early numbers show we may have influenced our class with our new strategy.
In this session, you’ll follow along with a case study that will cover how we:
• Re-thought our email communication plans from the ground-up
• Helped designers and developers collaborate with Enrollment Management using Litmus
• Built a tool on top of MJML to help speed up our development time, as well as segment copy and imagery, for our emails
• Track the effectiveness of our email communications using a dashboard built in Data Studio
And it’s all CRM agnostic.
The rise of digital platforms has given marketers the ability to track everything that our customers are doing. Tracking “all the things” presents problems though. What metrics show that a platform is effective? How do we collect the data in the first-place? In this workshop we’ll cover how to combine three Google products into the ultimate data gathering and reporting workflow. One that will save you time while giving you the answers you need and moves beyond “page views.”
Building an Academic Program Database and API with Contentful and Amazon Web ...Dave Olsen
How many degree listings does your institution’s website have? How robust is that information? How consistent and on-brand is it? The amount of information related to academic programs is vast and varied. Tuition, scholarships, plans of study, facilities, profiles, media and more. Having clear and consistent academic information would be a differentiator for many schools. A single source-of-truth for academic content might be the holy grail.
This presentation shares how West Virginia University has started to tackle this problem. Their Academic Programs API combines Contentful, a headless CMS, with Amazon Web Services. This has led to a flexible, easy-to-update system for authors, developers and designers.
In this session, you’ll learn how to:
* Work with content owners to show them the importance of centralized content and how to source it
* Define content models and relationships in Contentful
* Use AWS’s Lambda, DynamoDB and API Gateway services to build an API
* Expand your efforts beyond academic information
* Take control of your institution’s content
Reimagining Your Website: What are prospective students looking for and how a...Dave Olsen
Review insights from the 2016 Ruffalo Noel Levitz E-expectations Report and discover tips and tools for implementing these strategies across your websites.
Case Study: Rebuilding an Admissions Web PresenceDave Olsen
The document summarizes West Virginia University's process of rebuilding their admissions website. A multi-disciplinary team conducted research, audited content, developed a new structure focused on academics and costs, and launched a minimum viable product. Analytics showed increases in applications, visits to academic pages, and uses of the tuition calculator. The project influenced other recruitment channels. Lessons included prioritizing content, integrating efforts across departments, and allowing time for ongoing maintenance.
Ensuring the consistent adoption of brand elements across various channels can be a problem for many large organizations. As West Virginia University rolls out a new brand campaign our central Digital Services unit is sharing tools with our web development community to help them make this shift. In this talk you will learn how we’re using patterns to:
* modernize and standardize toolsets
* encourage broad and fast adoption of the new brand elements
* make it easier to incorporate future changes to brand elements
This process has not been without its challenges so expect many pitfalls and missteps to be shared.
The Death of Lorem Ipsum and Pixel-Perfect Content (MinneWebCon version)Dave Olsen
A designer has been asked to mock up an example student profile page in Photoshop. It’s beautiful. The student’s name fits perfectly under the profile image. Their bio is split into two perfectly aligned columns. The design just feels… right. Approvals are given and the production of a website with many different profiles is started. As more profiles are added the design no longer seems to work. It’s starting to seem like the website itself will no longer work. The cold, hard reality of varied and inconsistent web content has hit the project hard. Do we make large design changes or just live with it?
To head off this question we should utilize real content as we develop mock-ups. But it shouldn’t just be one set of real content. Delivering the best possible and most robust websites requires us to design using the best-case, worst-case, and every-case-in-between content. By combining the skills of content specialists, designers, and even developers designs will be that much stronger.
Case Study: Automating Outage Monitoring & CommunicationDave Olsen
This is a review of how West Virginia University's Digital Services unit monitors and communicates system outages. In the past we have had little coverage for our systems. Notices amounted to emails which didn't work well at 2am. We've now been able to combine a number of solutions (New Relic, Pingdom, Slack, PagerDuty, StatusPage.io) into one cohesive monitoring and communication workflow.
The Death of Lorem Ipsum & Pixel Perfect ContentDave Olsen
A designer has been asked to mock up a student profile page in Photoshop. It’s beautiful. The student’s name fits perfectly under the profile image. Their bio is split into two columns that perfectly line up. Unfortunately, all of this perfectly laid-out content is an unrealistic best-case scenario. Our content never fits this perfectly. Names are longer than the eleven characters used in the mock-up. Bios naturally vary in length from person to person. The reality is that we will have large variation in our content.
Rather than addressing these variations after we’ve received approvals and started building a website, we should stress-test our designs with real content from the start of our process. To deliver the best possible product, we need to design for the best-case, worst-case, and every-case-in-between when it comes to possible content.
* Learn how systems and patterns can help us build reusable and shareable components for our websites
* Discover the benefits of taking the design process out of Photoshop and moving it to the browser.
* Learn how content specialists can engage with the design process from the beginning and be advocates for realistic content.
* Explore how real and varied content, not lorem ipsum, can be used to test a design and how it might work.
* Discover how developers can also be involved in this process to ease integration of a design with a CMS or a custom solution.
Optimizing web performance (Fronteers edition)Dave Olsen
Today, a web page can be delivered to desktop computers, televisions, or handheld devices like tablets or phones. While a technique like responsive design helps ensure that our web sites look good across that spectrum of devices we may forget that we need to make sure that our web sites also perform well across that same spectrum. More and more of our users are shifting their Internet usage to these more varied platforms and connection speeds with some moving entirely to mobile Internet.
In this session we’ll look at the tools that can help you understand, measure and improve the web performance of your web sites and applications. The talk will also discuss how new server-side techniques might help us optimize our front-end performance. Finally, since the best way to test is to have devices in your hand, we’ll discuss some tips for getting your hands on them cheaply.
Responsive design is forcing us to reevaluate our design and development practices. It's also forcing us to rethink how we communicate with our clients and what a project's deliverables might be. Pattern Lab helps bridge the gap by providing one tool that allows for the creation of modular systems as well as gives clients the tool review the work in the place it's going to be used: the browser.
This talk is a deep dive into how Pattern Lab is organized and how to take advantage of it.
The Squishy Future of Content - HEEMAC EditionDave Olsen
This talk was given as a keynote for the HEEMAC conference at the University of Southern Florida.
With the adoption of responsive design, we're finding that our pixel perfect content is no longer being placed in pixel perfect boxes on pixel perfect web sites. Placeholder content no longer suffices during development. Copy and paste doesn't work in migrating between designs. With the emergence of the small screen as a primary computing device, web site design is more strongly informed by our content than ever before. With these changes we need to rethink how content affects layouts, and how we can best communicate these changes and engage with stakeholders to create future-friendly web sites.
Learn why we need to be advocates for content at all phases of a project.
Explore the fundamental content types and content rules that will shape how content flows and is viewed by visitors.
Learn how content choreography can help keep our stakeholders most important message the focus of your site.
Review and rethink our web development workflows to create a new process that is better suited to addressing the constraints of the small screen.
Responsive design is forcing us to reevaluate our design and development practices. It's also forcing us to rethink how we communicate with our clients and what a project's deliverables might be. Pattern Lab helps bridge the gap by providing one tool that allows for the creation of modular systems as well as gives clients the tools review the work in the place it's going to be used: the browser.
This deck reviews some of the features of Pattern Lab. It also discusses how I feel it can fit into the overall workflow of a team. It doesn't cover the technical aspects of the tool but I'm happy to follow-up if anyone wants me to. Also, be sure to check out the documentation at http://pattern-lab.info/docs/
The Squishy Future of Content - Key Communicators EditionDave Olsen
This document summarizes Dave Olsen's presentation on the "Squishy Future of Content". It discusses how the rise of mobile users is impacting content delivery and design workflows. It advocates starting with small content chunks and a responsive design. Key points include prioritizing content, wireframing in the browser, using content-based breakpoints, and emphasizing collaboration between writers, developers and designers. The goal is to establish a flexible and "future friendly" process to produce content that works across all devices.
The Squishy Future of Content - Penn State EditionDave Olsen
With the adoption of responsive design, we’re finding that our pixel-perfect content is no longer being placed in pixel-perfect boxes on pixel-perfect websites. Placeholder content no longer suffices during development. Copy-and-paste doesn’t work in migrating between designs. Rather, website design is more strongly informed by our content than ever before. With these changes we need to rethink how content affects our development workflow as well as understand how content and messaging affect layouts.
• Learn why you need to be an advocate for content at all phases of a project.
• Explore the fundamental content types and content rules that will shape how your content flows and is viewed by visitors.
• Learn how content choreography can help you keep your most important message the focus of your site.
The document discusses the challenges of creating content for the modern web where there are many devices and form factors. It advocates starting small by focusing on individual content chunks and prioritizing content over pixel-perfect design. Developing a content style guide and using content-based breakpoints that consider things like line length are also recommended. The goal is to have a process where content and design inform each other and to build teams with different skills like writing and development to better create content for the fluid web.
The Server Side of Responsive Web DesignDave Olsen
Responsive web design has become an important tool for front-end developers as they develop mobile-optimized solutions for clients. Browser-detection has been an important tool for server-side developers for the same task for much longer. Unfortunately, both techniques have certain limitations. Depending on project requirements, team make-up and deployment environment combining these two techniques might lead to intriguing solutions for your organization. We'll discuss when it makes sense to take this extra step and we'll explore techniques for combining server-side technology, like server-side feature-detection, with your responsive web designs to deliver the most flexible solutions possible.
Measuring Web Performance - HighEdWeb EditionDave Olsen
Today, a Web page can be delivered to desktop computers, televisions, or handheld devices like tablets or phones. While a technique like responsive design helps ensure that our websites look good across that spectrum of devices we may forget that we need to make sure that our websites also perform well across that same spectrum. More and more of our users are shifting their Internet usage to these more varied platforms and connection speeds with some moving entirely to mobile Internet. In this session, we’ll look at the tools that can help you understand, measure and improve the performance of your websites and applications. The talk will also discuss how new server-side techniques might help us optimize our front-end performance. Finally, since the best way to test is to have devices in your hand, we’ll discuss some tips for getting your hands on them cheaply. This presentation builds upon Dave Olsen’s “Optimization for Mobile” chapter in Smashing Magazine’s “The Mobile Book.”
Web Performance & You - HighEdWeb Arkansas VersionDave Olsen
Today, a web page can be delivered to a desktop computer, a television, or a handheld device like a tablet or a phone. While a technique like responsive design helps ensure that our web sites look good across that spectrum of screen sizes we may forget our web sites should also be able to perform equally well across that same spectrum. While more and more of our users are shifting their Internet usage to these more varied platforms and connection speeds our development practices might not be keeping up.In this session we’ll review why optimizing web performance should be an important step in the development of responsive websites. We’ll look at the tools that can help you understand and measure the performance of those sites as well as discuss front-end and server-side techniques that can be used to help you improve their performance. Finally, since the best way to test your site is to have real devices in hand, we’ll share “lessons learned” so you can set-up your own device lab similar to what we have at West Virginia University.This presentation builds upon Dave’s “Optimization for Mobile” chapter in Smashing Magazine’s “The Mobile Book.”
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptxSynapseIndia
Your comprehensive guide to RPA in healthcare for 2024. Explore the benefits, use cases, and emerging trends of robotic process automation. Understand the challenges and prepare for the future of healthcare automation
Advanced Techniques for Cyber Security Analysis and Anomaly DetectionBert Blevins
Cybersecurity is a major concern in today's connected digital world. Threats to organizations are constantly evolving and have the potential to compromise sensitive information, disrupt operations, and lead to significant financial losses. Traditional cybersecurity techniques often fall short against modern attackers. Therefore, advanced techniques for cyber security analysis and anomaly detection are essential for protecting digital assets. This blog explores these cutting-edge methods, providing a comprehensive overview of their application and importance.
The DealBook is our annual overview of the Ukrainian tech investment industry. This edition comprehensively covers the full year 2023 and the first deals of 2024.
Quality Patents: Patents That Stand the Test of TimeAurora Consulting
Is your patent a vanity piece of paper for your office wall? Or is it a reliable, defendable, assertable, property right? The difference is often quality.
Is your patent simply a transactional cost and a large pile of legal bills for your startup? Or is it a leverageable asset worthy of attracting precious investment dollars, worth its cost in multiples of valuation? The difference is often quality.
Is your patent application only good enough to get through the examination process? Or has it been crafted to stand the tests of time and varied audiences if you later need to assert that document against an infringer, find yourself litigating with it in an Article 3 Court at the hands of a judge and jury, God forbid, end up having to defend its validity at the PTAB, or even needing to use it to block pirated imports at the International Trade Commission? The difference is often quality.
Quality will be our focus for a good chunk of the remainder of this season. What goes into a quality patent, and where possible, how do you get it without breaking the bank?
** Episode Overview **
In this first episode of our quality series, Kristen Hansen and the panel discuss:
⦿ What do we mean when we say patent quality?
⦿ Why is patent quality important?
⦿ How to balance quality and budget
⦿ The importance of searching, continuations, and draftsperson domain expertise
⦿ Very practical tips, tricks, examples, and Kristen’s Musts for drafting quality applications
https://www.aurorapatents.com/patently-strategic-podcast.html
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...Toru Tamaki
Jindong Gu, Zhen Han, Shuo Chen, Ahmad Beirami, Bailan He, Gengyuan Zhang, Ruotong Liao, Yao Qin, Volker Tresp, Philip Torr "A Systematic Survey of Prompt Engineering on Vision-Language Foundation Models" arXiv2023
https://arxiv.org/abs/2307.12980
Kief Morris rethinks the infrastructure code delivery lifecycle, advocating for a shift towards composable infrastructure systems. We should shift to designing around deployable components rather than code modules, use more useful levels of abstraction, and drive design and deployment from applications rather than bottom-up, monolithic architecture and delivery.
Sustainability requires ingenuity and stewardship. Did you know Pigging Solutions pigging systems help you achieve your sustainable manufacturing goals AND provide rapid return on investment.
How? Our systems recover over 99% of product in transfer piping. Recovering trapped product from transfer lines that would otherwise become flush-waste, means you can increase batch yields and eliminate flush waste. From raw materials to finished product, if you can pump it, we can pig it.
Coordinate Systems in FME 101 - Webinar SlidesSafe Software
If you’ve ever had to analyze a map or GPS data, chances are you’ve encountered and even worked with coordinate systems. As historical data continually updates through GPS, understanding coordinate systems is increasingly crucial. However, not everyone knows why they exist or how to effectively use them for data-driven insights.
During this webinar, you’ll learn exactly what coordinate systems are and how you can use FME to maintain and transform your data’s coordinate systems in an easy-to-digest way, accurately representing the geographical space that it exists within. During this webinar, you will have the chance to:
- Enhance Your Understanding: Gain a clear overview of what coordinate systems are and their value
- Learn Practical Applications: Why we need datams and projections, plus units between coordinate systems
- Maximize with FME: Understand how FME handles coordinate systems, including a brief summary of the 3 main reprojectors
- Custom Coordinate Systems: Learn how to work with FME and coordinate systems beyond what is natively supported
- Look Ahead: Gain insights into where FME is headed with coordinate systems in the future
Don’t miss the opportunity to improve the value you receive from your coordinate system data, ultimately allowing you to streamline your data analysis and maximize your time. See you there!
Quantum Communications Q&A with Gemini LLM. These are based on Shannon's Noisy channel Theorem and offers how the classical theory applies to the quantum world.
UiPath Community Day Kraków: Devs4Devs ConferenceUiPathCommunity
We are honored to launch and host this event for our UiPath Polish Community, with the help of our partners - Proservartner!
We certainly hope we have managed to spike your interest in the subjects to be presented and the incredible networking opportunities at hand, too!
Check out our proposed agenda below 👇👇
08:30 ☕ Welcome coffee (30')
09:00 Opening note/ Intro to UiPath Community (10')
Cristina Vidu, Global Manager, Marketing Community @UiPath
Dawid Kot, Digital Transformation Lead @Proservartner
09:10 Cloud migration - Proservartner & DOVISTA case study (30')
Marcin Drozdowski, Automation CoE Manager @DOVISTA
Pawel Kamiński, RPA developer @DOVISTA
Mikolaj Zielinski, UiPath MVP, Senior Solutions Engineer @Proservartner
09:40 From bottlenecks to breakthroughs: Citizen Development in action (25')
Pawel Poplawski, Director, Improvement and Automation @McCormick & Company
Michał Cieślak, Senior Manager, Automation Programs @McCormick & Company
10:05 Next-level bots: API integration in UiPath Studio (30')
Mikolaj Zielinski, UiPath MVP, Senior Solutions Engineer @Proservartner
10:35 ☕ Coffee Break (15')
10:50 Document Understanding with my RPA Companion (45')
Ewa Gruszka, Enterprise Sales Specialist, AI & ML @UiPath
11:35 Power up your Robots: GenAI and GPT in REFramework (45')
Krzysztof Karaszewski, Global RPA Product Manager
12:20 🍕 Lunch Break (1hr)
13:20 From Concept to Quality: UiPath Test Suite for AI-powered Knowledge Bots (30')
Kamil Miśko, UiPath MVP, Senior RPA Developer @Zurich Insurance
13:50 Communications Mining - focus on AI capabilities (30')
Thomasz Wierzbicki, Business Analyst @Office Samurai
14:20 Polish MVP panel: Insights on MVP award achievements and career profiling
TrustArc Webinar - 2024 Data Privacy Trends: A Mid-Year Check-InTrustArc
Six months into 2024, and it is clear the privacy ecosystem takes no days off!! Regulators continue to implement and enforce new regulations, businesses strive to meet requirements, and technology advances like AI have privacy professionals scratching their heads about managing risk.
What can we learn about the first six months of data privacy trends and events in 2024? How should this inform your privacy program management for the rest of the year?
Join TrustArc, Goodwin, and Snyk privacy experts as they discuss the changes we’ve seen in the first half of 2024 and gain insight into the concrete, actionable steps you can take to up-level your privacy program in the second half of the year.
This webinar will review:
- Key changes to privacy regulations in 2024
- Key themes in privacy and data governance in 2024
- How to maximize your privacy program in the second half of 2024
8. def. Native Apps
an application developed to run natively on the
targeted device. usually written in a device
specific language like Objective-C or Java.
delivered through app stores (for the most part).
9. def. iOS
the operating system that powers the iPhone,
iPod Touch, iPad and Apple TV. Analogous to
Android.
10. def. Mobile Web & Desktop Web
mobile web refers to browser-based access
to the internet from mobile devices. desktop
web is just my way of referring to non-mobile
access.
11. def. WebKit
a layout engine that powers a number of
popular mobile browsers including Mobile
Safari. not all WebKit-based browsers are equal!
12. def. Adaptive Web Design
fluid layouts coupled with CSS3 media queries
and JavaScript providing an alternate look &
feel for content based on requesting device.
synonymous with responsive web design.
20. 7-day Moving Average of Traffic to m.wvu.edu
Chart 2
8000
6000
4000
2000
0
Aug 28, 2009 Oct 26, 2009 Dec 24, 2009 Feb 21, 2010 Apr 19, 2010 Jun 15, 2010 Aug 13, 2010 Oct 10, 2010 Dec 8, 2010 Feb 5, 2011 Apr 5, 2011 Jun 2, 2011
21. Average Page Views per Day by
Semester for m.wvu.edu
6000
4500 300%+
increase
in average
traffic
3000
1500
0
Fall 2009 Spring 2010 Fall 2010 Spring 2011
Average page views per day
22. 7-day Moving Average of Traffic to m.wvu.edu
Chart 2
8000
Start of Spring ’11
Start of Fall ’10
6000
Snowstorm
4000
Start of Spring ’10
2000
0
Aug 28, 2009 Oct 26, 2009 Dec 24, 2009 Feb 21, 2010 Apr 19, 2010 Jun 15, 2010 Aug 13, 2010 Oct 10, 2010 Dec 8, 2010 Feb 5, 2011 Apr 5, 2011 Jun 2, 2011
23. m.wvu.edu has had 2 million page views.
Or 10% of the traffic our home page has
had over the same time period.
24. Android iOS
35% vs. 32%
iPod Touch alone accounts for 10% of our traffic.
51. I have a meeting. Where’s Allen Hall?
current student...
Urgent Now
52. I have a meeting. Where’s Allen Hall?
I need to call my professor about a late
assignment...
current student...
Urgent Now
53. I have a meeting. Where’s Allen Hall?
I need to call my professor about a late
assignment...
current student...
Urgent Now
How do I reset my WiFi password?
54. I have a meeting. Where’s Allen Hall?
I need to call my professor about a late
assignment...
current student...
Urgent Now
How do I reset my WiFi password?
When does the bus get here?
55. Local Users
95% of smartphone users have
searched for local content.
from Google’s “The Mobile Movement” report, April 2011
56. Short Timeframe
88% of smartphone users took action
on a search result within a day
from Google’s “The Mobile Movement” report, April 2011
57. Making Calls
61% of smartphone users ended up
calling a business based on their search.
Tip: make your phone numbers clickable with tel:
from Google’s “The Mobile Movement” report, April 2011
58. Don’t Focus on “On the Go”
30% of smartphone users used the
mobile internet from their couch.
90% used it from home.
from Google’s “The Mobile Movement” report, April 2011
59. Audience Strategy Review
Those with Urgent Needs
Local Constituencies
Short Timeframes
Don’t Focus on “On the Go”
60. Audience Strategy Review
Those with Urgent Needs
Local Constituencies
Short Timeframes
Don’t Focus on “On the Go”
61. Audience Strategy Review
Those with Urgent Needs
Local Constituencies
Short Timeframes
Don’t Focus on “On the Go”
62. Audience Strategy Review
Those with Urgent Needs
Local Constituencies
Short Timeframes
Don’t Focus on “On the Go”
63. Audience Strategy Review
Those with Urgent Needs
Local Constituencies
Short Timeframes
Don’t Focus on “On the Go”
65. Content Delivery is Secondary
to Tangible Utility
Make sure your content is useful, damn it!
73. The question is no longer, “Which do we
develop for, native or mobile web?”
but...
74. “How do we develop solutions to handle
both mobile web & native now as well
as the devices of the future?”
75. A poor representation of the ideal
platform strategy...
Native Apps
Standalone sites
Mobile Web Mobile Templates
Adaptive Designs
APIs
76. A poor representation of the ideal
platform strategy...
Native Apps
Standalone sites
Mobile Web Mobile Templates
Adaptive Designs
APIs
77. A poor representation of the ideal
platform strategy...
Native Apps
Standalone sites
Mobile Web Mobile Templates
Adaptive Designs
APIs
78. A poor representation of the ideal
platform strategy...
Native Apps
Standalone sites
Mobile Web Mobile Templates
Adaptive Designs
APIs
79. A poor representation of the ideal
platform strategy...
Native Apps
Standalone sites
Mobile Web Mobile Templates
Adaptive Designs
APIs
80. def. APIs
stands for Application Programming Interface.
APIs allow one program to talk to another
program in an agreed-upon format to send &
receive data.
81. APIs are the infrastructure for your mobile initiatives...
Create Once, Publish Everywhere
82. PRT API
Update once. Publishes to:
iOS App,
Mobile Website,
Student Portal,
Transportation Website, &
Twitter
99. Platform Strategy Review
Start working on your infrastructure. Now.
We have a lot of content & users
expect access to it.
There isn’t one mobile solution for
higher education.
107. Resources
Higher Ed Mobile Frameworks
kurogo.org
mobilewebosp.pbworks.com
mollyproject.org
mwf.ucla.edu
www.jasig.org/umobile
108. Thanks,
Bookshelf by dolmansaxlil Road to Ribblesdale by Luc B
Lego Toy by L D M Audience by batmoo
Dictionary by Pim Fijneman Drupalcon by Mike Gifford
Mobile on Paper by morgamic Highway Lights by Spreng Ben
Japanese Subway Riders by Josh Liba Blackboard (pattern) by Parée
Call from Mountaintop by publicenergy Blackboard by Rainer Ebert
Girl on Stoop by ollipitkanen Tunnel by Éole
Student Recording Video by U. of Denver Christmas Present by kevindooley
Student in Classroom by Bill Erickson Mud by Steve Wall
Grand Central Station by Chris Schoenbohm Superman T-Shirt by thelastminute
Globe by Nick Aldwin Calendars by Duane Mendoza
Flickr by dsevilla Clouds by Francisco Martins
109. and many thanks to Mr. Robertson
for the snazzy device graphics...
Thanks for the introduction. So today I'll be presenting on developing a progressive mobile strategy for your institution... \n
Again, my name is Dave Olsen and for the last eight and a half years I've worked at West Virginia University as a programmer and sometimes project manager. I work in the web unit of University Relations. So that's a technical unit within our marketing and communications group. I've been working on mobile websites for the last two years and those include not only our main site m.wvu.edu but quite a few marketing focused mobile websites. For scale to compare against your institution WVU is a land grand university with 32,0000 students.\n
This presentation is already available on SlideShare at the address shown here. My entire script for the talk is included as notes for each slide. So all the numbers and anything else I mention is on slideshare.\n
I want to be clear, this is a talk about strategy and as such it’s coming from a very 30,000 foot level…\n\n
…and I’m distilling two years of experience watching mobile grow on our campus. So I won’t be diving too much into implementation details but if you have questions feel free to interrupt me.\n
So what will I be talking about today... I’m going to start off by reviewing some terms I use in the presentation that folks might not be familiar with, then some reasons why you would want to think about pursuing a mobile strategy for your institution, followed by the meat of the presentation where we'll discuss how I think you should lay out your strategy, and then, lastly, some tools you can use to pursue that strategy.\n
So the glossary of terms…\n
“Native apps” tends to be the most confusing term that I use with clients. Everyone wants one and they don’t necessarily see the difference between an app and a mobile website. A native app is an application developed to run natively on the targeted device. Usually written in a device specific language like Objective-C or Java. The simplest way to think about it is if you can go to the iTunes store or the Android Marketplace and download an application from there it’s a native app.\n
iOS is the operating system that powers the iPhone, iPod Touch, iPad and Apple TV. It’s analogous to Android as both are operating systems. If I’m going to talk about Android as an operating system with it's myriad of devices then the same courtesy should be extended to Apple. The iPod Touch is a surprisingly popular device on our campus.\n
Mobile web refers to browser-based access to the internet from mobile devices. It may be more correct to refer to it as the mobile-optimized web. And the desktop web is just my way of referring to non-mobile-friendly sites. \n
a layout engine that powers a number of popular mobile browsers including Mobile Safari. In the same way that we have different versions of internet explorer there are different versions of WebKit. They’re not all created equal.\n
Adaptive designs are site designs with fluid layouts that are coupled with CSS3 media queries and JavaScript. This provides an alternate look & feel for content based on the requesting device. It’s synonymous with responsive web design.\n
With the definitions out of the way let's look at why you'd want to pursue a mobile strategy for your campus. \n
According to the Pew Internet and American Life Project, in May 2010, 65% of mobile users in the 18-29 demographic, part of the demographic we target, reported that they had used the mobile internet. \n
According to the E-Expectations report from Noel Levitz that came out in July of last year, 23% of prospects had searched a college site from a mobile device. I’m not positive how much stock I put in that number since I don’t know how they were classifying mobile devices but it’s still pretty staggering.\n
And, finally, according to Comscore roughly 30% of Americans owned smartphones at the end of October 2010. That’s up from 18% the year previous. The kicker, by the start of 2012, 6 short months away, half of the US population is forecasted to be using smartphones.\n
Obviously, anytime, anywhere access is at the very heart of why you’d want to utilize the mobile internet. Once you provide mobile access to information you’ve empowered your students, faculty, and staff to make decisions wherever they are. Mobile internet is truly the always on, everywhere 24/7 internet. \n
As mobile devices like the iPhone, the latest Android devices and the upcoming releases from Blackberry and Windows Mobile come out the lines between traditional computing and traditional mobile are blurring. As such users are starting to expect access to the resources they would traditionally get on their desktop or laptop but on the go. \n
To help you learn from our own experience I'm going to give you some numbers from our main mobile website, m.wvu.edu. The site was launched in August 2009 using the original MIT Mobile Framework, the now very out-of-date MIT Mobile Framework, and we launched with a number of, what I term, service-oriented sections like a campus map, directory, calendar and emergency information just to name a few. We did a refresh in April 2010 and that's what you see today. We're currently working on version 3 of this and it should launch in time for the fall semester and, hopefully, it'll show a new way forward for mobile websites in higher ed.\n
This is a chart showing a 7-day moving average of page views per day for the site. It’s pretty obvious that there’s a general trend of increased usage with some interesting peaks.\n
Here is the semester-to-semester growth in traffic. I've left out summer just because it's an obvious lagging metric and I don't have another summer semester to compare against. It’s pretty obvious from these numbers that more and more users are accessing our content with mobile devices. To me, more page views equals more devices. \n
And when you review when the peaks you can see how much of an uptick each new batch of students caused for the mobile site. For the most part universities target the best population for quickly adopting and refreshing new tech like mobile devices. Also, those upticks are almost completely driven by visits to our mobile campus map. It’s by far the most popular resource we have.\n
Over the last two years m.wvu.edu has served out over two million page views. 2 million page views of mobile-optimized and mobile-specific content. To put that number into a little bit of perspective, during the same time our home page did a hair over 20 million page views. So our mobile site had 10% of the traffic of our home page. \n
Just as an aside for those who are curious, yes, Android does beat out iOS for usage of our mobile site. These are the numbers for the last semester. And note that the iPod Touch, a non-traditional mobile device simply on WiFi accounts for 10% of the overall site traffic.\n
And our mobile presence at WVU is greater than just that one mobile website. We have an iPhone app called iWVU, we’ve mobile-optimized our news site, done some mobile-optimized marketing pieces with the coolest probably being the recent NCAA tournaments project and, finally, adaptive designs like the one done for our student affairs site are becoming more popular. Oh, and we just added mobile template support to our CMS.\n\n
So with those reasons, and after seeing some numbers from our work, you’re all set to dive into the world of mobile. How do we go about getting a strategy going for one…\n
So invariably a higher-up will say they want this. They’ll want an iPhone app. It’s the cool thing. \n
Unfortunately for you, an iPhone app is not a mobile strategy. A tactic, yes, just not a strategy.\n
Ok, so how ‘bout we add a mobile website to the mix. We’ll have all devices mostly covered with the website and then we have the slick iPhone app for PR purposes and we've made our President happy. So that's a strategy, right? \n
Unfortunately, no. You can see that coming, right? You’re a smart bunch.\n
Does your school only have one website? Then why would we would think that one mobile solution, even though the last example was two different platforms they’re still essentially the same thing which is a central portal to select services, would really work. And, remember, I’m talking from a strategic level here. You may start with them but they’re not the end…\n
Instead they’re the start. This should give you an idea of what an institutions mobile strategy might encompass. Actually, this isn’t even the half of it as it’s focused strictly on traditional information outlets and not the new ways we can use mobile devices like NFC or even old ways like SMS.\n\nWe have, on the left, native apps. So they’ll either be central services native apps like iWVU or maybe LMS native apps like Mobile Learn from Blackboard. Then we’ll have completely standalone central mobile websites with services. Not only would you possibly have something like m.wvu.edu but other folks on campus like your Libraries group will probablygo that route as well. Going further right are sites like your news site or marketing that use a CMS that provides mobile templates for their content. Then, further right, will be sites that will use adaptive design, meaning just CSS tricks using media queries or the like, to provide mobile-optimized content. These will be probably be for departments on campus and the most common mobile solution.\n\nUnderlying the native apps, standalone mobile sites and even some of the template-driven mobile sites will be APIs for easily sharing content.\n
And why will there be so many mobile outlets on your campus? Because we have a ton of content out there.\n\n
So if that’s what we, as institutions, will grow into or become how do we get there, with all that stuff, from here, where we’re basically starting at nothing. So with that it’s time to introduce…\n
…a progressive mobile strategy.\n
A progressive mobile strategy is about realistically prioritizing mobile-focused solutions without losing too much focus on overall trends. \n
So a progressive mobile strategy consists of three parts.\n
First, an audience strategy, meaning which audiences you’ll focus on first, what we know about them and their use cases. So the audience then, in turn, helps define and inform…\n
…a content strategy. Basically, which bits of content will you focus on first to deliver to that audience based on the use cases. And once those two things are out of the way we’ll look at…\n
…a platform strategy, which focuses on the underlying technology and tactics, e.g. mobile web and native apps, to properly deliver the content that you’ve selected for your audience.\n
Again, the goal is to identify needs by reviewing audience and content. Then, work one-by-one through the appropriate platform implementations. Don’t let platform discussion distract from the first two parts. They’re what’s going to make your strategy successful.\n
Ok, so the first thing we have to understand as we develop our strategy is our audience. Or audiences.\n\n
Now in higher ed we seem to have some pretty well-defined audiences. \n
Now those audiences definitely exist in mobile but we can flesh them out a little bit more based on what we know about mobile-device using users. And that’s an important distinction to make. \n
When Google evaluates a new mobile application one of the first things they evaluate it against are these three classes of users and tries to see how it fits in.\n
The "repetitive now" user is someone checking for the same piece of information over and over again, like checking the same stock quotes or weather. \n
The "bored now" are users who have time on their hands. People on trains or waiting in airports or sitting in cafes. Mobile users in this behavior group look a lot more like casual Web surfers without much user input since mobile devices still suck at that. \n
And The "urgent now" is a request to find something specific fast, like the location of a bakery or directions to the airport.\n
I would argue, without almost any supporting evidence, that most of our users or rather the main users we should be catering to in higher ed fall into the "urgent now" category. Or, rather, that as we use our tradition audiences we should stick “with an urgent need” after it. \n
For example, “current student… urgent.” That’s what I mean about constraining users.\n\nWhy only urgent? The only content we have that fits into "bored now" content are press releases and someone has to be very bored to read those. News & YouTube are some of our worst performing sections. Actually, they are. And we don't have a ton of repetitive content. \n
Ok so for this audience what kind of questions would they have? "where's allen hall located cause i have a meeting there?" That’s an urgent now kind of task. Or"my final paper is going to be late, better call, or more likely, email the prof asking for permission." \n“how do I reset my WiFi password so my laptop can get on the network?” or, finally, something like “When does my bus get here?”\n\nAll of these questions are appropriate for this audience in an urgent mode. And that’s sort of how you constrain what you want your audience may want or need.\n\nThere are a couple of other things to keep in mind related to your audiences though.\n
\n
\n
\n
Along with those activities our users are likely to take we can actually think about location with mobile when defining them. According to Google's report "The Mobile Movement," released in April of this year, 95% of users who were using Google search were looking for local content. So, beyond need, this notion of needing content for my general vicinity becomes a constraint. So if you’re thinking alumni think visiting alumni. \n
In the same report 88% of smartphone users reported that they took action on their internet searches within a day. Actually, the same day of the search. So there is this compressed timeframe that people have when looking for content. These audiences are trying to do tasks that make sense in the short term. I guess this sort of reinforces that “urgent now” constraint.\n
And a quick, interesting point that I found. 61% of folks made a phone call. This is one of those easy, go back to the office and make a quick change to make your content more mobile friendly and useful. Add that telephone numbers clickable with tel:.\n
And lastly, the sort of standard comment about context and mobile audiences is that they’re out and about and it turns out that that isn’t the true. 30% surf from their couch while watching TV and the vast majority of users have at least used it from the home. Mobile isn’t so much about on-the-go as it is about physical limitations in the device size, network limitations, and “access whenever you need it.”\n
So to quickly review, when identifying and prioritizing your audiences…\n
focus on those with urgent needs like those I mentioned earlier. \n
Focus on your local constituencies before external audiences with one exception that I’ll get to in a little bit. \n
focus on needs that address really short-term activities.\n
and, finally, don’t fall into the trap of thinking your audience has to be out and about or even will be out and about when accessing content. It helps but it’s not required.\n
The next part of developing a progressive mobile strategy is the content strategy. Now that we know who we might engage with and what they might be looking for based on their circumstances or those constraints we reviewed we can figure out what they want access too…\n
Users have a specific task they want to accomplish, and frankly I think this view bleeds over to your regular website, and your mobile tools and tech has to reflect those tasks a user wants to accomplish. Finding a departments phone number easily totally outweighs reading the message from the dean. Make your content match those questions.\n
This is a nice representation of content delivery, which i might think of more as bullshit content delivery, versus content that is actually useful to users. Hat tip to Steve Lewis for the suggestion on the inclusion of this graphic for properly showing the difference.\n
Use this as an opportunity to create rather than just simply converting. Developing a mobile solution isn’t about just converting your home page with all of its politically dictated myriad of links or, say, your president’s message and making that available to mobile users in some slimmed down method. It’s really about creating a whole new organization and interface for services that make sense for mobile use. Even in a smaller form factor there are a lot of opportunities that will open for you.\n
Do not underestimate the use of location data and how that can be combined with other resources. And specifically I’m talking about campus map data as it relates to something like events. All those relationships become really important and useful. This is one area we’re really focused on. As well as personalization.\n
be able to answer the question, “What value will they gain from your content & services?“ I think that’s always the hope with any type of content be it mobile- or desktop-focused.\n
So now we’re hitting the part where everyone, including me frankly, wants to start. But once you got the other two parts done, well, once you have them done in an ideal world, you can then match up platform strategy to properly implement what your audience needs and what your content supplies.\n
So now we’re down to it, which comes first? Native or mobile web?\n\n
The unfortunate thing for you is that issue is already dead. \n
The question is no longer “Which, between mobile web or native, do we develop for?” \n
It’s “How do we develop solutions to handle both mobile web and native now and of the future that deliver the content our users are expecting?” I think we’re already headed into the second phase of mobile development in higher ed. Maybe we’ll call it mobile dev 2.0. It’s the acceptance of the fact that there are going to be a lot of different solutions.\n
In an absolute ideal world your implementation of your campus' mobile platform strategy would probably follow a trend like this. And, yes, I’m completely embarrassed by this graphic.\n
\nWe'd start with the building blocks for a flexible strategy by developing APIs. \n\n\n
Then we'd build our mobile web solutions on top of these APIs to deliver information to as many devices as possible using the tools & techniques that your staff are familiar with or, at the very least, their shouldn’t to terribly much of a learning curve.\n\nAnd note that there is even a progressive path through mobile web starting with adaptive design at the bottom through to… \n \n…mobile portals with lots of interactivity & content all designed specifically for a mobile device and using device detection to modify the look server-side making it really adaptable to the client requesting the site. \n\n
Then we could focus on native solutions to refine and provide the best quality solutions on a per operating system basis. And native apps would leverage the API as well. \n
So, in a nutshell, that's the ideal platform strategy for an institution in my opinion. Even if it’s a little ugly looking. So let’s start with the core and base part of the platform strategy, the APIs.\n\n
API stands for Application Programming Interface. Essentially APIs allow one program to another one and send or receive data in an agreed-upon format. You might also term these web services. \n
APIs are the infrastructure we need to create, the plumbing or the highways as it were, that will not only handle mobile but any future content-delivery format needs we have. Say, TVs or digital signage for example? At the end of the day, APIs allow us to create once and publish everywhere. I can’t stress enough how important APIs will be to your institution in terms of delivering viable, maintainable, and useful mobile solutions.\n
So a quick example of how we're using APIs at WVU for our PRT system. WVU is split into three campuses and to connect them we have this little tram system, the PRT, which students can take to get from one campus to another. It was built in the 60s and, unfortunately, it's showing it's age. It'll break down every now and then. Now, in the past, a student only learned that the PRT was down by going to the station. Based on a student idea we worked with the PRT folks to gather that data to display on our mobile website. So we created an API for it. Transportation folks update it in one spot and, via JSON & XML it gets published to all of these locations instantly. And if we need to bring in another site or digital signage we just point it at the JSON or XML feed and we’re good to go. \n\n
If APIs interest you and if you're going to HighEdWeb in Austin their will be a talk by Erik Runyon and Jeremy Friesen from the University of Notre Dame on them. I'm sure it'll be a killer talk as those guys are always doing great work. Seriously, it’s really important stuff so check it out.\n
Obviously that's the ideal and that's not going to be the way most schools work right from the get go. We certainly didn't. That being said, learn from our experience it's much tougher to retrofit APIs to these kind of things than it is to just know you have to do that from the start.\n\nOnce we move from APIs and look at the next step in our platform strategy, which, for me, is mobile web. I know I said earlier that a platform strategy wasn’t an either/or but you have to start somewhere. It just happens to start in the place that I happen to value, mobile web.\n
As I noted earlier there is actually a progressive strategy for mobile web as well moving from adaptive designs to CMS-based mobile templates and finally to standalone mobile sites. \n
So I guess I should make the case for mobile web first and I think I have two pretty good reasons. And, again, this isn’t an argument for a standalone mobile website, this is an argument for anyone of the viable mobile web solutions I just reviewed.\n
This quote is from Jason Grigsby, one of the two guys who led President Obama's 2008 election iPhone app. It hits on the first killer feature of mobile devices and why mobile web comes first because of that feature. \n\nIn that moment of urgent need where will a user turn? Assuming they don't already have your apps, and that’s plural because one app will never be able to handle all your use cases, the user will use their browser to get to the resources they're used to accessing on the desktop. They’re already familiar with the fact that we have that content out there on the web. \n\n
While a little anecdotal, I went with my family to New York City. We got into the city just fine but we never looked up departure times. So as we’re walking around NYC realizing this we whip out our phones and… search the web. We didn’t get an app. I didn’t even think about getting an app until I got back to the hotel that night.\n\nI just really wanted a reason to include that amazing photo. True story though.\n
And a little more support for that anecdotal evidence though… According to Google's report "The Mobile Movement" released in April of this year 77% of smartphone users reported visiting search engine websites. They are the most visited type of website by mobile users.\n
Remember our urgent users? Think they might go to use search in the heat of the moment in their browser that’s included on the device?\n
And remember all that content that we already have out there that Google and the other search engines have already indexed for us to give to that user when they search to get the answer to their urgent need? And the user probably already knows it’s out there?\n\nSo that’s reason #1.\n
The second quality quote from Jason is, “Links don’t open apps.”\n
Does your school send out HTML emails with links to your content? Maybe to prospective students? Ever consider they might try to visit that content from a mobile device? Well, 55% of users with internet-enabled phones check their personal email on them.\n
Is social media a big component of your marketing efforts. Social networking sites are way up there in terms of use from a mobile device. Those links you share on Facebook or Twitter may have a decent likelihood of being opened on a mobile device.\n
So combining the browser, especially with it’s all important search box, to the built-in email client and links you might send you can see why it’s so important to provide mobile web-optimized content.\n
So then the next step in a mobile platform are native apps. Again, these are the apps you’re going to download through the iTunes Store or Android Marketplace.\nI’m not naïve enough to think that mobile web can handle every need a school will have. \n
Frankly, vendors for systems like your learning management system are going to be the ones to bring native apps to your school. Or at least the most likely avenue for that. You may also have an opportunity to bring this kind of work in-house but I have a feeling that vendors will drive native app adoption at schools. \n\n
The other place I see native apps being leveraged more than mobile web are in the absolute, bleeding edge cases for transforming how business is done on campus. More revolutionary than evolutionary. A decent example of this might be replacing student Ids with mobile devices equipped with near field communications or NFC technology.\n\n
So that’s our mobile platform strategy that’s a part of our larger progressive mobile strategy. Start working on or planning to work on your infrastructure now. So read that as APIs. We already have a lot of content that has been crawled by search engines and users will be looking for it. There is no right mobile solution platform-wise for higher ed. You’re going to end up using all of them.\n
Ok, so to wrap all of this up we’ll go through a quick example…\n
So looking at our standard higher ed audiences and adding what we learned from the Google reports we know we should focus on local users who are looking for things they need right now. So I’ll take current students as the first audience I want to address with my strategy.\n
Then we address the content needs for that user. What would they be interested in? What can we provide? What tasks do they want to accomplish? Campus map. Directory. Emergency information. \n
And last we evaluate and implement platform solutions that match up with our needs.\n
I couldn’t come up with a decent way to lay this out but... the notion is to prioritize audiences you want to deliver to in the left column. Then the types of content that make sense to them based on what we learned about audience. And then, finally, figure out what type of platform best fits that content to maeks ure we propersly deliver it.\n
and to continue to beat a dead horse. Don’t get stuck on platform implementation. That’s the wrong place to start. Focus instead on your targeted audiences and content. That will lead you naturally into the appropriate platform solutions.\n