EXPLORING SOLUTIONS
After understanding the usability issues, I conducted a competitive product analysis and created wireframes to collaborate with the product team. This helps us optimize functions for different screen sizes and iterate quickly to make efficient improvements.
Next, I proceeded to redesign the information architecture separately for large and small screens. On the large screen, the information structure was divided into three sections: adding object rows, canvas, and editing object rows. This UI design enables users to view all the functionalities at a glance.
When planning the functionality for small-sized screens, I arranged the settings of the editing object rows from left to right, allowing users to conveniently edit objects. Additionally, I designed a pop-up window that appears from the bottom, replacing the previous full-screen window, enabling users to see the changes in object styles while editing.
When planning the functionality for small-sized screens, I arranged the settings of the editing object rows from left to right, allowing users to conveniently edit objects. Additionally, I designed a pop-up window that appears from the bottom, replacing the previous full-screen window, enabling users to see the changes in object styles while editing.
DESIGN SYSTEM
To gain a comprehensive understanding of the product onboarding process, we conducted on-site user research with participants from the BenQ America Corporation and U.S. K-12 schools. In total, we recruited 27 participants, consisting of 3 from BenQ America Corporation and 24 from 6 U.S. K-12 schools (including 2 school principals, 10 IT related staff, and 12 teachers). We visited 4 schools in person and 2 schools remotely.
