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