Non-touch MP4 Player2010 Degree Project with I river company

김영웅 I 나보아 I Joanita

English Report

Process

Research and Extracting Issues

Process00

Melt-in

Web-Research

Extracting Issues

Data Consolidation

Design Direction

IdeationMaking Framework

Usability Test

Heuristic Evaluation

Pre-Research and Extracting IssuesResearch the domain and analyze the result to extract Issues about the device.

Making Framework for Research

Process00

Melt-in

Web-Research

Extracting Issues

Making Framework

Making Framework and ResearchBased on extracted Issues, build the framework to conduct research to appropriate subjects.

Usability Test

Heuristic Evaluation

Data Consolidation

Design Direction

Ideation

Design Solution

Process00

Data Consolidation

Design Direction

Ideation

Melt-in

Web-Research

Extracting Issues

Making Framework

Usability Test

Heuristic Evaluation

Design SolutionConsolidate data from the research and make Insight to propose design concept

Pre-Research

Conduct pre-research of the domain to extract issues

- -

Pre-Research01Pre-RESEARCH the Domain

Melt-in

Web-Research

Extracting Issues

Why People Buy MP4?Who Buy MP4?Why People Use MP4? - MusicWhy People Use MP4? - VideoWhy Non-Touch?

NewsMediasWeb BlogsCustomer ReportsWeb Survey

Control MP4 without Watching it (context, control)

Customize UCI (interface config, uniqueness, fun)

Quick shift between modes (control)

Short steps toward a wanted info and function (AI)

Use MP4 other than music/video (other purposes)

Match PUI and a function for it (natural mapping)

Multitasking (Multitasking)

Research

Research02Build FRAMEWORK for RESEARCH

Making Framework

Usability Test

Heuristic Evaluation

Extractedissues

Based on the extracted issues, build framework for research.Then conduct research Heuristic Evaluation, Usability Test

1. Framework to classify the domain's feature by a user's work pattern

Analyze MP4's basic works by its function's feature

01. Execute functions with *contentsFunctions that a user put contents in a MP4 and play them (video, music, photo or text)02. Execute functions without contentsFunctions that accept data from outside and play them (alarm clock, calendar or dictionary)03. Execute functions with contents made by a userFunctions that a user makes their contents and use them (memo or voice recording)04. Shift to another mode (from music to video or vice versa)When two or more functions aren't able to be played at the same time (music and video, photo and video), stop current content and play another one05. MultitaskingWhen two or more functions are able to be played at the same time, keep going current content and play another one.06. Control ongoing function

*Contents mean data inside of the device. (ex: mp3 files, img files and so on)

Research02FRAMEWORK for RESEARCH

3. Framework to analyze the domain by a user's using pattern

MP4 which have become to have more features, is used by diverse kind of users in various conditions. Classify MP4 users' using patterns by their purpose to use it and identify users' workflow in them.

01. Using MP4 as a primary task02. Using MP4 during other work03. Using MP4 instantly (for instance, instant record, memo or making trick for fun)

Research

FRAMEWORK for RESEARCH2. Framework for contexts a user engaged in

Given MP4's mobility, two most common circumstances are that one can't see the domain and can't use both hands. So analyze a user's using context base on the two circumstances.

01. When a user can't use his/her both hands02. When a user can't see the device

02

Conduct Heuristic Evaluation and Usability Test

Research02Conduct Research

04 다른 모드로 전홖하기 (동영상에서음악, 음악에서 동영상) Shifting from one function to another (from video clip to music and vice versa - and it has to be stopped before you move to another function.)

재생하던 컨텐츠를중단하고 다른 컨텐츠를 찾고 실행하기까지의 과정은 얼마나 걸리는가?

How many steps do you have to take to shift another file(or content) after stop the one that was on play.

메인 메뉴 버튺을 이용하였기 때문에 오래 걸리지 않고 원하는 메뉴를 찾을 수있었다.

메뉴 버튺을 이용해서 메뉴를 홗성화 시키고 원하는 모드를선택하여 실행한다.

from music - press middle button or pause sign in the screen - menu - picture - click

현재 진행 중인 작업에 대해서 방해 받지않고, 새로운 작업을실행할 수 있어야 한다. 현재 진행 중인작업에 집중력을 떨어뜨리지 않기 위해서 최소한의 단계로접근할 수 있어야 한다.

현재 진행 중인 작업에 대해서 방해 받지않고, 새로운 작업을실행할 수 있어야 한다. 현재 진행 중인작업에 집중력을 떨어뜨리지 않기 위해서 최소한의 단계로접근할 수 있어야 한다.

전에 재생하던 컨텐츠에 대한 정보와 관리는 어떻게 하는가?

Do you think the MP4 is good to hold the informaion of the file that played before you use another function? why? And is it bothering or comfortable?

파일 자체에 대한 정보는 남지만, 정확한재생 자리에 대한 정보는 남지 않는다.

재생하던 파일이 무엇인지에 대한 정보는 남아있으나, 어디까지 재생하였는지에 대한 정보는 사라진다.

for me, I think it is comfortable, so when we want to go back and continue the file before, it is still there

특정 작업을 진행하던 사용자가 잠시 작업에서 벗어나 다른작업을 마치고 돌아왔을 때 기존 작업을'이어서' 진행하기원한다

사용자는 새로운 작업을 수행할 때 기존의 작업이 어디까지진행되었는지에 대한 기억이 불투명하다. 새로운 작업을수행하고 다시 기존의 작업으로 돌아왔을 때 이에 대한 관리가 필요하다.

특정 작업을 진행하던 사용자가 잠시 작업에서 벗어나 다른작업을 마치고 돌아왔을 때 기존 작업을'이어서' 진행하기원한다

특정 작업을 진행하던 사용자가 잠시 작업에서 벗어나 다른작업을 마치고 돌아왔을 때 기존 작업을'이어서' 진행하기원한다

05 다른 모드로 전홖하기 (멀티테스킹) Shifting from one function to another (from video clip to music and vice versa - and it has to be continued while you use another fu

nction.)

지금 재생하고 있는컨텐츠를 방해받지않으며 다른 컨텐츠를 찾고 실행시킬수있는가?

Can you find and start a new content without being disrupted the one that you were playing.

메인 메뉴 버튺을 이용하여 가능했다.

메뉴 버튺을 이용하여 원하는 모드를 선택하여 실행하면 재생되던 파일은 그대로 계속 재생되면서다른 컨텐츠를 실행할 수 있다. (예, 음악을 들으며 사진을볼 수 있다)

yes, we can find other file while doing other stuff by not pausing the thing that we listen and press menu

같은 속성의 작업(ex 비디오를 보면서 사진 감상)이 아닌 이상 사용자는 기존의작업을 유지한채 새로운 작업을 함께 병행하기를 원한다.

같은 속성의 작업(ex 비디오를 보면서 사진 감상)이 아닌 이상 사용자는 기존의작업을 유지한채 새로운 작업을 함께 병행하기를 원한다.

지금 재생 중인 컨텐츠를 두가지를 동시에 컨트롤 할 수 있는가?

Can you control over both contents playing on the machine?

음악을 듣다가 사전을 찾는 경우, 사전을 끄지 않는 한 음악을 조정할 수는 없다.

새롭게 재생시킨 컨텐츠(사진보기)를 이용하고 있을 때에는그 전에 재생시킨 컨텐츠(음악듣기)에 대한 컨트롤은 불가능하다. 메뉴로 나가서다시 그 전에 재생하던 컨텐츠의 모드로돌아가야지만 가능하다. 볼륨조절은 외부의 버튺을 통해서가능하다

yes, while listening to music, we can look for a word in the dictionary, but when we open the dictionary program, the voice went down

사용자는 멀티 테스킹 중 이전 작업을원할 때 조절할 수있기를 원한다

사용자는 자신이 하는 모든 작업 (기존의 작업, 새로운 작업)을 함께 컨트롤하길 원한다.

사용자는 자신이 하는 모든 작업 (기존의 작업, 새로운 작업)을 함께 컨트롤하길 원한다.

멀티테스킹을 하는사용자는 다루고 있는 기능 모두를 원할때 조절할 수 있기를원한다

04 다른 모드로전홖하기 (동영상에서 음악, 음악에서 동영상) Shifting from one function to another (from video

clip to music and vice versa - and it has to be stopped before you move to another f

unction.)

재생하던 컨텐츠를 중단하고 다른컨텐츠를 찾고 실행하기까지의 과정은 얼마나 걸리는가?

How many steps do you have to take to shift another file(or content) after stop the one that was on play.

메인 메뉴 버튺을이용하였기 때문에 오래 걸리지않고 원하는 메뉴를 찾을 수 있었다.

메뉴 버튺을 이용해서 메뉴를 홗성화 시키고 원하는모드를 선택하여실행한다.

from music - press middle button or pause sign in the screen - menu - picture - click

현재 진행 중인작업에 대해서 방해 받지 않고, 새로운 작업을 실행할 수 있어야 한다. 현재 진행 중인 작업에 집중력을 떨어뜨리지 않기 위해서 최소한의 단계로 접근할수 있어야 한다.

현재 진행 중인작업에 대해서 방해 받지 않고, 새로운 작업을 실행할 수 있어야 한다. 현재 진행 중인 작업에 집중력을 떨어뜨리지 않기 위해서 최소한의 단계로 접근할수 있어야 한다.

전에 재생하던 컨텐츠에 대한 정보와 관리는 어떻게하는가?

Do you think the MP4 is good to hold the informaion of the file that played before you use another function? why? And is it bothering or comfortable?

파일 자체에 대한정보는 남지만, 정확한 재생 자리에 대한 정보는남지 않는다.

재생하던 파일이무엇인지에 대한정보는 남아있으나, 어디까지 재생하였는지에 대한 정보는 사라진다.

for me, I think it is comfortable, so when we want to go back and continue the file before, it is still there

특정 작업을 진행하던 사용자가 잠시 작업에서 벗어나 다른 작업을마치고 돌아왔을때 기존 작업을 '이어서' 진행하기원한다

사용자는 새로운작업을 수행할 때기존의 작업이 어디까지 진행되었는지에 대한 기억이 불투명하다. 새로운 작업을 수행하고 다시 기존의 작업으로 돌아왔을 때 이에 대한 관리가 필요하다.

특정 작업을 진행하던 사용자가 잠시 작업에서 벗어나 다른 작업을마치고 돌아왔을때 기존 작업을 '이어서' 진행하기원한다

특정 작업을 진행하던 사용자가 잠시 작업에서 벗어나 다른 작업을마치고 돌아왔을때 기존 작업을 '이어서' 진행하기원한다

05 다른 모드로전홖하기 (멀티테스킹) Shifting from one function to another (from video clip to music and vice versa - and it has to be continued while you use another function.)

지금 재생하고 있는 컨텐츠를 방해받지 않으며 다른컨텐츠를 찾고 실행시킬수 있는가?

Can you find and start a new content without being disrupted the one that you were playing.

메인 메뉴 버튺을이용하여 가능했다.

메뉴 버튺을 이용하여 원하는 모드를 선택하여 실행하면 재생되던 파일은 그대로 계속재생되면서 다른컨텐츠를 실행할수 있다. (예, 음악을 들으며 사진을볼 수 있다)

yes, we can find other file while doing other stuff by not pausing the thing that we listen and press menu

같은 속성의 작업(ex 비디오를 보면서 사진 감상)이 아닌 이상 사용자는 기존의 작업을 유지한채 새로운 작업을 함께병행하기를 원한다.

같은 속성의 작업(ex 비디오를 보면서 사진 감상)이 아닌 이상 사용자는 기존의 작업을 유지한채 새로운 작업을 함께병행하기를 원한다.

지금 재생 중인컨텐츠를 두가지를 동시에 컨트롤할 수 있는가?

Can you control over both contents playing on the machine?

음악을 듣다가 사전을 찾는 경우, 사전을 끄지 않는한 음악을 조정할수는 없다.

새롭게 재생시킨컨텐츠(사진보기)를 이용하고 있을때에는 그 전에재생시킨 컨텐츠(음악듣기)에 대한 컨트롤은 불가능하다. 메뉴로나가서 다시 그전에 재생하던 컨텐츠의 모드로 돌아가야지만 가능하다. 볼륨조절은외부의 버튺을 통해서 가능하다

yes, while listening to music, we can look for a word in the dictionary, but when we open the dictionary program, the voice went down

사용자는 멀티 테스킹 중 이전 작업을 원할 때 조절할 수 있기를원한다

사용자는 자신이하는 모든 작업(기존의 작업, 새로운 작업)을 함께 컨트롤 하길원한다.

사용자는 자신이하는 모든 작업(기존의 작업, 새로운 작업)을 함께 컨트롤 하길원한다.

멀티테스킹을 하는 사용자는 다루고 있는 기능 모두를 원할 때 조절할 수 있기를원한다

04 다른 모드로 전홖하기 (동영상에서 음악, 음악에서 동영상) Shifting from one function to another (from video clip to music and vice versa - and it has to be stopped before you move to another function.)

재생하던 컨텐츠를 중단하고 다른 컨텐츠를 찾고 실행하기까지의 과정은 얼마나 걸리는가?

How many steps do you have to take to shift another file(or content) after stop the one that was on play.

메인 메뉴 버튺을 이용하였기 때문에 오래 걸리지 않고 원하는 메뉴를 찾을 수 있었다.

메뉴 버튺을 이용해서메뉴를 홗성화 시키고원하는 모드를 선택하여실행한다.

from music - press middle button or pause sign in the screen - menu - picture - click

현재 진행 중인 작업에대해서 방해 받지 않고, 새로운 작업을 실행할수 있어야 한다. 현재 진행 중인 작업에 집중력을 떨어뜨리지 않기 위해서 최소한의 단계로접근할 수 있어야 한다.

현재 진행 중인 작업에대해서 방해 받지 않고, 새로운 작업을 실행할수 있어야 한다. 현재 진행 중인 작업에 집중력을 떨어뜨리지 않기 위해서 최소한의 단계로접근할 수 있어야 한다.

전에 재생하던 컨텐츠에대한 정보와 관리는 어떻게 하는가?

Do you think the MP4 is good to hold the informaion of the file that played before you use another function? why? And is it bothering or comfortable?

파일 자체에 대한 정보는 남지만, 정확한 재생자리에 대한 정보는 남지 않는다.

재생하던 파일이 무엇인지에 대한 정보는 남아있으나, 어디까지 재생하였는지에 대한 정보는사라진다.

for me, I think it is comfortable, so when we want to go back and continue the file before, it is still there

특정 작업을 진행하던사용자가 잠시 작업에서벗어나 다른 작업을 마치고 돌아왔을 때 기존작업을 '이어서' 진행하기 원한다

사용자는 새로운 작업을수행할 때 기존의 작업이 어디까지 진행되었는지에 대한 기억이 불투명하다. 새로운 작업을수행하고 다시 기존의작업으로 돌아왔을 때이에 대한 관리가 필요하다.

특정 작업을 진행하던사용자가 잠시 작업에서벗어나 다른 작업을 마치고 돌아왔을 때 기존작업을 '이어서' 진행하기 원한다

특정 작업을 진행하던사용자가 잠시 작업에서벗어나 다른 작업을 마치고 돌아왔을 때 기존작업을 '이어서' 진행하기 원한다

05 다른 모드로 전홖하기 (멀티테스킹) Shifting from one function to another (from video clip to music and vice

versa - and it has to be continued while you us

e another function.)

지금 재생하고 있는 컨텐츠를 방해받지 않으며다른 컨텐츠를 찾고 실행시킬수 있는가?

Can you find and start a new content without being disrupted the one that you were playing.

메인 메뉴 버튺을 이용하여 가능했다.

메뉴 버튺을 이용하여원하는 모드를 선택하여실행하면 재생되던 파일은 그대로 계속 재생되면서 다른 컨텐츠를 실행할 수 있다. (예, 음악을 들으며 사진을 볼 수있다)

yes, we can find other file while doing other stuff by not pausing the thing that we listen and press menu

같은 속성의 작업(ex 비디오를 보면서 사진 감상)이 아닌 이상 사용자는 기존의 작업을 유지한채 새로운 작업을 함께 병행하기를 원한다.

같은 속성의 작업(ex 비디오를 보면서 사진 감상)이 아닌 이상 사용자는 기존의 작업을 유지한채 새로운 작업을 함께 병행하기를 원한다.

지금 재생 중인 컨텐츠를 두가지를 동시에 컨트롤 할 수 있는가?

Can you control over both contents playing on the machine?

음악을 듣다가 사전을찾는 경우, 사전을 끄지않는 한 음악을 조정할수는 없다.

새롭게 재생시킨 컨텐츠(사진보기)를 이용하고있을 때에는 그 전에 재생시킨 컨텐츠(음악듣기)에 대한 컨트롤은 불가능하다. 메뉴로 나가서다시 그 전에 재생하던컨텐츠의 모드로 돌아가야지만 가능하다. 볼륨조절은 외부의 버튺을 통해서 가능하다

yes, while listening to music, we can look for a word in the dictionary, but when we open the dictionary program, the voice went down

사용자는 멀티 테스킹중 이전 작업을 원할 때조절할 수 있기를 원한다

사용자는 자신이 하는모든 작업 (기존의 작업, 새로운 작업)을 함께 컨트롤 하길 원한다.

사용자는 자신이 하는모든 작업 (기존의 작업, 새로운 작업)을 함께 컨트롤 하길 원한다.

멀티테스킹을 하는 사용자는 다루고 있는 기능모두를 원할 때 조절할수 있기를 원한다

Heuristic Evaluation Usability Test

* Appendix has more.

Incongruent controller for data’s feature

Incongruent controller for data’s feature

Controller fits with a user’s mental model

Unclear information architecture

Efficient management for massive amount of contents

Feedbacks

Unclear meaning of icons

Affordance for a user to conduct a right work

Seek & Play

Changing Mode

Control

Multitasking

Instant Task

Usability Test Results Heuristic Evaluation Results

Key Issues

Insight from Research

Research02

Control system mapping with user behavior

A user has to conduct enormous control. A control system for a user’s work pattern is required.

GUI to indicate direction Every GUI ought to have a metaphor to guide a user right function.

Insight from Research

Natural shifting between features

With enormous features a MP4 has, a user wants quick shift from one feature to another.

User fitting file managementSince there are a lot of functions in an MP4, a customizable method to organize files is needed.

Control in my handEvery function of a MP4 with non-touch control style should be able to be done in one’s palm. All PUIs should be controlled by one hand.

Valid cognition what I doMP4 is used in various situations. A user needs to know where they are in a work process

Research02

Design Direction

4 Direction Slide

Ideation Concept 01

Design Direction03

Current MP4 deviceCurrent MP4 hardly has a controller to skip huge amount of data and precisely choose one of them at the same time.It is hard to control the device in a situation one barely move both hands or see it.

ConceptA device with slide moving 4 directions (up, down, left, right) in order to manage the device with one hand

Design Direction

1Controller matching with data’s feature

Control system for mental model built to fit to other devices

2Consistent information architecture throughout all menus

Layer topology for multi tasking

3Indicator to notice file classification

Searching function to easy access from any function

4

PUI placement not bothering other PUIs

Multi-click button to do a function without watching by 1 hand

PUI placement for routine function in a comfortable place

5

GUI metaphor to guide users to seamlessly approach a function

Icons implicating current social or cultural meaning

6Visual information about activated or chosen function

Instant visual information of a user’s place among the I.A.

Ideation Concept 02Symmetry Device

Current MP4 DeviceIt was difficult to control the device without seeing it.Usually a MP4 device requires users to use both hands to control.

ConceptA device of which both sides are symmetry making it possible to control without watching MP4

Design Direction

1Controller matching with data’s feature

Control system for mental model built to fit to other devices

2Consistent information architecture throughout all menus

Layer topology for multi tasking

3Indicator to notice file classification

Searching function to easy access from any function

4

PUI placement not bothering other PUIs

Multi-click button to do a function without watching by 1 hand

PUI placement for routine function in a comfortable place

5

GUI metaphor to guide users to seamlessly approach a function

Icons implicating current social or cultural meaning

6Visual information about activated or chosen function

Instant visual information of a user’s place among the I.A.

Design Direction03

Ideation Concept 03Multi Tasking

Current Mp4 DeviceWith many functions open, it is troubling to configure inactivated functions.Usually many steps would be taken to do so.

ConceptBy placing Multi-user easily move between functions open.

Design Direction

1Controller matching with data’s feature

Control system for mental model built to fit to other devices

2Consistent information architecture throughout all menus

Layer topology for multi tasking

3Indicator to notice file classification

Searching function to easy access from any function

4

PUI placement not bothering other PUIs

Multi-click button to do a function without watching by 1 hand

PUI placement for routine function in a comfortable place

5

GUI metaphor to guide users to seamlessly approach a function

Icons implicating current social or cultural meaning

6Visual information about activated or chosen function

Instant visual information of a user’s place among the I.A.

Design Direction03

Ideation Concept 04Main Menu Accessible from Anywhere

Current Mp4 DeviceWith more works can be done at the same time, people want to know which functions are activated.

People want to get informed where they are in the information architecture.

ConceptWith main menu keys top of the device (left and right), a main menu bar is always able to be summoned.

By pushing multi-function key, one can quickly move from one open function to another.

Information about functions open or activated can be checked on top of the display.

Design Direction

1Controller matching with data’s feature

Control system for mental model built to fit to other devices

2Consistent information architecture throughout all menus

Layer topology for multi tasking

3Indicator to notice file classification

Searching function to easy access from any function

4

PUI placement not bothering other PUIs

Multi-click button to do a function without watching by 1 hand

PUI placement for routine function in a comfortable place

5

GUI metaphor to guide users to seamlessly approach a function

Icons implicating current social or cultural meaning

6Visual information about activated or chosen function

Instant visual information of a user’s place among the I.A.

Design Direction03

Ideation Concept 05Searching

Current MP4 DeviceSometimes people barely remember only part of a

Current MP4 DeviceSometimes people barely remember only part of a

Design Direction

1Controller matching with data’s feature

Control system for mental model built to fit to other devices

2Consistent information architecture throughout all menus

Layer topology for multi tasking

3Indicator to notice file classification

Searching function to easy access from any function

4

PUI placement not bothering other PUIs

Multi-click button to do a function without watching by 1 hand

PUI placement for routine function in a comfortable place

5

GUI metaphor to guide users to seamlessly approach a function

Icons implicating current social or cultural meaning

6Visual information about activated or chosen function

Instant visual information of a user’s place among the I.A.

Design Direction03

Ideation Concept 05Searching

Current MP4 DeviceSometimes people barely remember only part of a

Current MP4 DeviceSometimes people barely remember only part of a

Design Direction

1Controller matching with data’s feature

Control system for mental model built to fit to other devices

2Consistent information architecture throughout all menus

Layer topology for multi tasking

3Indicator to notice file classification

Searching function to easy access from any function

4

PUI placement not bothering other PUIs

Multi-click button to do a function without watching by 1 hand

PUI placement for routine function in a comfortable place

5

GUI metaphor to guide users to seamlessly approach a function

Icons implicating current social or cultural meaning

6Visual information about activated or chosen function

Instant visual information of a user’s place among the I.A.

Design Direction03

Design Solution

Form factor

Design Solution04

Form factor

Design Solution

Move upper body by sliding it (left, right)

04

Form factor

Design Solution

Touch and slide for up, down

04

Form factor

Design Solution

Multi Function Key

04

Form factor

Design Solution

Main Menu Key

04

Interface Main menu

Turn the device on by pushing up a button right side.

Design Solution04

Search music files

Interface Music Mode

Choose folder by using touch pad and select it by pushing the upper slide to right. (left to move backward)

Design Solution04

Design Solution04Search music files

Interface Music Mode

Choose folder by using touch pad and select it by pushing the upper slide to right. (left to move backward)

Design Solution04Play

Interface Music Mode

Music is playing

Design Solution04Move to a next song

Interface Music Mode

Move to the next song by pushing the upper slide to right. (left to play previous song)

Design Solution04Fast Forward

Interface Music Mode

Fast forward by pushing the upper slide to right for a while.

Design Solution04Play / Stop

Interface Music Mode

Multi-function button for play and pause

Design Solution04Volume Control

Interface Music Mode

Control volume by pushing the touch pad up and down

Design Solution04Main menu bar

Interface Mode Change

Fast forward by pushing the upper slide to right for a while.

Design Solution04Quick mode change

Interface Mode Change

By sliding the upper slide while pushing the multi function button, a mode can quickly be shifted

Thank you