ArtUp GR2

Scenario

Eduard, a 23-year-old designer, works in a Boston area based start-up. He visited the New York Metropolitan Museum of Arts last month. He was excited about Jackson Pollock's works. He wants to learn Pollock's techniques of drawing. He googled a lot of phrases like "draw as Jason Pollock", he found a few videos and text descriptions which were very boring and non-interactive. He tried to find a private tutor to explain him how to learn that technique, but that tutor was too expensive ($100 per hour) for him. He was upset because he didn't find a way to learn Pollock's technique.

Typical process consists of three stages:

1. Lectures, when teacher describes the process of right drawing, shows typical pictures and tries to describe all the basic rules. This process is similar to studying the information in books or in the internet.
2. First attempts of drawing when students try to draw something similar of existing pictures, and the teacher monitors the whole process and gives feedback right in the process of drawing. This step is necessary because it helps artists to become a skilled hand at this technique.
3. Lastly, all the students begin drawing by themselves showing only ready works to a teacher.

Individual design sketches.

Each group member should post three of the design sketches they made, along with a few sentences of description for each one.

Individual Design Sketches Alexander Ivanov

Individual Design Sketches Rustem Feyzkhanov

Individual Design Sketches Anastasia Uryasheva

Designs and storyboards

Design 1: Mobile Application

The whole picture:

The typical use-case:

1. A user wants to repeat/draw a picture. He has two options: to find it by name/author/style using a search text box (see below) or if he sees a picture at the moment, he can just photo it (after pressing "Search by Photo" button). So, the user chooses one picture he would like to train on.

2. The user takes a sheet of paper and redraws the picture, step-by-step.

3. The user always sees the original picture on his phone (or he can send it to a printer via smartphone and get a paper copy of the picture). He can always check his progress by pressing the "Check Progress" button, taking a picture of the current results. The application will automatically compare the original picture with the user's one and will show the progress and similarity percentages.

So, the user can learn a style of drawing by searching and choosing one picture of that style, and trying to redraw it. The application will help to do it and will show results and progress over time.

Design 2: Children design

This design was developed specifically for children from 8 to 14. It contains a lot of pictures and a small amount of text.

Main page:

When child opens the page he sees the rabbit artist who will help to understand what's going on. This rabbit briefly explains the goal of the service and suggests only on button - "Teach me"

After child presses the button - he sees the personal page where he is suggested to choose avatar and put any personal information. Later here he'll see all the achievements and lessons he did.

Then children can choose to go on the page which suggests different techniques. With regard to users age we don't suggest any difficult and specific techniques. Instead of this we suggest different type of materials (like pencils, pastel, crayons, aquaria etc.)

The child can easily understand the type of technique because he sees the button that looks like real pencils/paints. So he can press them to go to confirmation page.

With regard to user's age we understand that he can not fully understand what type of technique he chose. That's why we show confirmation page for better understanding. Then pressing big Yes button the user can open the lessons page

Here will be the main interactive part of the service.

Design 3: Web-service design

This design was developed for web-service.

Main page. User can use search to find specific technique or choose technique from popular and new. You can see short description and rating of them.

When someone clicks on one of the techniques he sees the extended version of description of the technique. This description contains examples of images, authors and reviews. User can add technique to his list of techniques.

User personal account. User can use it to choose to customize his or her account, add photo and start or continue to work on techniques. Also he can see his progress in each of them.

After choosing lesson user gets to the lesson page. Here he can see the interactive sub window which shows how to draw a picture and sub window which contains transforms video from the webcam which allows user to see how he draw a picture. Also he can see his or her progress in this lesson.

Analysis of the designs.

Design: Mobile Application.

Pros:

Learnability: as soon as it is learning by doing, a user can understand the sequence of steps very fast. Additionally, every page contains little information and few controls, so for user it will be easy to understand what he should do on each step.

Efficiency: It requires only small screen (smartphone), so it is portable. A person can use a built-in camera for photos and comparing his pictures with original pictures.

Safety: the user will be able to check his progress as many times as he wants; so even if he accidentally mixes up a picture or his drawing, he will be able to recheck the progress or redraw something after making a photo and receiving feedback.

Cons:

Learnability: it's difficult to understand how to get feedback about your drawing from the system. User may not be able to understand that he should make photo after he drew the picture. Also there is no feedback from the system on your actions.

Efficiency: the user doesn't have an account and the app doesn't store the history of previous pictures. So, the user can't see his progress over days or months.

Safety: no possibility of cancel actions or making undo. If user made a mistake he won't be able to correct it.

Design: for children.

Pros:

Learnability: interface is created for "learn-by-doing". Every page contains one/two buttons and describes steps very graphically. Users receive feedback on every action through the words of the rabbit-artist. Moreover, some pages use metaphorical constraints like pencil or aquaria paint which helps user to understand if they choose pencil - they'll draw with pencil.

Efficiency: interface is very simple. It doesn't contain any difficult elements. The user need only to press one button each screen

Safety: Each page contains one/two buttons - difficult to make any mistakes. If mistake was made the user immediately gets feedback from the rabbit-artist. All the mistakes easy to solve by pressing "No" or undo.

Cons:

Learnability: no help button

Efficiency: you cannot skip registration, you cannot use search, you need to approve choice of technique.

Safety: you can't return to the main page easily.

Design: Website

Pros:

Learnability: a user can understand the sequence of steps very fast. Additionally, every page contains full information about technique few controls.

Efficiency: user can use search to find technique which suits for him fast.

Safety: the user will be able to check his progress as many times as he wants; so even if he accidentally mixes up a picture or his drawing, he will be able to recheck the progress or redraw something after making a photo and receiving feedback.

Cons:

Learnability: No help, requires a certain period of time to learn all the features of the website. You need to have an account to add lesson to it and to start.

Efficiency:  You need to go to the account to start lesson.

Safety: No possibility to undo.