Difference between revisions of "Layered controls"

Latest revision as of 22:03, 17 September 2014

Layered controls는 화면 위에 반투명한 레이어의 형태로 컨트롤 메뉴를 제공하는 인터랙션 패턴이다. 사용자가 필요할 때만 나타나는 특징이 있다. 특정 버튼이나 화면 아무곳을 tab해서 메뉴를 불러내며, 다시 그 동작을 하거나 화면을 더이상 조작하지 않으면 메뉴가 다시 화면에서 안보이게 된다.

With this pattern, we can solve...

충분히 큰 크기의 컨트롤을 사용할 때, 사용자가 보고 있던 화면을 최대한 가리지 않는 패턴이 필요하다. Layered controls는 필요할 때만 나타나는 방식으로, 사용하지 않으면 다시 안보인다는 것과 원래 화면이 메뉴 뒤에 비쳐서 사용자를 최대한 방해하지 않고 사용할 수 있다.

• 반투명하게 원래의 화면이 비치면서 화면 위에 놓여있는 듯한 느낌을 준다.
• 컨트롤 메뉴를 제공하는 패턴으로 Paneled controls도 있으나, 사용 맥락이나 목적에서 차이가 있다. Layered controls가 주로 현재 작업 상황을 보조하는 역할로 사용된다면, Paneled controls는 이 메뉴를 조작하는 것이 화면에서의 주요 작업이 된다. 또한, Layered controls는 사용하지 않고 있으면 저절로 안보이게 되는데, 이 점도 Paneled controls와 다른 차이점이다.

Example : iOS_Audible

iOS_Audible

iOS_Adobe Ideas

iOS_1Day1Song

• 화면을 활성화시키는 아이콘을 tap하면 기존 화면 위에 반투명한 레이어가 올라와, 해당 페이지에서 특정 기능을 수행한다.