Year
2024
My Role
UI/UX Designer
Responsibility
Workflow planning, interaction logic optimization, UI design production, developer handoff documentation
Situation & Problem
Context: Within the WEBA online form management system, users frequently need to filter and batch-export form submissions.
Pain Points: The original download button's label changed dynamically based on the selection state (e.g., toggling between "Download Selected" and "Download Filtered Results"), which caused:
High Cognitive Load: Users could not reliably predict the outcome of clicking the button, leading to a loss of control.
Ambiguous Selection Scope: The "Select All" checkbox in the table header only applied to the current page, yet users often misinterpreted it as selecting the entire dataset, resulting in mismatched export expectations.
Task
How to streamline the download logic to ensure transparency and predictability without increasing complexity, while providing clear, actionable feedback to the user?
Action
I redefined the "Select → Inform → Download" interaction flow, focusing on clarity and visual feedback:
Unified Interaction Logic: Standardized the button label to "Download" to maintain consistency, replacing dynamic labeling with clear status indicators.
Real-time Status Feedback: Added a dynamic indicator displaying "Selected X / Total Y Items" next to the button, giving users immediate visibility of their export scope.
Transparent Selection Mechanism: Enhanced the "Select All" interaction by introducing a clear choice between "Current Page" (e.g., 20 items) and "All Filtered Results" (e.g., 108 items), eliminating ambiguity regarding selection boundaries.
Result
Boosted User Confidence: Transformed implicit system logic into explicit, user-friendly interactions, significantly reducing user anxiety and hesitation.
Reduced Error Rates: Minimized instances of incorrect data downloads caused by confusion over selection logic.
Systematized Design: This optimized interaction pattern has been documented as a reusable component, establishing a standard for all data tables across the platform and ensuring long-term UI consistency.