From Design pattern
Jump to: navigation, search
(With this pattern, we can solve...)
Line 1: Line 1:
 
Move first는 첫 화면 혹은 화면의 처음 상태로 돌아가는 인터랙션 패턴이다. 버튼을 tap해서 처음으로 돌아가는 방식이다.
 
Move first는 첫 화면 혹은 화면의 처음 상태로 돌아가는 인터랙션 패턴이다. 버튼을 tap해서 처음으로 돌아가는 방식이다.
 +
 +
처음으로 가는 버튼이 항상 화면에 있는 방식과 처음 위치를 벗어나면 버튼이 나타나는 방식으로 나누어 볼 수 있다.
  
 
===With this pattern, we can solve...===
 
===With this pattern, we can solve...===
 
화면 내의 이동이나 움직임이 심한 상황에서, 기준이 되는 지점으로 간단히 돌아갈 수 있는 패턴이 필요하다. Move first는 화면 내용에는 변화가 없기에, 굳이 새로고침을 하지 않고도 처음 상태로 정확히 되돌아갈 수 있게 한다.
 
화면 내의 이동이나 움직임이 심한 상황에서, 기준이 되는 지점으로 간단히 돌아갈 수 있는 패턴이 필요하다. Move first는 화면 내용에는 변화가 없기에, 굳이 새로고침을 하지 않고도 처음 상태로 정확히 되돌아갈 수 있게 한다.
  
=== iOS_Snapfish ===
+
=== Example : iOS_Sunrise Calendar ===
* 상단에 위치한 아이콘을 tap하여 해당 앨범의 첫번째 화면으로 이동한다.
+
{{#Widget:Vimeo|id=94762383|width=399|height=533}}
+
 
+
=== iOS_Sunrise Calendar ===
+
 
* 화면의 왼쪽 아래 버튼을 tap하면, 화면의 처음 기준점인 오늘 날짜의 위치로 scroll된다.
 
* 화면의 왼쪽 아래 버튼을 tap하면, 화면의 처음 기준점인 오늘 날짜의 위치로 scroll된다.
 
* 화면의 움직임에 따라 버튼이 조금씩 회전하여 현재 위치를 시각적으로 알려준다.
 
* 화면의 움직임에 따라 버튼이 조금씩 회전하여 현재 위치를 시각적으로 알려준다.
 
{{#Widget:Vimeo|id=96817069|width=300|height=533}}
 
{{#Widget:Vimeo|id=96817069|width=300|height=533}}
 +
 +
----
 +
=== iOS_Snapfish ===
 +
* 상단에 위치한 아이콘을 tap하여 해당 앨범의 첫번째 화면으로 이동한다.
 +
{{#Widget:Vimeo|id=94762383|width=399|height=533}}
  
 
=== iOS_Naver ===
 
=== iOS_Naver ===

Revision as of 15:07, 10 July 2014

Move first는 첫 화면 혹은 화면의 처음 상태로 돌아가는 인터랙션 패턴이다. 버튼을 tap해서 처음으로 돌아가는 방식이다.

처음으로 가는 버튼이 항상 화면에 있는 방식과 처음 위치를 벗어나면 버튼이 나타나는 방식으로 나누어 볼 수 있다.

With this pattern, we can solve...

화면 내의 이동이나 움직임이 심한 상황에서, 기준이 되는 지점으로 간단히 돌아갈 수 있는 패턴이 필요하다. Move first는 화면 내용에는 변화가 없기에, 굳이 새로고침을 하지 않고도 처음 상태로 정확히 되돌아갈 수 있게 한다.

Example : iOS_Sunrise Calendar

  • 화면의 왼쪽 아래 버튼을 tap하면, 화면의 처음 기준점인 오늘 날짜의 위치로 scroll된다.
  • 화면의 움직임에 따라 버튼이 조금씩 회전하여 현재 위치를 시각적으로 알려준다.


iOS_Snapfish

  • 상단에 위치한 아이콘을 tap하여 해당 앨범의 첫번째 화면으로 이동한다.

iOS_Naver

  • 하단의 top버튼을 tap하면 화면의 처음 상태인 맨 위쪽으로 이동한다.