Language Translator + UI Design
ITGM 705 Interactive Design & Media Application Project B Cheng-Fang Lee Professor David E. Meyers
Table of Content Introduction Brainstorming Analysis Thinking Flow Icon Intro How to Use Prototype Model Icon Design
Introduction
Chinese Game-Translation machine In 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) 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).
http://www.telegraph.co.uk/technology/news/649386 9/NEC-unveils-Tele-Scouter-translationglasses.html
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 flow Finding: Sound and words are important for translator.
Thinking flow Finding: 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 Record the voice (use the button to record the speaking and translate to your language)
English to Chinese Writing way Typing way Speaking way
Chinese to English Writing way Typing way Speaking way
Professional Geography Chemistry Biography
Setting Language Display Volume Reset….
Menu Time Translation Game Note Web …….
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