View Source

Problem statement

Process of studying new drawing technique for an artists consists of different parts. One of the most important steps is to get handle on typical drawings. At the same time artist needs to receive a constant feedback to understand what he does wrong or right.

User Briefing

Hello, my name is ________ and this is my team. I'm happy to present you our project ArtUp. We appreciate your help a lot! This is a service for studying a new drawing technique. So, you're an artist who want to study a Leonardo Da Vinci drawing technique. You've never drawn in this style before and you decided to begin with Mona Lisa.

Prototype iterations

Since GR2 we decides to put more attention to the following details:

structure, design and interface of the main page
steps users needs to take to find necessary technique
process of choosing level of difficulty
user understanding of how to do initial preparations

So we decide to refine our paper prototypes according to this aims.

Iteration #1

Prototype description

Image	Description
	This is the start screen of our prototype.The short description is given. A sample lesson is offered. Most popular drawing categories/techniques are shown. A search button is provided to find a specific picture or technique.
	The search results. A user tried to find Da Vinci's techniques and paintings using a search button from the main page. As a result, he sees different paintings by Da Vinci. He now can choose one of the techniques.
	After choosing one specific painting/picture the user can read its description in order to decide whether he wants to redraw it. If yes, he can press the "Start" button and start the training process.
	Each of the techniques has several levels of difficulty. On this screen the user can choose a picture within the techniques he chose on the previous screen. Pictures are grouped by the level of difficulty.
	This is the first step of training. The user needs to make initial preparations: to take a sheet of paper, to take a pencil and to appropriately place a web-camera so it can make pictures of what he will be drawing.
	We excluded the screen of drawing on the paper from the first version of prototype. So when the user finishes the picture, he will be redirected to the final page where he will get feedback on his work. He will get a percentage of accuracy. He can compare his progress with his previous trainings and redrawn pictures.

Tasks

	Description	Images
Task #1	Try the first lesson from the main page
Task #2	Find Leonardo Da Vinci's drawing techniques
Task #3	Try to redraw Mona Lisa and get the final feedback

Usability issues

	Task 1	Task 2	Task 3
User #1	The task was performed correctly	The task was performed correctly	The task was performed correctly
User #2	Didn't find the button "Try now!", tried to press on images instead. After this critical incident, we painted it with green.	The task was performed correctly	Put a sheet of paper in landscape mode, but not in a portrait one like it was on initial preparations' page.
User #3	The task was performed correctly	The task was performed correctly	The user didn't look on the type of pencil he took.
User #4	Clicked on one of the pictures (popular drawing techniques) instead of pressing the "Try now" button.	The task was performed correctly	Was a bit confused about the given feedback (what the number means)
User #5	Didn't find the button "Try now!".	The task was performed correctly	Placed the camera in a wrong way
User #6	Clicked on one of the pictures (popular drawing techniques) instead of pressing the "Try now" button.	The task was performed correctly	Complained that she had to choose the same things too many times before the actual start of drawing
User #7	Clicked on one of the pictures (popular drawing techniques) instead of pressing the "Try now" button.	The task was performed correctly	The task was performed correctly

Summary

Users can't find the "Try lesson" button on the main page.
- Fix: Change button's color and form
Users commented that main page overwhelmed with pictures
- Fix: Rearrange and reposition pictures on the page
Users commented that there are too many steps between the first choice of the technique and the beginning of drawing

Iteration #2

We designed the second iteration to test how users will accept feedback from the system and will use it to change the picture.

There are three main steps we wanted to test the system:

erasing lines
drawing line
drawing oblects

Prototype description

Image	Description
	During this step user needs to erase line from the object.
	During this step user needs to draw new line instead of old one
	During this step user needs to draw new object (leaf) by connecting points.

Tasks and usability issues

	Subtask #1	Subtask #2	Subtask #3
Description	Erase line	Draw line	Draw object
User #1	Did correctly	Did correctly	Did correctly
User #2	Erased too much	Wasn't clear what to do from the description	Did correctly
User #3	Wasn't clear what to do from the description	Did correctly	Wasn't clear what to do from the description
User #4	Erased too much	Did correctly	Did correctly
User #5	Wasn't clear how much to erase	Drew in his own way	Drew in his own way

Summary

Users don't want to follow strict rules.
- Fix: Make descriptions more polite
Users suggested to highlight the part which needs to be erased
- Fix: Highlight the part which needs to be erased