First meeting with UI Design / ArtDraw
Ever since I have come across graphic design a few years ago, have been mesmerized by it. The colours, the images, the fonts, the hierarchy and the messages the design communicates to the public seem to make sense to me. While I was trying to get into the graphic design field, a new emerged — UI design. I took a short introduction course into it led by Dobrian Dobrev at SoftUni Bulgaria last March. He is already well-established professionalist with an award and talks at international conferences.
In the course, he presented all parts of UI design — the hierarchy, design systems, scanning patterns, usability laws, gestalt principles, user journey, Grid, types of interface, usability heuristics and AR/VR/MR. Each of the coursists should have created a mobile or web app. And this is what this article is about, my first project. There is a lot more to learn, and I even decided to step deeper and applied for and got into for and got into a Master’s course in UI and UX Design. In the Master’s course even more parts of the design are introduced and students are encouraged to develop their abilities.
The website is called ArtDraw and it is a learning website for teaching drawing. I used Atomic Design and the usual buttons and hierarchy I was familiared with from the course and noticed from similar websites. The type of the website was chosen from the few options the lecturer gave. It is created with XD. Free illustrations were used. The purpose of the project was for the user to create an avatar of their profile. Three variants of the user journey are prototyped, one for each gender.
The user flow is here:
