WORKS           ABOUT ME           CONTACT

ARted : An Immersive Art Learning App


UI/UX
Date: 2022. 01. 06 – 2022. 02. 09
Location: Providence, RI
‘UI/UX’ Wintersession with Adam Smith
Credit: Woojae Kim
“ARted” is an innovative fusion of Augmented Reality(AR), art and education, designed as a supplemental art eduction app. This app is targeted towards students and educators who struggle to practice art during the pandemic. Traditional e-learning methods often fail to satisfy their artistic pursuits, making it difficult for them to fully engage in classes and enjoy practical, hands-on trainings.
According to the statistics, the pandemic has significantly prompted the adoption of AR in the education sector as a lot of schools have turned remote. AR tools have been successfully applied in many subjects such as science, math, etc. We thought art is one special field where AR can actually encourage curiosity, inspire critical thinking, and intense creativity.

Through “ARted,” users are able to go on virtual trips to world-renowned art museums and destinations from the comfort of their classroom or home. In addition, the immersive learning features allow users to dive into each subject and experience learning beyond what pictures, videos, or text can provide. Lastly, this app offers hands-on experiences, utilizing AR and hand detecting technology.





The development of this app involved extensive plannings, research, and iterative processes encompassing various steps such as mind mapping, conducting customers surveys, user storyboards, navigation mapping, virtual simulations, and more. Our primary goal was to articulate what value this app could deliver to our target users.


︎︎︎ User Personas & Storyboards
To gain a comprehensive understanding of our target users and their unique requirements, we employed user personas, stories, and storyboards in our development process. By examining the demographics, goals, motivations, and pain points of students and educators, we were able to deeply empathize with their perspectives and tailor the app to address their specific needs and desires.
Through visual representations of the user's journey, we could effectively analyze the app's various features, actions, and user interactions.
For instance, we had a ceramics major student as a potential user who faces challenges in honing her technical skills due to remote learning. After discovering our app “ARted,” she finds a solution by utilizing the hand-detecting technology to create pottery, resulting in a successful submission of her work. 
This process enabled us to visualize and sequence the user experience, identify potential pain points, gaps, or areas of improvement, and continually enhance the app.



︎︎︎ Navigation Mapping We visually mapped out the navigation flow within the app, outlining how users move from one screen to another and access different functionalities.
By creating a navigation map, we could strategially plan and organize the app’s structure, ensuring that it is easy to navigate and understand for the users. It also helped in uncovering any usability issues or complexities that might hinder the user’s ability to navigate smoothly.
Moreover, it provided a shared understanding between me and my partner about how the app should be structured and how different components should connect.


︎︎︎ Color Palette & App Icon Development Color palette selection is important because colors evoke emotions, create visual hierarchy, and establish the overall aesthetic of the app. By selecting blue as the main color swatch for our app, we aim to convey a sense of reliability, stability, and credibility to users. Furthermore, the color blue provides a calming effect on individuals, which promotes a sense of focus and concentration while using the app. For the app icon, which is often the first impression users have of the app, we focused on how we could convey the essence of the app effectively. Therefore, we combined the letter A and a monitor form that establish a visual connection to the app’s identity and brand. The letter A represents the initial of the app’s name, and the inclusion of a monitor suggests the use of technology and digital media, indicating that the app provides a digital learning experience. It once again signifies that users can access art education and engage with visual content through the app.



︎︎︎ Low Fidelity PrototypeBefore we jumped into the actual prototyping, we created basic representations of the app’s interface and functionality using wireframes and digital mockups. Since these prototypes are relatively quick to create and modify, we could experiment with different design options, gather feedback, and iterate rapidly to refine the app’s concept and features.
This iterative process helped us identify potential issues or improvements early on, reducing the likelihood of revisions during later stages of development.


︎︎︎ ︎ Final Prototype Flow of our app “ARted” ︎


︎ Update (2023. 07): I firmly believe Arted’s impact extends far beyond the immediate challenges, persisting as a powerful tool even as the pandemic gradually fades away. In recognizing that individuals continue to face barriers in accessing art education due to personal circumstances, our primary goal is to ensure inclusivity, making art education available to all, including those with disabilities or financial limitations. By incorporating AR and virtual experiences, ARted breaks down barriers and provides an immersive platform for individuals to engage with art on their own terms. Our app seeks to revolutionize the art field, creating a space where everyone, regardless of their circumstances, can explore their creativity, gain valuable skills, and find joy in the world of art.


C. 2023 Janice Lee │ All Rights Reserved.