l a n g u a g e b u d d yparkminj.dev.fast.sheridanc.on.ca/portfolio/...userinterfacedesign.pdf ·...

12
LANGUAGE BUDDY SYST15892 Interactive User Interface Design Professor : Holden, Janice & Zen, Dan 2018 Summer Semester @ Sheridan College Parker Christie, Min Jung Park, Adam Stonelake, IlliaTsybin

Upload: others

Post on 07-Oct-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: L A N G U A G E B U D D Yparkminj.dev.fast.sheridanc.on.ca/portfolio/...UserInterfaceDesign.pdf · SYST15892 Interactive User Interface Design Professor : Holden, Janice & Zen, Dan

L A N G U A G E B U D D Y

SYST15892 Interactive User Interface DesignProfessor : Holden, Janice & Zen, Dan2018 Summer Semester @ Sheridan College

Parker Christie, Min Jung Park, Adam Stonelake, Illia Tsybin

Page 2: L A N G U A G E B U D D Yparkminj.dev.fast.sheridanc.on.ca/portfolio/...UserInterfaceDesign.pdf · SYST15892 Interactive User Interface Design Professor : Holden, Janice & Zen, Dan

P L A N N I N G T H E P R O J E C T

▪ IDEA : making a translation app that is focused on using a camera for quicker translation

▪ TARGET MARKET : people who commonly/desire to interact with different languages

▪ CURRENT EXITING MARKET :

a. Google Translate

b. Microsoft Translate

c. LinguaLeo

d. PROMT

654321

Page 3: L A N G U A G E B U D D Yparkminj.dev.fast.sheridanc.on.ca/portfolio/...UserInterfaceDesign.pdf · SYST15892 Interactive User Interface Design Professor : Holden, Janice & Zen, Dan

U S E R R E Q U I R E M E N T S

▪ SURVEY : 32 responses with 19 questions

▪ ANALYSIS OF SURVEY :

a. most people have a low tolerance for inaccurate translations

b. allowing user submissions for translations

c. We also need a fast translation of a phrase

▪ USER SCENARIO :

a. tourists

b. language students

c. recent immigrants

d. employees for companies working internationally

65431 2

Page 4: L A N G U A G E B U D D Yparkminj.dev.fast.sheridanc.on.ca/portfolio/...UserInterfaceDesign.pdf · SYST15892 Interactive User Interface Design Professor : Holden, Janice & Zen, Dan

S K E T C H E D W I R E F R A M E D I A G R A M

65421 3

Page 5: L A N G U A G E B U D D Yparkminj.dev.fast.sheridanc.on.ca/portfolio/...UserInterfaceDesign.pdf · SYST15892 Interactive User Interface Design Professor : Holden, Janice & Zen, Dan

D I G I T A L W I R E F R A M E D I A G R A M

65421 3

Page 6: L A N G U A G E B U D D Yparkminj.dev.fast.sheridanc.on.ca/portfolio/...UserInterfaceDesign.pdf · SYST15892 Interactive User Interface Design Professor : Holden, Janice & Zen, Dan

U S E R T E S T I N G

65321 4

▪ 5 USERS TESTING WITH 3 TASKS

▪ TASKS WERE:

a. Take a picture using the in-app camera (Simple)

b. Save the current translation to the dictionary (Simple)

c. Load a word from dictionary and explore other words (Advanced)

▪ ANALYSIS OR THE TASKS

a. The testing was easy to complete for the majority of the tasks

b. There was some confusion around the local dictionary button

c. The main screen was also bloated as mentioned by some of the users

Page 7: L A N G U A G E B U D D Yparkminj.dev.fast.sheridanc.on.ca/portfolio/...UserInterfaceDesign.pdf · SYST15892 Interactive User Interface Design Professor : Holden, Janice & Zen, Dan

U S E R F E E D B A C K

65321 4

▪ MAIN SCREEN

a. The camera button got positive feedback due to its ease of use.

b. The dictionary as a whole got positive feedback, but the buttons to access it from the main screen

received negative feedback from users who got confused.

c. The other previous/following words boxes received negative feedback due to the verbosity of the

boxes.

▪ CAMERA SCREEN

a. The camera screen received positive overall feedback due to how easy and simplistic it was

▪ DICTIONARY SCREEN

a. Once users reached the dictionary screen, they were positive about the layout of it

Page 8: L A N G U A G E B U D D Yparkminj.dev.fast.sheridanc.on.ca/portfolio/...UserInterfaceDesign.pdf · SYST15892 Interactive User Interface Design Professor : Holden, Janice & Zen, Dan

R E V I S E W I R E F R A M E D I A G R A M

64321 5

Simpler Main

Page 9: L A N G U A G E B U D D Yparkminj.dev.fast.sheridanc.on.ca/portfolio/...UserInterfaceDesign.pdf · SYST15892 Interactive User Interface Design Professor : Holden, Janice & Zen, Dan

R E V I S E W I R E F R A M E D I A G R A M

64321 5

Improved

Dictionary

Page 10: L A N G U A G E B U D D Yparkminj.dev.fast.sheridanc.on.ca/portfolio/...UserInterfaceDesign.pdf · SYST15892 Interactive User Interface Design Professor : Holden, Janice & Zen, Dan

R E V I S E W I R E F R A M E D I A G R A M

64321 5

Camera

Page 11: L A N G U A G E B U D D Yparkminj.dev.fast.sheridanc.on.ca/portfolio/...UserInterfaceDesign.pdf · SYST15892 Interactive User Interface Design Professor : Holden, Janice & Zen, Dan

F I N A L D E S I G N

4 5321 6

Page 12: L A N G U A G E B U D D Yparkminj.dev.fast.sheridanc.on.ca/portfolio/...UserInterfaceDesign.pdf · SYST15892 Interactive User Interface Design Professor : Holden, Janice & Zen, Dan

F I N A L D I S I G N

T H A N K Y O U

: