Shop the scene
Interaction exploration
Personal challenge to quickly think through a problem, sketch out ideas, create high fidelity designs and create a prototype. This is about 8 hours of work.
Documenting requirements
I mined for requirements and loved how customer centric the direction was. While the customer is engrossed in the story, how might we deliver on their curiosity or inspiration by what is onscreen.
Allow customers to pull the shopping experience versus pushing it on them
You might not always have an interactive product on-screen but this variable reward might allude to the feeling of discovery.
🔬 A big design assumption I made about shopping on TV specifically.
Evaluating a purchase on TV is cumbersome from an interaction cost standpoint, and it disrupts viewing experience.
Allowing customers to save the product, or continue the shopping experience on an endpoint like a mobile phone will allow them to stay engrossed in their viewing experience and shop with ease and confidence.
We will know this to be false if customers convert at a similar rate, regardless of wether they experience defers purchase to another device or integrates it directly in the TV viewing experience.
Products are instances on the content’s timeline
Similar to the way commercial breaks are called out, products and shopping experiences can have a signifier on the media progress bar. Also, they take up time, they are onscreen for a duration, not just one second. Representing the duration might allow customers to more easily reference products in their favorite show or movie.
A research consideration would be to understand what behavior would prompt customers to access the shopping experience. its reasonable to assume that visuals like this, on by default might be unwanted and the customers might be given an option to opt in. Or to only see products based on a pre-existing signal, like previous shopping searches.
Object modeling shows the relationships between the products and media
Objects have Attributes, Actions and Relationships.
Movies and shows contain segments called scenes.
Scenes contain actors and actresses as well as products.
A customer might then approach a product from many angles, they may see which products are available in an entire movie, or season of a show. If they start in the shopping experience, in a product detail page… they may see all the shows and actors/actresses which are related to that product.
The product detail experience connects the dots between the objects in the object model telling a complete, rich and compelling story of the product.
A trench coat comes from a provider and has a “As worn by Abbey Lockwell” callout, showing the episodes of City Spies that the product appears in.
Below that are cards with previews of the scenes the trench coat appears in.
Beneath that is a video stitching all of the shows and movies that reference that trench coat.. A sizzle reel of all the trench coat’s on-screen moments.
Now design the tool that makes all this happen
Here I sketched ideas of the internal tool that would call out products in a media file.
A palette of tools might allow for operators to “paintbrush” hotspots onscreen to identify the products in a given frame. Resize crop markets which map to one of many products onscreen.
✨AI assisted tracking of a product as it moves onscreen across frames
Timeline control telling the AI for how long to track the product.
A means to input the product so pixels map to an ISIN number or a URL.
Like what you see? Let’s chat.
I’d love to provide more detail about my role in the project and the skills I can bring to your team.