본문 바로가기

UX/웹 2.0 기획과 디자인

PART_2_7. 인터페이스 디자인 (INTERFACE DESIGN)

PART_2. 인터페이스 디자인 (INTERFACE DESIGN)

*** 포스트잇 타입 인터페이스 (Post-it Like Interface) ***


- 포스트잇처럼 쉽게 붙였다 떼었다를 쉽게할 수 있는 UI
- 포틀릿 기반의 인터페이스와 비슷한개념이지만, 컨테이너 크기가 다양하고 배열을 자유롭게 할 수 있다는점이 틀림

- 내용에 따라 컨테이너(container)크기가 달라지는것은 내용과 내용을 담는 틀(UI)에 대한 정의이며 내용의 규격화를 추구할것인지 아닌지는 전략적 선택

- 내용에따라 달라지는 컨테이너의 크기때문에 복잡해보일수 있지만 내용에 맞춰 컨테이너UI를 설계하기때문에 내용 전달 측면에서는 포틀릿 방식의 인터페이스 보다는 효과적임

- 사용자의 니즈가 자주 바뀌는 경우에 적합하다

- 인터랙션 측면에서 보면 정보를 손쉽게 추가, 삭제 할수 있어야함
- 가벼운 마음으로 정보를 추가, 삭제할 수 있어야 포스트잇 타입 인터페이스라할 수 있다





벤치마킹

http://www.protopage.com

- 바탕화면을 연상하게 하는 배경
- 음영처리를 통해 메모지가 붙어있는 느낌을 구현
- 하단에 컨트롤바를 두어 현재화면에서 원하는 ㅈ어보를 쉽게 추가할수 있도록함

http://www.magnoto.com

- 실제 메모판과 메모지를 은유유적으로 차용한 디자인





관련이론

개인화(Personalization)와 개별화(Individualization)

- 개인화는 맞춤화 전략으로 사용자 니즈에 부합될 수 있는 정보와 기능을 적극적으로 제시해 사용자 만족을 이글어내는것
- 개별화는 제공된 정보와 기능을 개별 설정할 수 있도록 해서 시스템을 보다 효율적으로 사용하게하는것
- 개인화는 개별화보다 더 낣은 개념으로 이해해야함









출처: 웹2.0기획과 디자인(노주환)