PART_2. 인터페이스 디자인 (INTERFACE DESIGN)
*** PIP 인터페이스 (Picture-in-Picture Interface) ***
- 메인화면과 별도의 서브화면을 동시에 제공하는 화면 구조 ( ex. TV - 화면속의 화면)
- 동시에 여러가지 과업을 시도하려는 욕구
- 윈도우의 멀티테스킹(multi-tasking), 듀얼 모니터의 사용은 동시에 여러가지 과업을 수행하기 위한 해결책
- 아이프레임이나 독립적인 프로그램을 통해 정보를 보여주는 플래시나 위젯도 일종의 PIP 인터페이스로 볼 수 있음
- 효과를 거두기 위해서는 독립성을 갖는게 중요하며 이를 위해서 자체 정보에대한 제어기능을 스스로 갖추어야하며, 이를 위해 컨트롤바 또는 브라우져를 별도로 갖추어야 함
- 서브화면이라는 점에서 크기에 대한 제약이있음
- PDA 또는 위젯인터페이스 속성을 벤치마킹할 필요가 있음
벤치마킹
http://www.bitty.com
- 미니브라우져를 위젯형태로 서비스
- 미니브라우져는 제휴사이트의 컨테이너(http://www.youos.com)나 포틀릿으로 제공되는데 뒤로, 앞으로 등의 기본기능이 제공되어 별도의 웹 환경을 경험할 수 있음
관련이론
PIP 인터페이스 디자인 가이드라인
- 메인화면내 구정되는 인터페이스이므로 과도한 시각적 효과는 메인화면의 과업을 방해할 수 있음
- 중성색을 이용한 색상체계와 단순화된 화면구성이 요구됨
- 주요 정보 및 요서를 확대할 수 있는 기능을 제공 - 확대기능은 수동과 자동 확대기능을 제공하되, 사용자 설정에 의해 선택될수 있도록 함
- 컨트롤버튼의 크기가 작기때문에 작은 조작으로도 목적지에 도달할 수 있도록함 - 정보구조의 깊이를 줄이는것은 화면 크기의 제약으로 더 불편할 수 있으므로 단축키 기능을 제공하여 보완
- 작은크기는 변화 파악이 어려우므로 명료한 대비와 피드백을 제공
- 중요정보 제공시 소리(sound), 촉각(tactile) 정보를 활용
- 기능 및 화면구성의 개별화(personalization) 기능을 제공해 특정 목적의 과업을 효율적으로 수행할 수 있게 해야함
출처: 웹2.0기획과 디자인(노주환)
*** PIP 인터페이스 (Picture-in-Picture Interface) ***
- 메인화면과 별도의 서브화면을 동시에 제공하는 화면 구조 ( ex. TV - 화면속의 화면)
- 동시에 여러가지 과업을 시도하려는 욕구
- 윈도우의 멀티테스킹(multi-tasking), 듀얼 모니터의 사용은 동시에 여러가지 과업을 수행하기 위한 해결책
- 아이프레임이나 독립적인 프로그램을 통해 정보를 보여주는 플래시나 위젯도 일종의 PIP 인터페이스로 볼 수 있음
- 효과를 거두기 위해서는 독립성을 갖는게 중요하며 이를 위해서 자체 정보에대한 제어기능을 스스로 갖추어야하며, 이를 위해 컨트롤바 또는 브라우져를 별도로 갖추어야 함
- 서브화면이라는 점에서 크기에 대한 제약이있음
- PDA 또는 위젯인터페이스 속성을 벤치마킹할 필요가 있음
벤치마킹
http://www.bitty.com
- 미니브라우져를 위젯형태로 서비스
- 미니브라우져는 제휴사이트의 컨테이너(http://www.youos.com)나 포틀릿으로 제공되는데 뒤로, 앞으로 등의 기본기능이 제공되어 별도의 웹 환경을 경험할 수 있음
관련이론
PIP 인터페이스 디자인 가이드라인
- 메인화면내 구정되는 인터페이스이므로 과도한 시각적 효과는 메인화면의 과업을 방해할 수 있음
- 중성색을 이용한 색상체계와 단순화된 화면구성이 요구됨
- 주요 정보 및 요서를 확대할 수 있는 기능을 제공 - 확대기능은 수동과 자동 확대기능을 제공하되, 사용자 설정에 의해 선택될수 있도록 함
- 컨트롤버튼의 크기가 작기때문에 작은 조작으로도 목적지에 도달할 수 있도록함 - 정보구조의 깊이를 줄이는것은 화면 크기의 제약으로 더 불편할 수 있으므로 단축키 기능을 제공하여 보완
- 작은크기는 변화 파악이 어려우므로 명료한 대비와 피드백을 제공
- 중요정보 제공시 소리(sound), 촉각(tactile) 정보를 활용
- 기능 및 화면구성의 개별화(personalization) 기능을 제공해 특정 목적의 과업을 효율적으로 수행할 수 있게 해야함
출처: 웹2.0기획과 디자인(노주환)