News | June 26th 2019

State of Digital Publishing | Q&A with Zooey Purdy

Zooey Purdy is an Associate Director of Creative Strategy at Code and Theory.

IS AI IMPORTANT FOR UI/UX DESIGN PRINCIPLES FOR DIGITAL MEDIA SITES? IF SO, WHAT’RE THE ADVANTAGES OR DISADVANTAGES?

In general, our perspective on any technological innovation is that technology is only as good as the value it delivers to the user or to the business. A lot of companies make the mistake of building products around a new technology rather than focusing on the problem to be solved and then choosing the technology that will best deliver that solution.

That said, due to the current state of the digital media industry today, sites are focused more than ever on creating direct relationships with their audiences through owned and operated platforms and channels in order to reduce the risk of reliance on Facebook and Google for content distribution.

Artificial Intelligence technology can offer many valuable solutions to creating more engaging experiences, creating stronger connections with users that keep them coming back for more.

For example, AI is often used within personalization technology. Digital media platforms often use AI-based personalization technology to create individualized experiences for each user, tailoring the content to the behaviors and consumption patterns of each user. Spotify’s Discover Weekly playlists are a great example of AI being used to create an incredibly engaging and unique content experience that has dramatically increased user engagement and retention.

One of the biggest disadvantages of using AI is its potential for risk. Anytime a task that a human would traditionally do, such as writing an article or curating a website homepage, is performed by technology, there is a risk that the technology produces unintended consequences. For example, Microsoft released a Twitter bot named Tay that would learn to tweet through its interactions with other users on the platform. Unfortunately, it quickly picked up the patterns of Twitter trolls and ended up tweeting some offensive messages, causing Microsoft to take it down after only 16 hours.

As time goes on, AI technology is becoming more and more sophisticated, decreasing the likelihood of risks, while increasing its ability to deliver a more authentic experience.

ARE THE CLIENTS YOU ARE WORKING WITH CURRENTLY INCORPORATING AI IN UX/UI DESIGN? DO YOU HAVE SOME EXAMPLES THAT YOU CAN SHARE?

One of the best examples of one of our clients incorporating AI into its site design is NBC. When publishing video content, AI technology analyzes the video clip to find the most engaging frames from the video and generates an animated gif with those frames. These gifs are then used as the hover states for videos so that users can preview them before loading the full clip.

For MotorTrend, we developed an app called Car Spotting that combines AI technology with your phone’s camera to recognize hundreds of cars including 17 car cards for you to collect in your virtual garage.

HOW DO YOU SUGGEST APPLYING AI TO USER BEHAVIOR TESTING AND OPTIMIZATION AND SITE ARCHITECTURE?

Our Data, Analytics, and Research team frequently use AI as part of our product development process. We have developed our own natural language processing technologies for survey analysis, social listening, audience analysis, content audits, and more. This type of AI informs everything from product design decisions to the information architecture for content archives.

WHAT’RE YOUR FAVORITE UX/UI TOOLS?

We love to use Invision as a lower lift method of creating a prototype for user testing. It allows for things like click and swipe gestures to transition between screens, and can be downloaded onto a mobile device to experience the prototype exactly the way a user would. By testing product concepts through Invision, we are able to get user feedback and optimize the design before it even heads into development.

We’re also huge fans of Airtable at Code and Theory. We use it for documenting everything from product roadmaps to website audits to feature requirements.

Plectica and Lucidchart are also great tools for documenting user flows, information architecture, and other types of visual diagrams.

WHAT ELSE DO YOU NEED TO ADDRESS WHEN DEALING WITH UX/UI FOR DIGITAL MEDIA PUBLISHERS?

One often overlooked part of the digital publishing business is the content management system that powers the content creation process. In the news business, the UX/UI for a content management system can be the difference between an organization being the first to break a story or the last. When editors are spending most of their time performing repetitive and tedious tasks because the CMS has a poor user experience, they’re not spending that time creating unique and engaging content that drives the business forward. Many of the best content management systems incorporate AI to do things like recommend trending topics for editors to write about or even to generate and publish content such as sports scores or weather updates.

Additionally, content is distributed across so many different channels these days, from Google’s AMP to Facebook’s Instant Articles to Snapchat Discover and Instagram TV. Every channel displays content in a different format and environment, which requires designers and content creators to think about how the content experience needs to flex in order to be successful and engaging within each environment. AI is also often used for this situation as well, in order to perform automated cropping of image or video content that have different ratio and length requirements per distribution platform. AI can perform these type of repetitive tasks quickly and automatically, while still ensuring that the most important parts of an image are centered and that the key moments of a video are captured within a shortened video clip.

With the increase in smart home devices like Amazon Alexa and Google Home, the future of digital news consumption will likely involve a lot more audio content. This shift will redefine the way we think about “user experience” and “user interface” today, as primarily visual concepts, to include the ways that humans experience and interact with voice-based interfaces and audio experiences.

Says a Lot —

Latest

News — 

Code and Theory, a Stagwell (STGW) Network Company, Named Ad Age Business Transformation Agency of the Year

News — 

CampaignLive | Behavior as a prompt: Why AI’s ability to anticipate will change business forever

News — 

Code and Theory Wins Three Drum Awards For AI, Creativity, and UX with YETI and Tipico

News — 

Under Armour Launches UA Rewards with Masterclass-style Video Series, in Partnership with Code and Theory

News — 

Figma Names Code and Theory as Launch Partner in New Service Partner Program

News — 

Scout by Sutter Health™ Launches an App Focused on Resilience Building for Youth and their ‘Champions’, Built by Code and Theory

News — 

Code and Theory Network Wins Six W3 Awards

News — 

Facing the Future: A Guide to AI and Design Transformation

We Are a Technology-First Creative Agency

What We Do

Code and Theory is a strategically driven, digital-first agency that lives at the intersection of creativity and technology. We solve consumer and business problems with end-to-end solutions that flex to meet the needs of today’s ever-changing digital landscape.

Our Services

We provide a range of offerings built to support the entire ecosystem.

  • Data, Analytics and Research

    Our data-driven approach enables us to understand every aspect of end-to-end consumer journeys, and powers our work from start to finish.

  • Business & Organizational Consulting

    We work with our clients not only to define and deliver products, services and communications, but also to design the business itself.

  • Transformational Technology

    We help our clients reinvent their technical infrastructure and roadmap in order to deliver for the needs of today and tomorrow.

  • Services, Platforms & Products

    We create best-in-class platforms built around both the user and the business goals, often extending into connected physical expressions.

  • Integrated Marketing

    We deliver the right messages to new and existing customers across the entire ecosystem.

Our Offices

We have locations around the world.

Join Our Team

We're not typical, and neither are you. We're always looking to hire smart, interesting and forward-thinking people.
See All Open Positions

Code and Theory is a proud member of Stagwell Group. Stagwell is the challenger network built to transform marketing. We deliver scaled creative performance for the world’s most ambitious brands, connecting culture-moving creativity with leading-edge technology to harmonize the art and science of marketing. Led by entrepreneurs, our 13,000+ specialists in 34+ countries are unified under a single purpose: to drive effectiveness and improve business results for their clients. Join us at www.stagwellglobal.com

Careers at

Code and Theory

All of our roles are open to remote applicants. We're not typical, and neither are you. We're always seeking smart, interesting, and forward-thinking people.