PART_2. 인터페이스 디자인 (INTERFACE DESIGN)
*** 웹의 위젯화 (Widgetization of The Web) ***
- 특정정보만을 보여주거나 특정기능만을 수행하는 작은 어플리케이션
- 웹사이트를 방문하지않아도 정보나 기능을 제공받을수 있음
- PC에 설치되는 데스크톱위젯(desktop widget)과 제휴된 웹사이트에 설치되는 웹톱 위젯(webtop widget)으로 구분됨
- 사용자 컴퓨팅 환경을 고려해 가벼운 프로그래밍모델(lightweight programming model)을 지향
- 설치기반의 프로그램이므로 무거우면 사용자들에게 외면당함
- 사용자가 특정 웹사이트를 접속하기위해서는 URL입력, 북마크이용, 포털사이트 경유 중 한가지를 선택해야하지만 사용자는 기억력이 낮고, 번거로운 것을 싫어하며 웬만해서는 적극적인 의지를 가지지않기때문에 연결이슈가 발생
- 위젯은 이런 연결 이슈를 해결하며 새로운 개념의 웹을 제시
- 위젯은 크기가 작기때문에 제 성능을 발휘하려면 정교한 UI 및 그래픽 디자인이 뒷받침되어야함
- 디자인은 작은공간 내에서 전달하고자 하는 핵심 정보를 효과적으로 전달할 수 있어야함
- 단순성이 절대적으로 강조되는 디자인으로 우선순위가 높은 정보를 전택적으로 노출하고 화면분할을 최소화하며 색상대비를 강화시키도록 함
벤치마킹
애플의 'WeatherBug Local Weather'
- 기상정보를 자세히 전달 하고있기때문에 화면구성이 복잡함
- 단순함이 위젯의 목적이지만 서비스의 전략적 방향성이 전문성이라면 일정수준의 복잡성을 감수하더라도 차별화된 정책이 필료
야후의 'Yahoo! Weather'
- 단순성이 극대화된 디자인
- 디자인요소를 정교하게 표현하는것이 효과적
http://www.widgetbox.com
- 사용자, 사이트, 개발자를 상호 연결 시켜주는 위젯 마켓플레이스
- 최신위젯, 인기위젯을 확인할 수 있음
관련이론
CSS(Cascading Style Sheets)
- 웹문서의 표현을 풍부하게 하기 위한 스타일 시트의 개념으로 문서구조(HTML 또는 XML 에 의한 마크업)와 표현(CSS에 의한 마크업)을 분리하기 위해 위치지정, 정렬방법 등을 제공한다.
- 여러개의 스타일을 지정할 수 있기때문에 대양한 환경을 지원할 수 있고 문서의 크기가 작아지며 관리가 용이함
- 의미적 정보를 표시할 수 있어 시멘틱 웹의 개념을 실천할 수 있음
출처: 웹2.0기획과 디자인(노주환)
*** 웹의 위젯화 (Widgetization of The Web) ***
- 특정정보만을 보여주거나 특정기능만을 수행하는 작은 어플리케이션
- 웹사이트를 방문하지않아도 정보나 기능을 제공받을수 있음
- PC에 설치되는 데스크톱위젯(desktop widget)과 제휴된 웹사이트에 설치되는 웹톱 위젯(webtop widget)으로 구분됨
- 사용자 컴퓨팅 환경을 고려해 가벼운 프로그래밍모델(lightweight programming model)을 지향
- 설치기반의 프로그램이므로 무거우면 사용자들에게 외면당함
- 사용자가 특정 웹사이트를 접속하기위해서는 URL입력, 북마크이용, 포털사이트 경유 중 한가지를 선택해야하지만 사용자는 기억력이 낮고, 번거로운 것을 싫어하며 웬만해서는 적극적인 의지를 가지지않기때문에 연결이슈가 발생
- 위젯은 이런 연결 이슈를 해결하며 새로운 개념의 웹을 제시
- 위젯은 크기가 작기때문에 제 성능을 발휘하려면 정교한 UI 및 그래픽 디자인이 뒷받침되어야함
- 디자인은 작은공간 내에서 전달하고자 하는 핵심 정보를 효과적으로 전달할 수 있어야함
- 단순성이 절대적으로 강조되는 디자인으로 우선순위가 높은 정보를 전택적으로 노출하고 화면분할을 최소화하며 색상대비를 강화시키도록 함
벤치마킹
애플의 'WeatherBug Local Weather'
- 기상정보를 자세히 전달 하고있기때문에 화면구성이 복잡함
- 단순함이 위젯의 목적이지만 서비스의 전략적 방향성이 전문성이라면 일정수준의 복잡성을 감수하더라도 차별화된 정책이 필료
야후의 'Yahoo! Weather'
- 단순성이 극대화된 디자인
- 디자인요소를 정교하게 표현하는것이 효과적
http://www.widgetbox.com
- 사용자, 사이트, 개발자를 상호 연결 시켜주는 위젯 마켓플레이스
- 최신위젯, 인기위젯을 확인할 수 있음
관련이론
CSS(Cascading Style Sheets)
- 웹문서의 표현을 풍부하게 하기 위한 스타일 시트의 개념으로 문서구조(HTML 또는 XML 에 의한 마크업)와 표현(CSS에 의한 마크업)을 분리하기 위해 위치지정, 정렬방법 등을 제공한다.
- 여러개의 스타일을 지정할 수 있기때문에 대양한 환경을 지원할 수 있고 문서의 크기가 작아지며 관리가 용이함
- 의미적 정보를 표시할 수 있어 시멘틱 웹의 개념을 실천할 수 있음
출처: 웹2.0기획과 디자인(노주환)