language translator
DESCRIPTION
smart translator for peopleTRANSCRIPT
Language Translator+
UI Design
ITGM 705 Interactive Design & Media ApplicationProject B
Cheng-Fang LeeProfessor David E. Meyers
Introduction
Brainstorming
Analysis
Thinking Flow
Icon Intro
How to Use
Prototype
Model
Icon Design
Table of Content
Introduction
Chinese Game-Translation machineIn the world, there are so many different languages that have been developed for a couple of thousand years. It is important for people because it make people who contact with each other. Thought the language, people could understand what they want and what they think; therefore, language is important. For my concept, I will use a language to communicate with people such as Chinese to English. Though my concept, I will design a product which combine with interactive and user interface design.
First of all, UI is important for communication because it make players who know how control the machine. When people control the machine they should touch the icon first. Though the icon design, it will offer some information for users who will know how to control the machine. Therefore, icons are import for interactive design because it indicates some meaning.
Second, UI system makes users who control machine easily. For my concept, there are six different icons which are live translation, English, Chinese, professional words, menu, and setting. Though those, users can choice they want and translate some words at same time.
Finally, each icon will create a system that will make users who use the translated machine easily and comfortable. For most people, they don’t know how to type words; therefore, if UI can be designed easily by people, it will make people to like using translated machine.
Brainstorming
Analysis (researching)
http://www.telegraph.co.uk/technology/news/6493869/NEC-unveils-Tele-Scouter-translation-glasses.html
Foreign language dictionaries could soon be a thing of the past, after Japanese manufacturer NEC unveiled a pair of glasses that can automatically translate spoken words and phrases(NEC news).
Analysis (icons)Icons are important for products because they can make users feel easily to control products. Simple shape , bright color, and cute icon are main design style
Thinking flowFinding: Sound and words are important for translator.
Thinking flowFinding: Input and output are important when users use machines; therefore, input could be voice, on the other hand, output could be words.
Thinking flow
Thinking flow
Thinking flow
Icon Design
Live translation
English to Chinese
Chinese to English
Professional
Setting
Menu
Record the voice (use the button to record the speaking and translate to your language)
Writing wayTyping waySpeaking way
Writing wayTyping waySpeaking way
GeographyChemistryBiography
LanguageDisplayVolumeReset….
TimeTranslationGameNoteWeb…….
Prototype
Referring to the attachment (Flash file)
Prototype(Live translation)
Thinking about which button is more important for users. And which one is often used when users use a translator. According to the significant, that will arrange buttons position.
100% important
45%
25%
20%
5%
3%
2%
Prototype(Live translation)
When people click live button, it will get into the live translation system. In the system, there are two different area which is original speaking words, other one is translation area which could be Chinese or English according to user setting.
Original part
translation part
Prototype(Chinese to English)
There are two different parts. Top is input, bottom is output.
Original part
translation part
Prototype(English to Chinese)
There are two different parts. top is Input area, and bottom is out area.
Original part
translation part
Prototype(Professional words)
There are a lot of professional area that can be chosen
Prototype(Setting system)
Users should be set native language first, and set which language that you want to know and want to learn.
Model
Icon Design
Vertical
Horizontal
Icons will follow your way to change the direction
Thank You