UX/UI DESIGNER
RoboCode is an innovative application designed to address the challenges of learning coding and understanding abstract concepts.
This application offers a dynamic and interactive learning environment that empowers individuals from various backgrounds and identities to acquire coding skills effectively.
Problems:
Visual design students, often visual learners, heavily rely on graphics for effective learning. Yet, in today's competitive job market, coding skills are crucial. The difficulty arises when these students must grasp non-visual conceptual content, leading to a challenging and unpleasant learning experience.
Solutions:
To address coding challenges, the proposed solution involves guiding learners to optimal resources, providing interactive modules for coding vocabulary and logic, and integrating gamified elements for an enjoyable learning experience. This comprehensive approach aims to make coding education accessible and effective for all.
Visual design students, who are typically visual learners, rely on graphics and imagery to absorb information effectively. However, in today’s competitive job market, coding skills have become essential. The challenge arises when these students are tasked with understanding abstract, non-visual concepts, which can make the learning process difficult and frustrating.
Our audience, design-focused college students, aims to boost their skills for better job opportunities, acknowledging the varied expectations of employers. They believe that coding knowledge, especially in HTML, CSS, and JavaScript, is a universally beneficial asset.
Meet Yunji, a UX/UI design enthusiast studying at a top college. Recognizing the importance of coding for a well-rounded design career, she aims to enhance her skills. Yunji is the ideal persona for the RoboCode project, blending artistic creativity with coding proficiency.
Visual design students, often visual learners, heavily rely on graphics for effective learning. Yet, in today's competitive job market, coding skills are crucial. The difficulty arises when these students must grasp non-visual conceptual content, leading to a challenging and unpleasant learning experience.
After downloading the application, Yunji's initial priority is to customize the lesson plan and its progression according to her preferences.
In her college class, Yunji comes across a term she needs help understanding “let.” So she wants to check the library of terms to read more about it.
Yunji is working on a small school project. She encounters an error in their code but cannot determine the issue. So she wants to use the debugging feature of the app to get some help.
Visual design students, often visual learners, heavily rely on graphics for effective learning. Yet, in today's competitive job market, coding skills are crucial. The difficulty arises when these students must grasp non-visual conceptual content, leading to a challenging and unpleasant learning experience.
I adjusted the placement of the navigation bar in accordance with Jacob's law to align it more closely with user expectations.
Applying Miller's Law, the user interface has been modified to present file errors in more digestible and smaller segments.
users mistakenly associate 'Library' with learning materials. Consequently the label has been changed to "Thesaurus."
Robocode Style Guide—a quick reference for the visual elements that define our digital look. Discover the essentials, from fonts and colors to UI elements and icons, shaping the design principles of our brand.
Experience the outcome of rigorous testing and user feedback. Explore prototypes that not only meet but surpass expectations, shaping the future of user-centric design.
While teaching web design, I’ve noticed many artistic students struggle with coding, often due to the different cognitive processes involved in artistic versus logical thinking. Enter "RoboCode" — an innovative project designed to bridge this gap by blending creativity with logic. This platform combines visual and analytical approaches, enabling artists to master coding without losing their creative edge. For artists looking for a coding experience that complements their imaginative mindset, "RoboCode" offers a unique mix of visual guidance and logical learning. In short, it’s the perfect tool for artists who want to thrive in coding, fusing art and technology to enhance both their skills and creative vision.
