OnQ
Contextual Information Design for Sports Broadcast
OnQ
Contextual Information Design for Sports Broadcast
OnQ
Contextual Information Design for Sports Broadcast
OnQ
Contextual Information Design for Sports Broadcast
Designed by Sally Boniecki
Committee: Adam Smith, Mike Strobert
Disciplines: Motion Graphics, Animation, UI/UX, 3D Modeling
Programs: Photoshop, Illustrator, After Effects, Cinema 4D
Designed by Sally Boniecki
Committee: Adam Smith, Mike Strobert
Disciplines: Motion Graphics, Animation, UI/UX, 3D Modeling
Programs: Photoshop, Illustrator, After Effects, Cinema 4D
Designed by Sally Boniecki
Committee: Adam Smith, Mike Strobert
Disciplines: Motion Graphics, Animation, UI/UX, 3D Modeling
Programs: Photoshop, Illustrator, After Effects, Cinema 4D
Designed by Sally Boniecki
Committee: Adam Smith, Mike Strobert
Disciplines: Motion Graphics, Animation, UI/UX, 3D Modeling
Programs: Photoshop, Illustrator, After Effects, Cinema 4D
Learn as you watch with OnQ
OnQ provides automatic prompts to learn about terms and strategies as they become relevant in a broadcast. Let us do the work for you.
Learn as you watch with OnQ
OnQ provides automatic prompts to learn about terms and strategies as they become relevant in a broadcast. Let us do the work for you.
Learn as you watch with OnQ
OnQ provides automatic prompts to learn about terms and strategies as they become relevant in a broadcast. Let us do the work for you.
Learn as you watch with OnQ
OnQ provides automatic prompts to learn about terms and strategies as they become relevant in a broadcast. Let us do the work for you.
Inform
OnQ takes a repository of detailed rules and strategies for a given sport and introduces it as it becomes relative to a broadcast.
Integrate
Information appears on the same screen as the match without overpowering the live footage.
Immerse
Menus feature bold text and animation without overpowering the broadcast you are enjoying.
Inform
OnQ takes a repository of detailed rules and strategies for a given sport and introduces it as it becomes relative to a broadcast.
Inform
OnQ takes a repository of detailed rules and strategies for a given sport and introduces it as it becomes relative to a broadcast.
Vocabulary Recognition
OnQ recognizes terms as announcers use them, providing a definition prompt to access while the term is immediately relevant.
Vocabulary Recognition
OnQ recognizes terms as announcers use them, providing a definition prompt to access while the term is immediately relevant.
Vocabulary Recognition
OnQ recognizes terms as announcers use them, providing a definition prompt to access while the term is immediately relevant.
Permenant Dictionary
Access a permenant repository of information that outlines strategy, equipment, and terminology for the sport.
Specialized Summaries
Get a quick but comprehensive sense of what the steps and goals of the broadcast are.
Design Process
Contextual Information Adds Meaning to Video
Olympics and mainstream sports broadcast viewership has been trending significantly lower in the last 10-20 years. At the same time, the average viewer age is going up. If a someone didn't grow up playing sports and didn't have a sports fan in their life, jumping right into a broadcast is confusing. OnQ targets the barrier of knowledge and the effort required to obtain it in order to draw in young adult viewers.
Step 1
A. Determine and categorize critical information in an order and context that beginners can understand.
B. Make the text as short as possible with the help of supporting visuals. It becomes more digestible in short language, and allows for text to be large and more readable.
Step 2
Make it visually distinct and stylish. Weigh the pros and cons of realism, abstraction, and color in making the figure attractive and easy to animate.
Step 3
Develop a layout that is easy to read, yet doesn't completely overpower the broadcast. High contrast allows copy to be readable and the figure to stand out from the background. Proper hierarchy leads the eye through the copy and visuals. Animation principles like follow through, secondary animation, and squash and stretch bring life to such an abstracted human figure.
Develop a layout that is easy to read, yet doesn't completely overpower the broadcast. High contrast allows copy to be readable and the figure to stand out from the background. Proper hierarchy leads the eye through the copy and visuals. Animation principles like follow through, secondary animation, and squash and stretch bring life to such an abstracted human figure.
The colors are bright, but a bit inconsistent, and the black box is very wide and stark, making it jarring and clunky. A viewer may be lost on where to focus.
The drop shadows are not enough to stand out from the background, and the colors are still a bit much. It is impossible to predict what colors will appear in a busy background, so a more natural reintroduction of the box is necessary.
The grid is a bit sloppy, and the white box's color feels arbitrary. The figure is too small to draw focus, and the text is so big that it creates messy breaks in the sentence, interrupting the flow. The bullets are taking up limited space without contributing anything significant. However, with the better contrast, blurring the background behind the white box is unneccessary.
The figure is larger on screen, demanding focus. There is just enough of the broadcast visible behind the background box in order to follow if the athlete passes behind it, and the color palette is consistent, clean, and appealing.
Results