Connect with us

MARKETING

How To Ensure Optimal Visual Experiences Across Devices

Published

on

How To Ensure Optimal Visual Experiences Across Devices

Updated Aug. 22, 2022

Open the best-converting page on your website on three devices – mobile, tablet, and desktop.

Really, do it. I’ll wait.

Does your content display as well as you expected it to?

Many marketers will find it doesn’t. The user experience and messaging consistency are unsatisfactory. Sometimes, it is downright awful.

Advertisement

How did you get here? After all, your company invests a lot of resources to publish content. You even maximize those content resources by adopting the COPE method – create once, publish everywhere.

And that may be the mistake.

Cheer up, fellow content marketer. I’m here to help with a slight adjustment – COPE-M.

A create once, publish everywhere strategy can be a mistake when it comes to visuals, says @BuddyScalera via @CMIContent. Click To Tweet

Understand why COPE-M is necessary

Using a traditional COPE strategy, you upload a chunk of content once (definition, image, description, etc.), and the CMS pulls (not pastes) that chunk into multiple deliverables. When you update the original content, the update ripples through your repository.

As a content strategy, COPE content is elegant. It’s efficient. It’s logical. It increases the reuse of your content and amortizes your investments in original content. It works with text, audio, and video.

Advertisement

But COPE is not a panacea for your content publishing. Modern browsers reflow your text, but images scale down for your devices. An image that looks great on a desktop may be unrecognizable on a mobile device. (Your audience doesn’t like that and neither does Google, which can hurt your content’s rankings.)

COPE is a great starting point, but a more layered approach to image control is necessary. I call it COPE-M – create once, publish everywhere mostly. COPE-M can be the bridge between a good user experience and a great one.

Create Once, Publish Everywhere Mostly (COPE-M) is a bridge between a good user experience and a great one, says @BuddyScalera via @CMIContent. Click To Tweet

Adopting a COPE-M approach to your content publishing strategy can spiff up your user experience, increase consistency, and improve your search engine optimization (SEO) with refreshed content.

HANDPICKED RELATED CONTENT: 9 Steps to Optimize Images for SEO

Images aren’t necessarily best friends with COPE

A lot has changed since 2009 when Daniel Jacobson outlined the concept and technical approach to this content reuse strategy. COPE remains a solid concept, but today content is distributed through multiple device types. Audiences also consume the content in more formats.

Single-sourced text viewed in multiple browsers still works, but it’s a problem for images. Text can be separated from its appearance. Cascading style sheets enable the appearance of text, such as font sizes and column widths, to change without changing the original source.

Advertisement

Images are not as malleable. Rendered graphics (e.g., JPEG, PNG files) can’t be separated from their appearance. One size from a single source doesn’t always fit all. An infographic that looks good on a desktop may be unreadable on an iPhone. It leaves the viewer pinching, zooming, squinting, and grumbling trying to see it.

Images aren’t as malleable as text in coding, so a single-source visual doesn’t always look good across devices, says @BuddyScalera via @CMIContent. Click To Tweet

Pick the images to multisource

Until content management systems get smart enough to automatically give ideal viewing experiences for every image on every device, you must consider when to COPE and when not to COPE with your images.

Go back to my original request – open your best converting page to see how it appears on multiple devices. Do that with the other important pages and images on your website. You probably already tagged them in your analytics software.

TIP: Narrow your page selection to those that get significant traffic from mobile devices.

To identify which images to multisource, test the selected pages on multiple devices. Grab a stack of devices and a designer, content strategist, or UX person. Load your content the way your customer would. If an image looks squished, add it to an images-to-be-multisource list.

Advertisement

TIP: Don’t just look to see if the image displays. Take a hard look at how it displays. If the user must pinch and zoom to view all of an image, COPE likely isn’t the best method.

Share the results with all content-related teams, including content strategy, design, content engineering, and user experience, who should know how your website’s images load.

Design for the multiple screens

With an image compromised on the high and low ends to fit a mobile device screen, it can be worthwhile to upload multiple images and tell the system at which breakpoint to use each one.

A breakpoint is a point at which the system stops pulling one image and pulls a version that’s a better fit for the viewing device. Breakpoints are determined by the device width because users can scroll vertically infinitely but can’t widen the screen.

This illustration shows three possible breakpoints: 320 pixels for a cell phone, 720 pixels for a tablet or large phone, and 1,024 pixels for a laptop:

1661166521 536 How To Ensure Optimal Visual Experiences Across Devices

In this example, the original image of my two daughters and our dog is 800 pixels wide. It looks great on a desktop rendered at full size (left side of image). On a tablet-size screen, the original image loses detail, which diminishes its impact.

Advertisement

1661166521 230 How To Ensure Optimal Visual Experiences Across Devices

If this image were a chart or infographic, it might become illegible on a smaller screen. That’s why you should put extra effort into sourcing multiple images. This approach is called “responsive art direction.” It’s a browser trick that gives you a bit more control over the way images display to your users.

Here’s how that works with the original example. This time, I took different photos for each size – 800, 400, and 200 pixels wide. When published, their faces are approximately the same size in each.

In the 800-pixel horizontal version, one daughter sits on the stairs with our dog, while the other stands along the railing with a glimpse of the neighborhood in the background. In the 400-pixel vertical version, both daughters sit on the steps with the dog next to one of them with both railings visible. In the 200-pixel vertical version, each daughter and the dog have their own step, and only one railing is visible.

1661166522 172 How To Ensure Optimal Visual Experiences Across Devices

This approach isn’t COPE. It’s the not-mostly part of COPE-M. I created three times more work for myself. That’s why you should limit this time-intensive work to only the essential converting content.

See how multisource images get coded

While this article isn’t a tutorial on how to write this kind of code, you might find it useful to see what it looks like:

1661166522 941 How To Ensure Optimal Visual Experiences Across Devices

Between the “picture” tags, I specified the three source images, which are named based on the image width:

Advertisement

Now, each image will kick in when it reaches its breakpoint:

  • 499 pixels (max) for smartphones
  • 799 pixels (max) for tablets
  • 800 pixels (minimum) for desktop

Make COPE-M work for your brand

Most digital asset management (DAM) systems can create multiple outputs of a single image in different sizes and ratios. If you can’t reshoot the photos, crop them to ensure the best experience on all screen sizes. It can be a lot of work, so don’t ask your designers or developers to redesign every image on your website. Focus on impact.

If SEO is a top priority, check with your SEO specialists before implementing the multi-image approach. Google’s algorithm may penalize web pages that do not provide the exact same experience on desktop and mobile. Even though you are providing a better experience for humans, a Google crawler may not yet know this. Of course, if more people find your page worthy of their time because of a better image experience, Google will like that.

How about your team? Do you sometimes create multiple versions of your important images to accommodate a range of screen sizes? What have you learned from testing your images across multiple devices? Let me know in the comments.

HANDPICKED RELATED CONTENT:

 Register to attend Content Marketing World in Cleveland, Ohio. Use the code BLOG100 to save $100. 

Cover image by Joseph Kalinowski/Content Marketing Institute



Source link

Advertisement
Keep an eye on what we are doing
Be the first to get latest updates and exclusive content straight to your email inbox.
We promise not to spam you. You can unsubscribe at any time.
Invalid email address

MARKETING

Optimizing Zoom’s digital experience for explosive growth

Published

on

Optimizing Zoom's digital experience for explosive growth

In February 2020, Zoom had millions of weekly visitors to their site, all of whom were coming to Zoom.us to do a handful of activities. Flashforward a month later to March, and Zoom’s traffic spiked to tens of millions of visitors every week. Those visitors arrived to not only use Zoom for a couple of work calls per week, but to entirely reinvent how they interacted with colleagues, partners, teachers, students, and even friends and family.   

Zoom used this opportunity to transform its users’ experience into incredible growth and customer happiness across geographies and verticals. How did they do it?  

At Opticon ’23, Alex London, Head of Digital Zoom and Jay Dettling, CEO of Hero Digital, joined Alex Atzberger, CEO, Optimizely to share how Zoom re-built their entire digital ecosystem. 

Keep reading to learn how Zoom partnered with Hero Digital and Optimizely to transform its customer experience and drive stellar results including these early wins: 

Advertisement
  • Page load improved by 60% 
  • Speed to market improved by 50% 
  • Conversion improvement of 10% 
  • Publishing time from days to minutes (reduced by about half) 

The Year the World “Hopped on a Zoom Call” — & What Came Next

In March 2020, Zoom watched as web traffic, sign-ups, users and attendees grew from millions to hundreds of millions virtually overnight. Not only did its customer base and user group skyrocket, but its core use cases did, too: online meeting rooms were now used to host weddings, game nights, and math classes. At the same time, corporate brainstorms, sales calls, and even government processes requiring the highest security clearances moved to  Zoom to continue working as normally as possible. 

To meet the incredible demand for new use cases and services, the Zoom team had to ideate, test, and ship new products and features on a timeline that the internal teams refer to as “at the speed of Zoom.” Their success meant that their brand entered a hallowed hall of exclusive brands whose names made the transition from noun to verb. It was the year of: “Can we Zoom?” 

Getting there wasn’t just about building and launching products and features;  that was only half the battle. To scale and continue delivering happiness to customers, the team needed to ensure they told the story of Zoom across all customer touchpoints. 

Their goals

  1. Reimagine and rebuild the entire digital stack (including attribution models, analytics systems, acquisition, and localization) 
  2. Move from an existing agnostic, one-size-fits-all model to a global, flexible digital experience to cater to personas, geographies, and use cases 
  3. Improve their speed to market to continue moving “at the speed of Zoom” 

The Tactical Challenges of Reimagining Zoom’s Digital Stack 

Zoom’s overarching goal was to put the story at every single touchpoint of the customer journey. Given the dramatic change in their business, building a new site for Zoom would be incredibly complicated. Yet, if they succeeded, they’d generate demand, better enable purchases, and support its users.  

So how did they do it? Before making the leap, they looked to their strategic partners — Hero Digital and Optimizely.

 

 

Advertisement

Zoom needed a new digital foundation to achieve all of its goals at scale. More importantly, their new foundation needed to untangle serious web traffic complexity.

Zoom has four primary visitor types — all arriving on Zoom’s marketing website by the millions. They include: 

  • Individuals and SMEs buying Zoom online 
  • Demo requests 
  • Product support requests 
  • Users and attendees accessing Zoom’s website as part of their workflow 

To add even more complexity, the teams needed to account for multi-lingual requirements for 20+ languages across the globe. 

“How do we build for these four levels of complexity? And how quickly can we move to tell our new platform story?” – Alex London, Head of Digital at Zoom

Before anything else, Zoom needed to build a new design system, and Hero Digital stepped in to help. Together, they built a minimum versatile component library that would scale across the website, mobile, ads, and anywhere else Zoom encountered customers. The initial minimum library featured 38 components with 29 variants and 8 page templates. 

Zoom also had to untangle the domain and subdomain issues of their own making. The past choice to build their digital foundation on ‘Zoom.us’ and create new subdomains for customers (coming in north of 10k subdomains) meant speed and ranking were complicated. Essentially, Zoom was competing with 10k+ sites that Zoom itself had created.  

Resolving this problem by choosing to unify content on a single domain, Zoom, Hero Digital, and Optimizely got to work. 

Hero Digital’s Foundation + Optimizely’s Architecture = Moving at the Speed of Zoom

By partnering with Hero Digital and Optimizely, Zoom reimagined its complete customer experience and upgraded to a best-in-class technology platform that combines AI-accelerated workflows with experiment-driven digital experiences. 

Advertisement

The team deployed the Optimizely Digital Experience Platform, featuring Optimizely Content Management System, Content Management Platform, and Experimentation, as the architecture to bring their foundation to life and scale faster than they could ever imagine.

Component Library + Optimizely CMS  

One of Zoom’s goals was to move from its existing agnostic model to a global, flexible digital experience to cater to personas, geographies, and use cases. To do that, they needed a modern content management system. 

In the first phase of the build, the team focused on Zoom’s marketing site, now untangled but still over 200 pages. They established a foundation on Optimizely’s Content Management System to create a foundation with a migration plan over months. 

Even in the earliest stages, the results were huge because the CMS meant Zoom can could now push global changes in just minutes. They save hundreds of hours of work across the company by: 

  • Eliminating the devops processes, which previously took days or weeks to work through
  • Reducing publishing processes by half even with new added governance steps

 

Optimizely’s Content Marketing Platform

Improving speed to market was Zoom’s third goal. With the first two goals unlocked by their phased migration to Optimizely’s CMS, they needed to not only unblock the velocity but also the creativity and collaboration in producing new content. Zoom’s teams receive 80-100 requests a week for new content across their digital properties. 

Advertisement

 
For Zoom, the re-build of the intake process for content requests was a key component of speeding up their processes. They built in guard rails and governance processes that when used within the CMP, reduced publishing time to minutes rather than days.

 

 

Now, with the first three goals— a reimagined digital stack, a flexible digital experience, and improved speed to market—accomplished, Zoom will focus on its next digital phase: experimentation and personalization. 

How could a digital experience platform help you navigate the next phase of your business? Learn more from the experts with access to The Forrester Wave: Digital Experience Platforms, Q4 2023 report.

 

Advertisement

Source link

Keep an eye on what we are doing
Be the first to get latest updates and exclusive content straight to your email inbox.
We promise not to spam you. You can unsubscribe at any time.
Invalid email address
Continue Reading

MARKETING

The Role of Enterprise Mobility Management in Modern Businesses

Published

on

The Role of Enterprise Mobility Management in Modern Businesses

In today’s fast-paced business environment, Enterprise Mobility Management (EMM) has emerged as a critical facilitator for enhancing operational efficiency and competitiveness. EMM solutions streamline workflows, ensuring that enterprises can adapt to the rapidly changing digital landscape. This blog discusses the indispensable role of EMM in modern businesses, focusing on how it revolutionizes workflows and positions businesses for success.

EMM solutions act as the backbone for securely managing mobile devices, applications, and content that facilitate remote work and on-the-go access to company resources. With a robust EMM platform, businesses can ensure data protection and compliance with regulatory requirements, even in highly dynamic environments. This not only minimizes the risk of data breaches but also reinforces the company’s reputation for reliability and security.

Seamless Integration Across Devices

In today’s digital era, seamless integration across devices is not just a luxury; it’s a necessity for maintaining operational fluency within any organization. Our EMM solutions are designed to ensure that employees have secure and efficient access to the necessary resources, irrespective of the device being used. This cross-platform compatibility significantly enhances productivity by allowing for a unified user experience that supports both the agility and dynamism required in modern business operations. Leveraging cutting-edge technology, our solutions provide a cohesive ecosystem where data flows securely and effortlessly across mobile phones, tablets, and laptops, ensuring that your workforce remains connected and productive, regardless of their physical location. The adoption of our EMM solutions speaks volumes about an organization’s commitment to fostering a technologically forward and secure working environment, echoing its dedication to innovation and excellence.

Enhanced Productivity

EMM facilitates the seamless integration of mobile devices into the corporate environment, enabling employees to access corporate resources from anywhere. This flexibility significantly enhances productivity by allowing tasks to be completed outside of traditional office settings.

Unified Endpoint Management

The incorporation of Unified Endpoint Management (UEM) within EMM solutions ensures that both mobile and fixed devices can be managed from a single console, simplifying IT operations and enhancing security.

Advertisement

Advanced Security Protocols

Where cyber threats loom larger than ever, our EMM solutions incorporate cutting-edge security protocols designed to shield your organization’s data from unauthorized access and breaches. By consistently updating and refining our security measures, we ensure your assets are protected by the most advanced defenses available. This commitment to security not only safeguards your information but also reinforces your company’s reputation as a secure and trustworthy enterprise.

Data Protection

EMM solutions implement robust security measures to protect sensitive corporate data across all mobile devices. This includes encryption, secure VPN connections, and the ability to remotely wipe data from lost or stolen devices, thereby mitigating potential data breaches.

Compliance Management

By enforcing security policies and ensuring compliance with regulatory standards, EMM helps businesses avoid costly fines and reputational damage associated with data breaches.

Driving Operational Efficiency

In the quest to drive operational efficiency, our solutions streamline processes, reduce redundancies, and automate routine tasks. By leveraging cutting-edge technologies, we empower businesses to optimize their workflows, resulting in significant time and cost savings. Our approach not only enhances operational agility but also positions your organization at the forefront of innovation, setting a new standard in your industry.

Automated Workflows

By automating repetitive tasks, EMM reduces manual efforts, increases accuracy, and speeds up business processes. This automation supports operational efficiency and allows employees to focus on more strategic tasks.

Real-time Communication and Collaboration

EMM enhances communication and collaboration among team members by providing tools that facilitate real-time interactions. This immediate exchange of information accelerates decision-making processes and improves project outcomes.

Advertisement

Testimonials from Industry Leaders

Leaders in various industries have witnessed tangible benefits from implementing EMM solutions, including increased productivity, improved security, and enhanced operational efficiency. Testimonials from these leaders underscore the transformative impact of EMM on their businesses, solidifying its vital role in modern operational strategies.

Our commitment to innovation and excellence propels us to continually refine our EMM solutions, ensuring they remain at the cutting edge of technology. This dedication not only solidifies our standing as industry leaders but also guarantees that our clients receive the most advanced and effective operational tools available, tailored specifically to meet their unique business challenges.

Looking Ahead

The evolution of EMM solutions continues at a rapid pace, with advancements in technology such as Artificial Intelligence (AI), Machine Learning (ML), and the Internet of Things (IoT) further enhancing their capabilities. These developments promise even greater efficiencies, security measures, and competitive advantages for businesses willing to invest in the future of mobility management.

Our proactive approach to integrating emerging technologies with EMM solutions positions our clients at the forefront of their industries. By leveraging our deep technical expertise and industry insights, we empower businesses to not only adapt to but also lead in an increasingly digital world, ensuring they remain competitive and resilient amidst rapid technological shifts.

In conclusion, the role of Enterprise Mobility Management in modern businesses cannot be overstated. Its ability to revolutionize workflows, enhance security, and drive operational efficiency positions it as a foundational element of digital transformation strategies. We invite businesses to explore the potential of EMM solutions and partner with us to achieve unprecedented levels of success and innovation in the digital era. Together, we can redefine the boundaries of what is possible in business operations and set new benchmarks for excellence in the industry.

Source link

Advertisement
Keep an eye on what we are doing
Be the first to get latest updates and exclusive content straight to your email inbox.
We promise not to spam you. You can unsubscribe at any time.
Invalid email address
Continue Reading

MARKETING

Lessons From Air Canada’s Chatbot Fail

Published

on

Lessons From Air Canada’s Chatbot Fail

Air Canada tried to throw its chatbot under the AI bus.

It didn’t work.

A Canadian court recently ruled Air Canada must compensate a customer who bought a full-price ticket after receiving inaccurate information from the airline’s chatbot.

Air Canada had argued its chatbot made up the answer, so it shouldn’t be liable. As Pepper Brooks from the movie Dodgeball might say, “That’s a bold strategy, Cotton. Let’s see if it pays off for ’em.” 

But what does that chatbot mistake mean for you as your brands add these conversational tools to their websites? What does it mean for the future of search and the impact on you when consumers use tools like Google’s Gemini and OpenAI’s ChatGPT to research your brand?

Advertisement

AI disrupts Air Canada

AI seems like the only topic of conversation these days. Clients expect their agencies to use it as long as they accompany that use with a big discount on their services. “It’s so easy,” they say. “You must be so happy.”

Boards at startup companies pressure their management teams about it. “Where are we on an AI strategy,” they ask. “It’s so easy. Everybody is doing it.” Even Hollywood artists are hedging their bets by looking at the newest generative AI developments and saying, “Hmmm … Do we really want to invest more in humans?  

Let’s all take a breath. Humans are not going anywhere. Let me be super clear, “AI is NOT a strategy. It’s an innovation looking for a strategy.” Last week’s Air Canada decision may be the first real-world distinction of that.

The story starts with a man asking Air Canada’s chatbot if he could get a retroactive refund for a bereavement fare as long as he provided the proper paperwork. The chatbot encouraged him to book his flight to his grandmother’s funeral and then request a refund for the difference between the full-price and bereavement fair within 90 days. The passenger did what the chatbot suggested.

Advertisement

Air Canada refused to give a refund, citing its policy that explicitly states it will not provide refunds for travel after the flight is booked.

When the passenger sued, Air Canada’s refusal to pay got more interesting. It argued it should not be responsible because the chatbot was a “separate legal entity” and, therefore, Air Canada shouldn’t be responsible for its actions.

I remember a similar defense in childhood: “I’m not responsible. My friends made me do it.” To which my mom would respond, “Well, if they told you to jump off a bridge, would you?”

My favorite part of the case was when a member of the tribunal said what my mom would have said, “Air Canada does not explain why it believes …. why its webpage titled ‘bereavement travel’ was inherently more trustworthy than its chatbot.”

The BIG mistake in human thinking about AI

That is the interesting thing as you deal with this AI challenge of the moment. Companies mistake AI as a strategy to deploy rather than an innovation to a strategy that should be deployed. AI is not the answer for your content strategy. AI is simply a way to help an existing strategy be better.

Generative AI is only as good as the content — the data and the training — fed to it.  Generative AI is a fantastic recognizer of patterns and understanding of the probable next word choice. But it’s not doing any critical thinking. It cannot discern what is real and what is fiction.

Advertisement

Think for a moment about your website as a learning model, a brain of sorts. How well could it accurately answer questions about the current state of your company? Think about all the help documents, manuals, and educational and training content. If you put all of that — and only that — into an artificial brain, only then could you trust the answers.

Your chatbot likely would deliver some great results and some bad answers. Air Canada’s case involved a minuscule challenge. But imagine when it’s not a small mistake. And what about the impact of unintended content? Imagine if the AI tool picked up that stray folder in your customer help repository — the one with all the snarky answers and idiotic responses? Or what if it finds the archive that details everything wrong with your product or safety? AI might not know you don’t want it to use that content.

ChatGPT, Gemini, and others present brand challenges, too

Publicly available generative AI solutions may create the biggest challenges.

I tested the problematic potential. I asked ChatGPT to give me the pricing for two of the best-known CRM systems. (I’ll let you guess which two.) I asked it to compare the pricing and features of the two similar packages and tell me which one might be more appropriate.

First, it told me it couldn’t provide pricing for either of them but included the pricing page for each in a footnote. I pressed the citation and asked it to compare the two named packages. For one of them, it proceeded to give me a price 30% too high, failing to note it was now discounted. And it still couldn’t provide the price for the other, saying the company did not disclose pricing but again footnoted the pricing page where the cost is clearly shown.

In another test, I asked ChatGPT, “What’s so great about the digital asset management (DAM) solution from [name of tech company]?” I know this company doesn’t offer a DAM system, but ChatGPT didn’t.

Advertisement

It returned with an answer explaining this company’s DAM solution was a wonderful, single source of truth for digital assets and a great system. It didn’t tell me it paraphrased the answer from content on the company’s webpage that highlighted its ability to integrate into a third-party provider’s DAM system.

Now, these differences are small. I get it. I also should be clear that I got good answers for some of my harder questions in my brief testing. But that’s what’s so insidious. If users expected answers that were always a little wrong, they would check their veracity. But when the answers seem right and impressive, even though they are completely wrong or unintentionally accurate, users trust the whole system.

That’s the lesson from Air Canada and the subsequent challenges coming down the road.

AI is a tool, not a strategy

Remember, AI is not your content strategy. You still need to audit it. Just as you’ve done for over 20 years, you must ensure the entirety of your digital properties reflect the current values, integrity, accuracy, and trust you want to instill.

AI will not do this for you. It cannot know the value of those things unless you give it the value of those things. Think of AI as a way to innovate your human-centered content strategy. It can express your human story in different and possibly faster ways to all your stakeholders.

But only you can know if it’s your story. You have to create it, value it, and manage it, and then perhaps AI can help you tell it well. 

Advertisement
Like what you read here? Get yourself a subscription to daily or weekly updates.  It’s free – and you can change your preferences or unsubscribe anytime.

HANDPICKED RELATED CONTENT:

Cover image by Joseph Kalinowski/Content Marketing Institute

Source link

Keep an eye on what we are doing
Be the first to get latest updates and exclusive content straight to your email inbox.
We promise not to spam you. You can unsubscribe at any time.
Invalid email address
Continue Reading

Trending

Follow by Email
RSS