Skip to content
Suryun Hyeon's Flow Ideation Tool emerges as a meticulously composed study in digital interface design captured through photographic documentation, presenting a contemporary mobile application interfa
Two sleek smartphone devices stand in confident three-quarter presentation against neutral atmospheric space, the left device rendering Flow Ideation Tool's interface in luminous high-key tonality whi
Suryun Hyeon's Flow Ideation Tool employs a sophisticated dual-screen composition presenting a comparative interface study that demonstrates the transformation from static organizational schema to dyn
An interface composition rendered in grayscale tonalities with selective chromatic accents presents a mobile device viewport displaying a structured ideation workflow system, wherein the architecture
A dual-screen mobile interface juxtaposes an article-reading experience on the left panel with an interactive visualization workspace on the right, presenting a sophisticated exploration of extended r

Iron Interface, Interaction and User Experience Design · 2025

Flow Ideation Tool

by Suryun Hyeon

  • A' Design Award 2025 Iron Winner in Interface, Interaction and User Experience Design
  • Awarded April 15, 2025
  • Estimated Number of Design Views: 10,986
  • Verification code 7EE0ED23EB · Verify this award
Email this page to a friend

Get a Badge

About Flow Ideation Tool

Flow is an ideation tool designed to mirror the natural process of human thinking. Users can record ideas as keywords, sentences or drawings. Pressing the flow button connects related ideas. Ideas developed by the user are arranged vertically, while connections created with the flow button are placed horizontally. User made notes, online references and suggestions generated by artificial intelligence are linked within one view. The responsive interface works on mobile phones, tablets and desktop computers.

Flow Ideation Tool by Suryun Hyeon represents a thoughtful contribution to contemporary discourse surrounding visual thinking tools and the materialization of cognitive processes through digital interface design, situating itself within a rich lineage of information visualization and knowledge management applications that seek to externalize, structure, and manipulate abstract conceptual relationships through intuitive graphical representations. The work engages with longstanding traditions of diagrammatic reasoning extending from medieval memory palaces and Ramon Llull's combinatorial wheels through twentieth-century mind mapping techniques and contemporary networked thinking applications, while simultaneously addressing distinctly contemporary challenges of information overload, collaborative ideation, and mobile-first design paradigms that privilege accessibility and immediacy of engagement. The compositional achievement evident in this documentation presents the interface through a carefully calibrated balance between technical specification and humanistic context, the inclusion of hands not merely establishing scale reference but fundamentally arguing for the embodied, tactile dimension of digital interaction, suggesting that effective ideation tools must harmonize with natural human gestures and cognitive workflows rather than imposing arbitrary technical constraints. The chromatic sophistication demonstrates particular accomplishment in its deployment of a limited but vibrant palette—the azure, coral, and teal circular nodes establishing immediate visual differentiation while maintaining sufficient chromatic harmony to prevent competitive fragmentation, each hue carrying adequate saturation to command attention within the predominantly white interface field without overwhelming the compositional balance or compromising legibility. The card-based organizational schema visible within the interface reveals thoughtful attention to established mobile design conventions while adapting these patterns to the specific demands of ideation work, the overlapping card arrangement suggesting both spatial depth and temporal sequence, inviting users to understand their ideation process as simultaneously systematic exploration and accumulative documentation. The circular node diagrams themselves appear to reference both organic cellular structures and abstract network graphs, this formal ambiguity potentially serving conceptual ends by suggesting that ideation processes might productively draw upon both biological growth patterns and engineered systematic thinking. The typography selection and hierarchical relationships visible in elements like the "Pictogram" label and "Humanoid" descriptor demonstrate professional typographic sensibility, establishing clear information architecture while maintaining visual refinement. The bottom navigation elements including "Note" functionality and profile access indicate consideration of broader workflow integration, suggesting the tool positions ideation activities within larger creative and collaborative ecosystems rather than treating them as isolated exercises. What themes emerge as central to this work include the democratization of visual thinking tools previously confined to specialized software or analog media, the translation of abstract cognitive processes into manipulable visual-spatial representations, the integration of systematic method with creative exploration, and the ongoing negotiation between technological capability and human-centered design that prioritizes usability and intuitive engagement over feature complexity. The work seems to explore how digital tools might enhance rather than constrain creative thinking, how visual representations can scaffold cognitive processes, and how mobile platforms might bring sophisticated ideation capabilities into varied contexts beyond traditional desktop-bound creative environments. Viewers might consider how such tools shape the nature of ideation itself, whether the availability of structured visual frameworks amplifies creative possibility or subtly channels thinking into predetermined patterns, and how the interface's particular formal choices—its colors, spatial organization, and interaction paradigms—either support or complicate different types of creative and analytical thinking across diverse domains and user communities.

Press Kit

Unique Properties
The 'Flow' project stands out as an ideation tool that mirrors the natural process of human thinking. Users can freely jot down ideas in various forms, such as keywords, sentences, or drawings, and by pressing the 'flow' button, related ideas are seamlessly connected. Intentionally developed ideas are arranged vertically, while connections made using the 'flow' button are linked horizontally. This allows user-created ideas, online references, and AI-assisted suggestions to organically interconnect.
Dimensions & Packaging
The 'Flow' project is compatible with all electronic devices, including mobile, desktop, and iPad. While the design is primarily submitted for mobile, it features a responsive design, making it adaptable across the mentioned devices. By leveraging AI, the tool automatically organizes highly relevant ideas into a single flow and provides suggestions for diverse ideas, enhancing the ideation process.
Tags
UI, Ideation Tool, GUI, Application, Free Ideation
Production Technology
The project was developed based on feedback from students and designers who often face challenges during ideation in their design work. Through in-depth interviews, we gathered user insights highlighting difficulties in organizing scattered ideas and managing diverse thoughts during the ideation process. This led to the realization of the need for an ideation tool that captures the free-flowing nature of human thought, forming the foundation for this design.
Design Challenge
It was challenging to reinterpret familiar application functions with a new usability. To visually and interactively represent an organic and free-flowing ideation tool, we explored how human thoughts flow and operate. Ultimately, simple dots were used to symbolize ideas, as they naturally converge to form a flow, evolving into a central idea. This process mirrors human thinking, making the tool feel intuitive and easy to use despite its novel functionality.
Project Duration
This project started in December 2024 in Seoul and was completed in early January 2025 in Seoul.
Operation Flow
It can be used in various scenarios, such as organizing free-flowing thoughts or seeking inspiration from the web. It helps overcome challenges like structuring ideas or expanding diverse thoughts. Through 'flow,' various ideas are connected based on their relevance, and the AI-powered expansion feature allows users to freely broaden their thinking.
Research
Type of Research:
A study on creating an ideation tool that captures the natural flow of human thought.

Research Objectives:
To improve the usability of existing linear and mechanical note-taking applications.

Methodology:
User in-depth interviews and functional research based on insights.

Data Collection and Research Tools:
Insights gathered through interviews.

Participants or Experiments:
Mainly designers and students who frequently engage in ideation processes.

Results:
The majority of participants expressed dissatisfaction with current note-taking and ideation tools, stating they were not conducive to free-flowing ideation.

Insights and Impacts:
The ability to freely ideate without the burden of adhering to structured formats, combined with AI-powered organization, enables more dynamic ideation. Additionally, graphical representations of idea flows allow users to intuitively grasp topics in an organic way.

Effect on Business:
It is expected to be widely adopted by individuals in various fields engaged in creative activities.

Effect on Real-Life Phenomena:
Instead of forcing thoughts into rigid tools, users will now be able to let their ideas flow naturally on a flexible platform.
Inspiration
The note-taking apps we commonly use in daily life are not well-suited for free-form ideation. This is due to their linear and mechanical structure, which contrasts with the natural flow of human thought. Traditional applications organize ideas into sentences and arrange them chronologically, making it difficult to capture the scattered and divergent nature of ideation. Recognizing this limitation, I felt the need for a tool that mirrors the free-flowing process of human thinking, leading to this project.

Colors of Flow Ideation Tool

Get Flow Ideation Tool

UI/UX Design for Emerging Technologies

We create intuitive interfaces that bridge emerging technology and human emotion. Specializing in on-device AI, contextual systems, and XR platforms, we design experiences that empower users and support self-expression.

G0E23 Shop

Related Designs

View All

Good Design Deserves Great Recognition

Nominate Your Work for the A' Design Award.

Nominate