Transcript 유형 - Tistory

MP3플레이어의 UI 디자인 유형 분석 및 발전 전망
●
컨버전스 기기로 진화하는 MP3플레이어의 UI
D E A R
Y O U N G
N E T W O R K
/ 연구원 박기서 / [email protected]
목차
MP3 플레이어의 UI 디자인
유형 분석 및 발전 전망
1. MP3 UI 추세
2. 소비자에게 보이는 GUI
3. 하드웨어와 UI의 연관성
4. 컨버전스
5. MP3 UI의 미래
1. MP3 UI 추세
a. 화면의 대형 / 컬러화
-예전에는 비용문제로 작은 저해상도 화면을 제조 했으나 대형 고해상도 디스플레이의 가격이 하락
-기능의 고급화로 많은 정보량 표시가 필요해짐
대형화
1.5~2인치 이상
1 인치 이하
-모바일용 소형 컬러 디스플레이 가격이 하락
-사진/동영상 기능 등이 필요해 짐
컬러화
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 기능에 주로 사용
-트라밸 스위치 : Hold와 전원을 하나의 스위치에 사용할때 주로 사용. 반 슬라이드 스위치 라고도 불림
-3방향 조그 : 양쪽으로 2방향 + 누르기가 가능하므로, 3가지 동작에 사용.
-3방향 조그 : 주로 볼륨/트랙전환+메뉴호출/조작에 사용됨.
-5방향 조그 : 상하좌우로 4방향 + 누르기가 가능하므로, 5가지 동작에 사용.
-5방향 조그 : 주로 볼륨+트랙 전환+메뉴호출/조작에 사용됨. 조이스틱 이라고도 불림.
-5방향 조그 : 최근에 직관적인 조작에 유용하여 가장 많이 사용됨.
3. 하드웨어와 UI의 연관성
a. 최근 쓰이는 조작 방식(2)
회전휠
상하휠
터치센서
전자적인 스위치 → 조작시 기계적인 움직임을 느낄수 없는 스위치
-회전 휠 : 돌리는 조작 휠 (apple社가 주도적으로 사용)
-상하 휠 : 상하 조작 휠
-터치센서 : 손을 대기만 하여도 조작이 가능한 스위치. 정전압 검출 방식 스위치 라고 불림.
3. 하드웨어와 UI의 연관성
b. UI에서 버튼 배치와 갯수
-직관성과 매우 밀접한 관계
-하드웨어와 GUI의 밀접한 연관성으로 직관성을 확보하는 것이 중요
-메뉴가 있다면 일반적으로 최소한 6개의 버튼이 필요
-많이 쓰이는 핫키는 신중히 결정 → 너무 적으면 불편, 많으면 유저의 혼란을 야기
②
①
+
좌우 선택후 확인
▲화면 직관성상 메뉴 이동에는
상하를 쓰는것이 편함
prev
play
pause
▲이런 경우에는 우측 식의 조작도 지원하면 더 편리 할 것임
menu
vol+
vol+
next prev
play
pause
간단한 선택 지원
next
vol-
vol-
▲5버튼
기본적인 동작만
▲6버튼
기본+메뉴 사용
REC
menu
A-B
： vol+
play
prev pause next
덕지
덕지
MP3
vol▲7버튼 이상
기본+메뉴+핫키 사용
▲너무 많아도 불편
4. 컨버전스
a. 데이터 관리 기능
파일 포맷 수의 증가에 따른 유저의 어려움
-MP3,WMA등의 몇가지만 지원했던 과거에 비해 OGG,사진/비디오,DRM관련 파일등 종류의 증가
-플레이어 용량의 대형화
-유저 편의를 중시한 데이터 관리 등장
DB식 관리 기능 : iPOD에 이어서 MS의 Play for sure 때문에 중요성이 더욱 증가.
DB식 관리 기능 : 데이터를 가수명,앨범명,장르,연도 등에 따라 구분함
폴더식 : 유저가 파일을 전송할때의 폴더구조를 그대로 보여줌
-유저의 보편적인 취향에 따라 적당히 조합하거나 동시 지원 해야 할듯
DB식
▶
선호도 관리▲
▼플레이리스트 관리
▲폴더식
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
사용자가 넣은 파일
5. UI가 나아가야 할 길.
GUI
-화려함과 심플함을 적당한 섞자
-초보 유저와 고급 유저를 모두 잡을 수 있어야
-직관성이 결여되지 않도록 주의
하드웨어
-새로운 방식을 찾자
-최신의 기술이 언제나 좋은 것은 아니다
-적정선을 지키자
-더욱 user-friendly 하여 기존유저가 아닌 새로 접하는 유저도 쉽게 사용 할 수 있도록
-새로운 컨버전스가 오더라도 어려움이 없도록
-유저에게 선택 사항을 주는것도 좋지만, 자동으로 가능하게 할 수 있는 것은 최대한 자동화를 하자.
-작은 것에도 신경을 쓰자