User Interface ? MP3플레이어의 UI 디자인 유형 분석 및 발전 전망 ● 컨버전스 기기로 진화하는 MP3플레이어의 UI DEAR YOUNG NETWORK User Interface ? / 연구원 박기서 / pks@mobiblu.com

User Interface ? 1. MP3 UI 추세 2. 소비자에게 보이는 GUI 3. 하드웨어와 UI의 연관성 목차 MP3 플레이어의 UI 디자인 유형 분석 및 발전 전망 User Interface ? 1. MP3 UI 추세 2. 소비자에게 보이는 GUI 3. 하드웨어와 UI의 연관성 4. 컨버전스 5. MP3 UI의 미래

1. MP3 UI 추세 대형화 1.5~2인치 이상 컬러화 1 인치 이하 a. 화면의 대형 / 컬러화 -예전에는 비용문제로 작은 저해상도 화면을 제조 했으나 대형 고해상도 디스플레이의 가격이 하락 -기능의 고급화로 많은 정보량 표시가 필요해짐 대형화 1.5~2인치 이상 컬러화 1 인치 이하 -모바일용 소형 컬러 디스플레이 가격이 하락 -사진/동영상 기능 등이 필요해 짐

UI의 중요성 증가 1. MP3 UI 추세 b. 컨버전스 기간제 컨텐츠 하드디스크 시계 / 알람 / 리모컨 / 게임 등등... 동영상 / 사진 기능 UI의 중요성 증가 -컨버전스로 인해 기능의 늘어남으로 인해 조작이 복잡해지기 쉬워졌음 -많은 기능을 최대한 유저가 편리하게 사용할 수 있도록 해야 함 -하지만 과거에 비해 다양한 조작 방식을 제공하는 하드웨어들이 계속 나오고 있음

2. 소비자에게 보이는 GUI a. 화려한 GUI 배경 -대형 고해상도 디스플레이가 사용되면서 가능해졌음 -기능의 고급화로 많은 정보량 표시가 필요해짐 -유저가 조절을 원하는 세부 사항이 많아졌음 장점 -많은 정보를 보여주기에 유리 -매장에서의 구매를 도우는 요소 단점 -자칫하면 질리거나 복잡해지기 쉬움 -여러 정보들을 초보 유저는 잘 모르므로 어려워 할 수도 있음 -기획자의 욕심에 따라 너무 조잡해 질 수 있는 경향이 있음 →디자인시 너무 조잡해 보이지 않도록 주의

2. 소비자에게 보이는 GUI b. 심플한 GUI 배경 직관성과 실용성을 중시하여 과거부터 사용되어 온 절제된 UI 주로 해외 제품이 심플한 경우가 많음 장점 -쉽게 질리지 않음 -직관성을 살리기에 유리 -초보 유저가 비교적 어려움 없이 접근 가능 단점 -많은 정보를 보여주기에는 힘듬 -고급 유저들은 부족한 정보에 꺼려 할 수도 있음 -디자인시 너무 단조롭게 보이지 않도록 주의 해야. -화면만 본다면 매장에서의 구매를 저해할 수도 있다.

2. 소비자에게 보이는 GUI c. 그 외의 GUI 관련사항 ▲폰트 선택 기능 ◀벡터 폰트 사용 애니메이션 효과 피봇 기능 -플레이중이나 메뉴등의 동작시에 단조롭지 않도록 움직임을 중간에 집어넣음, 최근에 FLASH도 활용 폰트 기능 -벡터 폰트 사용 : 폰트를 확대하거나 축소하여도 PC처럼 부드럽게 여러크기로 사용 가능 -폰트 선택 기능 : 여러 모양의 폰트를 내장하여, 사용자가 취향따라 폰트를 선택하도록 함 피봇 기능 -왼손잡이를 배려 하거나, 기기를 다른 방향으로 돌려서 사용 할 수 있도록 함.

3. 하드웨어와 UI의 연관성 a. 최근 쓰이는 조작 방식(1) 3방향 조그 슬라이드 스위치 5방향 조그 트라밸 택트 스위치 HOLD << vol- >> Vol+ ▶ menu 3방향 조그 슬라이드 스위치 >> << vol+ vol- 전원 HOLD 5방향 조그 트라밸 스위치 택트 스위치 기계적인 스위치 -택트 스위치 : 일반적인 조작에 가장 많이 사용 -슬라이드 스위치 : Hold 기능에 주로 사용 -트라밸 스위치 : Hold와 전원을 하나의 스위치에 사용할때 주로 사용. 반 슬라이드 스위치 라고도 불림 -3방향 조그 : 양쪽으로 2방향 + 누르기가 가능하므로, 3가지 동작에 사용. -3방향 조그 : 주로 볼륨/트랙전환+메뉴호출/조작에 사용됨. -5방향 조그 : 상하좌우로 4방향 + 누르기가 가능하므로, 5가지 동작에 사용. -5방향 조그 : 주로 볼륨+트랙 전환+메뉴호출/조작에 사용됨. 조이스틱 이라고도 불림. -5방향 조그 : 최근에 직관적인 조작에 유용하여 가장 많이 사용됨.

3. 하드웨어와 UI의 연관성 a. 최근 쓰이는 조작 방식(2) 상하휠 터치센서 회전휠 전자적인 스위치 → 조작시 기계적인 움직임을 느낄수 없는 스위치 -회전 휠 : 돌리는 조작 휠 (apple社가 주도적으로 사용) -상하 휠 : 상하 조작 휠 -터치센서 : 손을 대기만 하여도 조작이 가능한 스위치. 정전압 검출 방식 스위치 라고 불림.

▲이런 경우에는 우측 식의 조작도 지원하면 더 편리 할 것임 3. 하드웨어와 UI의 연관성 b. UI에서 버튼 배치와 갯수 -직관성과 매우 밀접한 관계 -하드웨어와 GUI의 밀접한 연관성으로 직관성을 확보하는 것이 중요 -메뉴가 있다면 일반적으로 최소한 6개의 버튼이 필요 -많이 쓰이는 핫키는 신중히 결정 → 너무 적으면 불편, 많으면 유저의 혼란을 야기 ② + ① 좌우 선택후 확인 간단한 선택 지원 ▲화면 직관성상 메뉴 이동에는 상하를 쓰는것이 편함 ▲이런 경우에는 우측 식의 조작도 지원하면 더 편리 할 것임 menu REC A-B ： menu MP3 덕지 ▲너무 많아도 불편 vol+ prev next vol- vol+ prev next vol- vol+ prev next vol- play pause play pause play pause ▲5버튼 기본적인 동작만 ▲6버튼 기본+메뉴 사용 ▲7버튼 이상 기본+메뉴+핫키 사용

4. 컨버전스 a. 데이터 관리 기능 파일 포맷 수의 증가에 따른 유저의 어려움 -MP3,WMA등의 몇가지만 지원했던 과거에 비해 OGG,사진/비디오,DRM관련 파일등 종류의 증가 -플레이어 용량의 대형화 -유저 편의를 중시한 데이터 관리 등장 DB식 관리 기능 : iPOD에 이어서 MS의 Play for sure 때문에 중요성이 더욱 증가. DB식 관리 기능 : 데이터를 가수명,앨범명,장르,연도 등에 따라 구분함 폴더식 : 유저가 파일을 전송할때의 폴더구조를 그대로 보여줌 -유저의 보편적인 취향에 따라 적당히 조합하거나 동시 지원 해야 할듯 DB식 ▶ 선호도 관리▲ ▼플레이리스트 관리 ▲폴더식

(Exchangeable Image File Format ) 4. 컨버전스 b. 동영상/사진 기능의 UI -MP3파일 보다 더 많은 정보가 존재 동영상 : 유저가 사용중인 모델에 적용되는 파일이 아닌경우 발생 사진 : exif 정보 안내, 확대기능, 화면 비율과 안 맞을경우 회전기능 등 필요 exif 20060202 F3.0 1s Flash On 확대 회전 Exif정보표시 (Exchangeable Image File Format ) c. 기간제 컨텐츠 -기존의 유저들에게는 친숙하지 않은 새로운 기능 -기간제와 일반 파일이 섞이면서 필요해 지는 UI가 있음. 기간 만료 메시지, 남은 기간 안내, 일반 파일과 구분 2월 4일에 재생/정보 보기 시... File A 2월2일 까지 사용가능 File B 무제한 사용가능 File C 사용자가 넣은 파일

User Interface ! 5. UI가 나아가야 할 길. GUI -화려함과 심플함을 적당한 섞자 -초보 유저와 고급 유저를 모두 잡을 수 있어야 -직관성이 결여되지 않도록 주의 하드웨어 -새로운 방식을 찾자 -최신의 기술이 언제나 좋은 것은 아니다 -적정선을 지키자 User Interface ! -더욱 user-friendly 하여 기존유저가 아닌 새로 접하는 유저도 쉽게 사용 할 수 있도록 -새로운 컨버전스가 오더라도 어려움이 없도록 -유저에게 선택 사항을 주는것도 좋지만, 자동으로 가능하게 할 수 있는 것은 최대한 자동화를 하자. -작은 것에도 신경을 쓰자