1-1. designing logo with a guideline step by step...

6
Youngji Kim | GDVX 784 Visual Design for Interactive Contexts | Professor Holly Quarzo | Spring 2018 1 For labels of the each category, many people don't know industry terms. So It will be filled with im- ages or icons as clue what kind of design types are. (Categories are unclear now.) This page may combine with the first page (Categories Page) so that user can see what kind of design the categories include and then select one type of design on the screen. I will add some example of types of logo design, Symbol/Logotype/ Combination. So, user can select one of them. It needs back button. It will have a short brief for each of steps that user can assume what the steps are. It needs to be look like a clickable. 1. SELECT A TYPE OF DESIGN 3. INTRO TO LOGO DESIGN 4. STEPS FOR DESIGN 2. SELECT LOGO TO DESIGN REVISION REVISION REVISION REVIOSION 1-1. DESIGNING LOGO WITH A GUIDELINE STEP BY STEP (1/2)

Upload: others

Post on 04-Aug-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 1-1. DESIGNING LOGO WITH A GUIDELINE STEP BY STEP (1/2)xyzkim.com/images/Confident_UX:UI/Process/UserTest/Confident... · PROCESS OF DESIGN All steps will be saved as a progress how

Youngji Kim | GDVX 784 Visual Design for Interactive Contexts | Professor Holly Quarzo | Spring 2018 1

For labels of the each category, many people don't know industry terms. So It will be filled with im-ages or icons as clue what kind of design types are. (Categories are unclear now.)

This page may combine with the first page (Categories Page) so that user can see what kind of design the categories include and then select one type of design on the screen.

I will add some example of types of logo design, Symbol/Logotype/ Combination. So, user can select one of them. It needs back button.

It will have a short brief for each of steps that user can assume what the steps are. It needs to be look like a clickable.

1. SELECT A TYPE OF DESIGN 3. INTRO TO LOGO DESIGN 4. STEPS FOR DESIGN 2. SELECT LOGO TO DESIGN

REVISION REVISION REVISION REVIOSION

1-1. DESIGNING LOGO WITH A GUIDELINE STEP BY STEP (1/2)

Page 2: 1-1. DESIGNING LOGO WITH A GUIDELINE STEP BY STEP (1/2)xyzkim.com/images/Confident_UX:UI/Process/UserTest/Confident... · PROCESS OF DESIGN All steps will be saved as a progress how

Youngji Kim | GDVX 784 Visual Design for Interactive Contexts | Professor Holly Quarzo | Spring 2018 2

5. START TO DESIGN 7. COMPLETE TO DESIGN 8. PROCESS OF DESIGN 6. START TO DESIGN

All steps will be saved as a progress how many steps user accomplished on the profile, even if user leave this page. "Next" will be change to "Done".

"Take a picture" function will be added becasue user may want to record as a process. The pictures could be used for gettting feedback function later.

Last steps. User can take a picture of the final outcome with cameraor upload a picture from album.

If user adds some pictures during design, the circle will be filled with the pictures. "Sharing" button will be added.

1-2. DESIGNING LOGO WITH A GUIDELINE STEP BY STEP (2/2)

REVISION REVISION REVISION REVIOSION

Page 3: 1-1. DESIGNING LOGO WITH A GUIDELINE STEP BY STEP (1/2)xyzkim.com/images/Confident_UX:UI/Process/UserTest/Confident... · PROCESS OF DESIGN All steps will be saved as a progress how

Youngji Kim | GDVX 784 Visual Design for Interactive Contexts | Professor Holly Quarzo | Spring 2018 3

I will add one page that have work designed through this app before this camera system page, so user can choose one of them or take a picture to create a new.

User can add more pictures. There are two buttons below, "Input Information" of the work and "Create Questions".

I will add keywords of the work so other user can find with it on search bar. Title and keyword might be requrements. Optional input will need so that user can add more information they want to add.

Design elements, Design principle, other things for feedback. Those will be selected to create questions. I will add "Done" or "Create" on the button.

1. TAKE PICTURES OF WORK 3. ADD INFORMATION OF WORK 4. SELECT CATEGORY

.

2. MANAGE IMAGE(S) OR VEDIO

2-1. CREATING A FEEDBACK PAGE TO GET SOME FEEDBACK (1/2)

REVISION REVISION REVISION REVIOSION

Page 4: 1-1. DESIGNING LOGO WITH A GUIDELINE STEP BY STEP (1/2)xyzkim.com/images/Confident_UX:UI/Process/UserTest/Confident... · PROCESS OF DESIGN All steps will be saved as a progress how

Youngji Kim | GDVX 784 Visual Design for Interactive Contexts | Professor Holly Quarzo | Spring 2018 4

It may be combine with previos page so all keywords show on just one screen page.

Drop down for questions to select or type question by user.Users can add an image such as closed up so that other people can see in detail

The keyword can be delected or added more. I will put icon for it.

5. SELECT KEYWORDS 7. CREATE QUESTIONS 6. CREATE QUESTIONS

2-2. CREATING A FEEDBACK PAGE TO GET SOME FEEDBACK (2/2)

The work will be posted on Work Page. It would be better to make bigger thumb nail images so that other users can see at a glance and give some feedback on it.

4. POST IT

REVISION REVISION REVISION REVIOSION

Page 5: 1-1. DESIGNING LOGO WITH A GUIDELINE STEP BY STEP (1/2)xyzkim.com/images/Confident_UX:UI/Process/UserTest/Confident... · PROCESS OF DESIGN All steps will be saved as a progress how

Youngji Kim | GDVX 784 Visual Design for Interactive Contexts | Professor Holly Quarzo | Spring 2018 5

3-1. CRITICAL THINKING BY GIVING FEEDBACK TO OTHER PEOPLE'S WORKS (1/2)

1. SELECT WORK 3. THOUGHTFUL ANSWER 4. THOUGHTFUL ANSWER 2. HAVE A LOOK THE SELECT WORK

This interface need to be chaged to same/similar as home page.

The profile could be anonymous (it will be optional). The all feedback are clickable so that user can see detail.

The multiple choice of answer, I will add "other else". User can record voice or/and type the answer.

Record voice or/and type the answer, if user have different/other thought of it.

REVISION REVISION REVISION REVIOSION

Page 6: 1-1. DESIGNING LOGO WITH A GUIDELINE STEP BY STEP (1/2)xyzkim.com/images/Confident_UX:UI/Process/UserTest/Confident... · PROCESS OF DESIGN All steps will be saved as a progress how

Youngji Kim | GDVX 784 Visual Design for Interactive Contexts | Professor Holly Quarzo | Spring 2018 6

3-2. CRITICAL THINKING BY GIVING FEEDBACK TO OTHER PEOPLE'S WORKS (2/2)

5. THOUGHTFUL ANSWER 7. CHECK MY FEEDBACK 8. SEE OTHER'S FEEDBACK 6. GET DONE

Multiple answers available "Thank you" message will be moved up, so all contents can fit on the screen. I will add "Done" or "Give feedback" on the button.

Users can see others' feedback. If they click the other user's profile, it goes to the people's profile page. It needs to be a little bit bigger and clear. User can see comments and date when they gave the feedback.

People can see all other people's feedback. User can "Like" on each other feedback if they agree. Comment box on the bottom so that user can leave more feedback. I will add the same pictures as the work on the top.

REVISION REVISION REVISION REVIOSION