Negotiabbles Tablet App by Negotiabbles is a highly esteemed winner of the very prestigious 2026 A' Design Award in Education, Teaching Aid and Training Content Design Competition Category.
IronEducation· 2026
Negotiabbles Tablet App
by Negotiabbles
Client: Negotiabbles
A' Design Award Winner in Education Category
Verified Award Winner
Verify Award Status for #182529The Design
About Negotiabbles Tablet App
Negotiabbles is an educational tablet application that helps children in grades K-8 practice negotiation skills. The app presents common peer situations, such as sharing a resource or resolving a disagreement, as illustrated story chapters. Children speak with artificial intelligence characters and are guided through stating needs, giving reasons, listening, and reaching agreement. Emotion bubbles above each character change in color, size, and shape to show emotional states in real time. A summary screen records the strategies used and progress across sessions.
The Recognition
About the A' Design Award
Negotiabbles Tablet App is an Iron A' Design Award winner, a prestigious recognition granted to good designs that meet the professional and industrial requirements expected from well-designed creations. Iron winners demonstrate great skill, high specialization, expert understanding, and creative capacity of their creators. Negotiabbles Tablet App is expected to be a highly regarded, admired, and cherished creation that is practical and innovative. This Iron A' Design Award-winning design integrates industry best practices and has competent technical characteristics linked with know-how and talent. Negotiabbles Tablet App is respected for its thoroughness and is designed to provide quality of life improvements that help make the world a better place.
Interviews
Grand Interview
The Emotional Periodic Table at the heart of Negotiabbles Tablet App is one of the most inventive visual systems I have encountered in educational design in recent years, translating the invisible architecture of negotiation into a structured motion-design vocabulary that children as young as five can intuitively read. Could you walk us through the moment the team behind Negotiabbles Tablet App realized that color psychology and shape psychology could be unified into a single systematic framework, and what that discovery meant for the overall design direction of Negotiabbles Tablet App?
The Emotional Periodic Table emerged from a key insight during our research. We found that negotiation is not only about emotions, but also about the tension created when different perspectives, needs, and communication styles interact. Across different individuals and cultures, people often negotiate in very different ways, yet many are unaware of how their words, tone, or actions are actually perceived by others.This led us to ask a fundamental question: how can we make these invisible dynamics visible? We wanted children to not only recognize their own feelings, but also understand the emotional impact of their behavior and the shifting tension within a conversation. Through multiple rounds of exploration, we discovered that color, shape, and motion could work together as a shared visual language. Colors represented emotional states and intensity, shapes reflected communication patterns, and motion visualized how interactions evolved over time.The breakthrough was realizing that negotiation could be taught through visualization rather than explanation. The Emotional Periodic Table became a system for making emotions, intentions, and interpersonal dynamics tangible. By helping children see what is normally invisible, the experience encourages greater self-awareness, empathy, and understanding of how their choices influence others during a negotiation. At the same time, transforming these abstract social dynamics into colorful, interactive visual elements makes the learning process more fun, engaging, and approachable for young learners.
Research cited in the development of Negotiabbles Tablet App indicates that only 28 percent of children aged 6 to 8 can clearly articulate their needs in peer disputes, a statistic that many parents and educators may find both alarming and motivating. How does Negotiabbles Tablet App address this gap in a way that feels genuinely different from existing social-emotional learning tools, and what feedback from early usability testing with target-age children most surprised the team during the development of Negotiabbles Tablet App?
Negotiabbles addresses the gap by replacing passive learning with active, voice-driven practice. Most Social and Emotional Learning (SEL) tools teach children about emotions through videos or multiple-choice scenarios. Negotiabbles puts children inside a real conversation where their words have immediate, visible consequences, combining AI role-play, real-time emotion visualization, and fairytale distancing, in a way no existing tool does. What truly differentiates us is the emotion visualization system. Rather than labeling feelings with text or static icons, we built a living visual language where warm colors and angular shapes signal tension, while cool tones and rounded forms communicate calm. Children absorb it intuitively through play, without instruction.This was confirmed powerfully during usability testing. The moment that surprised us most was watching children spontaneously narrate the emotion bubbles mid-conversation, pointing at the screen and saying "see, he's getting angry now," accurately reading emotional states through color and shape alone, before we had explained the system at all. We expected to guide children through the visual language. Instead, they taught themselves. It revealed something that has since shaped our broader thinking: Children engage far more deeply when emotions have a visible and concrete form rather than remaining abstract beyond their reach.
The decision to integrate voice-based interaction powered by natural language processing into Negotiabbles Tablet App, rather than relying solely on taps or text-based inputs, is a particularly striking technical and pedagogical choice. How did this voice-first approach shape the child's experience of practicing negotiation in real time, and what specific design challenges did the team have to resolve to make speech-driven dialogue feel both accessible and educationally purposeful for children across the broad developmental range that Negotiabbles Tablet App serves?
The voice-first decision was both pedagogical and deeply human. Negotiation is a spoken, real-time skill, and teaching it through taps or text would be like teaching someone to swim without water. When a child speaks aloud to advocate for themselves, they practice the real cognitive and emotional experience of finding words under pressure, regulating tone, and responding to another voice, which is exactly what they need in a playground dispute or classroom disagreement.One of the design challenges we faced was handling silence and hesitation. When a child freezes mid-conversation, that moment carries real emotional weight. In peer interactions, silence can feel like failure, and we couldn't let the app replicate that. Our solution was to deploy AI as a sensitive, in-the-moment guide. When hesitation is detected, the AI character offers a gentle contextual nudge like "how about asking why they feel that way?", keeping the conversation alive without breaking immersion or undermining the child's sense of agency.The feedback loop is deliberately multi-sensory: the AI responds verbally, emotion bubbles shift in real time, and on-screen captions support younger readers, delivering emotional, auditory, and visual feedback simultaneously. Across the K–8 range, the system scales with the child. Younger learners receive shorter exchanges and more frequent prompts, while older children navigate complex scenarios with greater nuance and less scaffolding.
Behind the Design
Press Kit
Credits, team members and technical details provided by the designer.
- Unique Properties
- Negotiabbles is an educational app that helps children in grades K-8 build essential negotiation skills in a safe, playful, and story-driven environment. Many kids struggle to express needs or resolve conflicts and only 28% of children ages 6 to 8 can do so clearly. Our design transforms complex negotiation principles into age-appropriate role-play with AI characters, real-time feedback, and emotion-visualized interfaces. By turning peer conflicts into engaging learning opportunities, Negotiabbles empowers kids to grow confidence, empathy, and lifelong communication skills.
- Dimensions & Packaging
- Digital application for tablets (10-inch, 2160 x 1620 px). Voice input with real-time AI response. Adaptive difficulty across K-8 stages. Cloud-based architecture supporting single-player, guided, and multiplayer modes. Emotion-visualized bubble interface rendered at 60 fps. Secure data handling for child users (COPPA-aligned).
- Tags
- Educational App, Children, Negotiation Skills, Social-Emotional Learning, AI Role-Play, Voice Interaction, Color Psychology, Emotion Visualization, Game-Based Learning, Conflict Resolution, K–8 Education, Interactive Storytelling, Child Development, Shape Psychology, Empathy Training
- Production Technology
- User-centered iterative design process. Voice interaction via speech processing APIs, AI-driven role-play via NLP, real-time emotion visualization through a custom animation system built on color and shape psychology frameworks. Prototyping and usability testing with target-age children refined scaffolding and interaction patterns. Digital-first, cloud-based architecture.
- Design Challenge
- The central creative and research challenge was to make the invisible visible: negotiation is fundamentally a psychological process involving shifting emotions, competing needs, and evolving positions - none of which have an inherent visual form. The team needed to develop a visual language that could represent these dynamics in a way that is immediately intuitive to children as young as five, while remaining scientifically grounded and systematically scalable. The solution was the development of an "Emotional Periodic Table" - a structured visual vocabulary that combines two psychological frameworks into a unified motion-design system. Color psychology provides the chromatic axis: warm hues (reds, oranges) represent tension, frustration, and assertiveness; cool hues (blues, greens) represent calm, openness, and agreement; transitional tones (yellows, purples) represent uncertainty, curiosity, and shifting positions. Shape psychology provides the morphological axis: angular, spiky forms convey conflict, defensiveness, and high emotional intensity; rounded, smooth forms convey receptiveness, empathy, and resolution. These two axes combine to generate a matrix of emotion states, each represented by a distinct bubble form - a specific combination of color, shape, size, opacity, and movement behavior. For example, a large, red, angular bubble pulsing rapidly represents strong disagreement, while a small, blue, rounded bubble drifting gently represents calm agreement. The system includes transitional animations (a bubble softening its edges as tension decreases, or warming in hue as frustration builds) that create a continuous, readable motion language. The research challenge was ensuring that these mappings were not arbitrary but grounded in established color-emotion and shape-emotion associations from developmental and environmental psychology. The team cross-referenced color psychology literature (warm colors as activating, cool colors as calming) with shape psychology research (angular shapes as threatening, curved shapes as approachable) to build a mapping framework that aligns with children's intuitive perceptions. The resulting periodic table organizes all possible emotion-bubble states into a systematic grid, allowing the design team to ensure visual consistency, avoid redundancy, and create clear distinctions between emotional states. This system serves as both a design tool (guiding the creation of new scenario content) and a pedagogical tool (helping children learn to "read" emotions through visual pattern recognition). The motion language embedded in the bubbles: speed, direction, oscillation, merging and splitting behaviors, all add a temporal dimension that reflects how emotions evolve during a conversation, rather than presenting them as static labels.
- Research
- This project investigates how interactive, AI-mediated role-play can support the development of negotiation skills in children aged 5-13 (grades K-8). Drawing on social-emotional learning (SEL) theory and child negotiation research, the study identifies a critical gap: while negotiation is a foundational interpersonal skill, it is largely absent from early education curricula. Existing data indicates that only 28% of children aged 6-8 can clearly articulate their needs in peer disputes, and that children with underdeveloped negotiation abilities face significantly higher rates of peer rejection by adolescence. The research proposes an emotion-visualized, voice-based application as an intervention tool. The design framework translates established negotiation principles: BATNA (anchoring, justification, and emotional regulation) into scaffolded, story-driven interactions with AI characters. The emotion visualization system, grounded in color psychology and shape psychology, maps internal states to external visual cues, enabling children to observe and interpret the emotional dynamics of a conversation as it unfolds. The study details the iterative, user-centered design process, including literature review, scenario development, interface prototyping, and usability testing with target-age users. Findings suggest that combining voice interaction, real-time visual feedback, and narrative framing creates an engaging and developmentally appropriate learning environment for practicing complex social skills.
- Inspiration
- Negotiabbles came from research on social-emotional learning, revealing a gap between children's need for conflict resolution skills and available tools. Research shows that children with weak negotiation skills at age 8 are 2.5 times more likely to face peer rejection. Existing tools focus on emotions but not the full negotiation cycle. Inspired by storybook visuals and color-emotion psychology, the bubble interface makes abstract emotional dynamics visible through responsive shapes and colors.
- Project Duration
- The project started in December 2024 and finished in June 2025 in the United States.
- Operation Flow
- The user flow begins with story selection, where the child chooses a scenario drawn from common peer situations such as sharing a resource, resolving a disagreement, or joining a group activity. Each scenario is framed as a storybook chapter with illustrated AI characters. Upon entering a scenario, the child engages in voice-based dialogue with the AI character, who presents a negotiation challenge. The interface displays dynamic emotion bubbles above each character. These bubbles shift in color, size, and shape in response to the tone and content of the conversation, providing real-time visual feedback on emotional states. As the child speaks, the system processes their input and the AI character responds contextually, guiding the child through negotiation stages: stating needs, giving reasons, listening, proposing compromises, and reaching an agreement. At each stage, the scaffolding system offers gentle prompts if the child needs support (for example, a prompt to explain their reasoning or consider the other character's perspective). After the scenario concludes, the child receives a summary screen displaying which strategies were used, how emotional states shifted during the conversation, and specific areas for continued development. Progress is recorded in a personalized negotiation profile that tracks growth across sessions and strategy types. In multiplayer mode, two children engage in a guided negotiation with each other, with the AI serving as a mediator that monitors turn-taking, emotional escalation, and strategy use, ensuring both voices are heard and the interaction remains constructive.
- Team Members
- Zixuan Li (Product Design Lead)
Xuefei Wang (UX Design Lead)
Lydia (Tiansui) Leiwang (UX Motion/Visual Design)
Zilu (Ruby) Wang (UX Design)
Huimeng Lu (UX Design)
Sponsored
Explore Beyond Designers.org
Discover products, services and opportunities from our advertising partners.
More to Explore
Related Designs
Explore more award-winning designs from the same category, selected by merit.