Agile Kanban bridges the UI/UX design-implementation gap, enhancing system usability.

Why It Matters

This research highlights a critical challenge in design practice: the disconnect between validated prototypes and their real-world implementation. By demonstrating the efficacy of Agile Kanban, it offers a practical framework for designers and developers to ensure that user-centered designs are successfully integrated into operational systems, thereby maximizing their intended impact and user satisfaction.

Key Finding

Using Agile Kanban for development, the project successfully implemented validated UI/UX designs into an educational information system, exceeding initial feature plans and achieving acceptable usability, despite needing adjustments during the process.

Key Findings

• Agile Kanban facilitated the integration of validated UI/UX designs into a functional system.
• The iterative process allowed for adjustments to business logic and feature additions based on operational stakeholder needs.
• Development performance exceeded initial plans, with 135% of planned features completed.
• The implemented system achieved an 'Acceptable' usability score (78.3 on the System Usability Scale).

Research Evidence

Aim: To evaluate the effectiveness of an Agile Kanban approach in bridging the gap between validated UI/UX design and its implementation in a real educational information system.

Method: Implementation-based evaluation

Procedure: Validated UI/UX designs were implemented into an information system using an Agile Kanban methodology. The process involved aligning system requirements, iterative development through Kanban cycles, and post-implementation evaluation of usability and functional requirements.

Sample Size: 60 respondents

Context: Educational Information System development

Design Principle

Iterative implementation of validated designs using agile methodologies ensures system usability and stakeholder alignment.

How to Apply

When transitioning a validated UI/UX design into a live system, adopt an Agile Kanban workflow to manage development iterations, incorporate feedback, and ensure usability is maintained.

Limitations

The study focused on a single educational information system, and findings may vary across different system types and organizational contexts.

Student Guide (IB Design Technology)

Simple Explanation: This study shows that using a flexible development method called Agile Kanban helps designers and developers work together to build real software that looks and works the way it was designed, even when things change along the way.

Why This Matters: It highlights that a great design on paper or in a prototype is only successful if it can be practically built and used. This research provides a method to ensure your design efforts translate into a working product.

Critical Thinking: To what extent can the success of Agile Kanban in this specific educational information system be generalized to other design domains with different user bases and technical complexities?

IA-Ready Paragraph: This research demonstrates that employing Agile Kanban methodologies effectively bridges the gap between validated UI/UX designs and their implementation in real systems. The iterative nature of Kanban allows for necessary adjustments and feature additions, ensuring that the final product not only meets initial design intentions but also accommodates evolving operational needs, ultimately leading to successful system acceptance and high usability.

Project Tips

• When planning your design project, consider how you will bridge the gap between your validated design and its final implementation.
• Explore agile development methodologies to manage the iterative nature of bringing a design to life.

How to Use in IA

• Reference this study when discussing the challenges of implementing validated designs and how agile methods can overcome them.
• Use the findings to justify the adoption of iterative development in your own design project.

Examiner Tips

• Demonstrate an understanding of the practical challenges in moving from design validation to final product.
• Show how you have considered or incorporated iterative development principles into your project.

Independent Variable: Agile Kanban approach

Dependent Variable: Design-implementation gap, Usability score, Development performance

Controlled Variables: System requirements, Stakeholder needs, Functional requirements

Strengths

• Focuses on the critical implementation phase often overlooked in design research.
• Provides empirical evidence for the effectiveness of Agile Kanban in bridging the design-implementation gap.

Critical Questions

• What are the specific challenges in aligning business logic with UI/UX design during implementation?
• How can the initial design validation process be improved to better anticipate implementation needs?

Extended Essay Application

• Investigate the impact of different agile methodologies (e.g., Scrum vs. Kanban) on the successful implementation of complex design projects.
• Explore the role of stakeholder engagement within agile frameworks in mitigating design-implementation discrepancies.

Source

Implementing Validated UI/UX Design into a Real System: An Agile Kanban-Based Development Evaluation in an Educational Information System · Teknika · 2026 · 10.34148/teknika.v15i1.1450