PART_1. 인포메이션 디자인 (INFORMATION DESIGN)
*** 정보 구성기 (Information Organizer) ***
- 다양한 정보 검색 및 정렬 옵션을 손쉽게 조합할 수 있도록 마련된 기능을 의미
- 설정 가능한 검색 및 정렬 옵션을 비교 선택(comparison selection), 다중선택(multi selection)할 수 있다.
- 주로 '파인더(finder)' 또는 '상세검색(narrow search)'이란 명칭으로 제공되기도 한다.
- 옵션 카테고리, 컨트롤 레이블, 컨트롤 버튼, 검색필드 등으로 구성되는데 제공 옵션에 따라 구성전략이 결정된다.'
- 성공요인은 제공 옵션에 달렸다.
- 찾고자 하는 정보에 빨리 접근할 수 있도록 돕는 검색 및 정렬 옵션을 도출할 수 있어야 한다.
- 사용자 니즈 분석은 사용자가 무엇을 원하며 어떻게 찾는지를 파악하는 것
- 정보특성분석은 제공정보의 공통적인 특성, 배타적인 특성, 차별적인특성, 우열적인특성을 찾는것
- 제공옵션에 맞는 컨트롤 설계
- 설계의 전략적 방향성에 따라 컨트롤은 메뉴 버튼, 체크박스, 라디오버튼, 슬라이더, 드롭다운 버튼, 검색필드 등 다양한 UI로 설계
- 다중선택 기능을 위해 채크박스나 라디오 버튼을 제공하는데 원칙적으로 이 컨트롤들은 데이터 값을 스스로 전송하지 않으므로 전송버튼을 같이 제공해야함
- 최근에는 옵션범위설정에 슬러이더를 많이 사용
- 적은 공간을 차지하고 옵션값의 수준을 손쉽게 설정가능
- 슬라이더의 조작에 의한 정보분류를 위해서 메타 데이터의 체계를 고도화 해야한다.
벤치마킹
http://www.endless.com
- 좌측영역에 패널형태의 정보구성기 제공
- 옵션 선정은 우수하지만 선택 및 설정을 위한 컨트롤 요소의 선정은 미흡
- 색상선택은 다중선택이 가능하지만 버튼타입으로 설계해 잘 전달되지 않고 있다.
- 컨트롤을 선택 할때마다 정보가 제분류 되기때문에 여러 옵션을 편하게 설정하기 쉽자않다.
http://www.diettelevision.com
- 슬라이더를 이용한 정보구성기 제공
- 슬러이더 동작이 윕지않다는걸 감안한다면 사용자 편의성을 저하시킬 우려
관련이론
체크박스(Check Box)와 라디오 버튼(Radio Button)
- 체크박스는 해당옵션의 on & off 를 나타내며 하나 이상의 옵션을 설정하기 위해 사용
- 라디오버튼은 상호배타적인 경우(mutually exclusive)에 사용되기 때문에 특정옵션이 선택되면 나머지 옵션은 선택할 수 없다
출처: 웹2.0기획과 디자인(노주환)
*** 정보 구성기 (Information Organizer) ***
- 다양한 정보 검색 및 정렬 옵션을 손쉽게 조합할 수 있도록 마련된 기능을 의미
- 설정 가능한 검색 및 정렬 옵션을 비교 선택(comparison selection), 다중선택(multi selection)할 수 있다.
- 주로 '파인더(finder)' 또는 '상세검색(narrow search)'이란 명칭으로 제공되기도 한다.
- 옵션 카테고리, 컨트롤 레이블, 컨트롤 버튼, 검색필드 등으로 구성되는데 제공 옵션에 따라 구성전략이 결정된다.'
- 성공요인은 제공 옵션에 달렸다.
- 찾고자 하는 정보에 빨리 접근할 수 있도록 돕는 검색 및 정렬 옵션을 도출할 수 있어야 한다.
- 사용자 니즈 분석은 사용자가 무엇을 원하며 어떻게 찾는지를 파악하는 것
- 정보특성분석은 제공정보의 공통적인 특성, 배타적인 특성, 차별적인특성, 우열적인특성을 찾는것
- 제공옵션에 맞는 컨트롤 설계
- 설계의 전략적 방향성에 따라 컨트롤은 메뉴 버튼, 체크박스, 라디오버튼, 슬라이더, 드롭다운 버튼, 검색필드 등 다양한 UI로 설계
- 다중선택 기능을 위해 채크박스나 라디오 버튼을 제공하는데 원칙적으로 이 컨트롤들은 데이터 값을 스스로 전송하지 않으므로 전송버튼을 같이 제공해야함
- 최근에는 옵션범위설정에 슬러이더를 많이 사용
- 적은 공간을 차지하고 옵션값의 수준을 손쉽게 설정가능
- 슬라이더의 조작에 의한 정보분류를 위해서 메타 데이터의 체계를 고도화 해야한다.
벤치마킹
http://www.endless.com
- 좌측영역에 패널형태의 정보구성기 제공
- 옵션 선정은 우수하지만 선택 및 설정을 위한 컨트롤 요소의 선정은 미흡
- 색상선택은 다중선택이 가능하지만 버튼타입으로 설계해 잘 전달되지 않고 있다.
- 컨트롤을 선택 할때마다 정보가 제분류 되기때문에 여러 옵션을 편하게 설정하기 쉽자않다.
http://www.diettelevision.com
- 슬라이더를 이용한 정보구성기 제공
- 슬러이더 동작이 윕지않다는걸 감안한다면 사용자 편의성을 저하시킬 우려
관련이론
체크박스(Check Box)와 라디오 버튼(Radio Button)
- 체크박스는 해당옵션의 on & off 를 나타내며 하나 이상의 옵션을 설정하기 위해 사용
- 라디오버튼은 상호배타적인 경우(mutually exclusive)에 사용되기 때문에 특정옵션이 선택되면 나머지 옵션은 선택할 수 없다
출처: 웹2.0기획과 디자인(노주환)