From Design pattern
Jump to: navigation, search
Line 1: Line 1:
Timeline은 컨텐츠 내에서 특정한 위치로 이동하거나, 현재위치를 파악하는데 사용 하는 패턴이다. 주로 시간적 흐름을 가진 컨텐츠 안에서 특정한 시간대로 이동 및 현재위치를 파악할 때 사용된다.
+
Timeline은 컨텐츠 내에서 특정한 위치로 이동하거나, 현재위치를 파악하는데 사용하는 인터랙션 패턴이다. 주로 시간적 흐름을 가진 멀티미디어 컨텐츠 안에서 특정한 시간대로 이동 및 현재위치를 파악할 때 사용된다. 주로 [[Slide bar]]의 형태로 되어있다.
 
+
Timeline을 표시 방식에 따라 구분이 가능한데, 주로 slide bar 방식과 chronicle 방식이 사용된다.
+
  
 
=== With this pattern, we can solve... ===
 
=== With this pattern, we can solve... ===
Line 7: Line 5:
  
 
* Timeline은 line의 길이와 조절점의 위치를 통해서 시간의 흐름을 알 수 있도록 한다.
 
* Timeline은 line의 길이와 조절점의 위치를 통해서 시간의 흐름을 알 수 있도록 한다.
 +
* SNS에서 지칭하는 Timeline이나 연대기와 같이 시간 순서에 따라 목록을 제공하는 패턴은 본 패턴과 구분하기 위하여 [[Chronological Timeline]]으로 분류하였다.
  
 
=== Example : iOS_Ubersense Coach ===
 
=== Example : iOS_Ubersense Coach ===
 
{{#Widget:Vimeo|id=93373411|width=300|height=400}}
 
{{#Widget:Vimeo|id=93373411|width=300|height=400}}
 
----
 
----
 
+
<!--  
== Slide bar ==
+
아래와 같은 사례여서 제외. 추후 삭제 예정
<!--
+
 
=== Android_LG G Pro 2 버스트샷 ===
 
=== Android_LG G Pro 2 버스트샷 ===
 
* #00:10-#00:27
 
* #00:10-#00:27

Revision as of 16:54, 29 June 2014

Timeline은 컨텐츠 내에서 특정한 위치로 이동하거나, 현재위치를 파악하는데 사용하는 인터랙션 패턴이다. 주로 시간적 흐름을 가진 멀티미디어 컨텐츠 안에서 특정한 시간대로 이동 및 현재위치를 파악할 때 사용된다. 주로 Slide bar의 형태로 되어있다.

With this pattern, we can solve...

시간적 흐름을 가지고 있는 컨텐츠를 효과적으로 보기 위한 패턴이 필요하다. Timeline은 시간적 흐름을 가진 컨텐츠를 직관적이며 간편하게 둘러 볼 수 있는 기능을 제공한다.

  • Timeline은 line의 길이와 조절점의 위치를 통해서 시간의 흐름을 알 수 있도록 한다.
  • SNS에서 지칭하는 Timeline이나 연대기와 같이 시간 순서에 따라 목록을 제공하는 패턴은 본 패턴과 구분하기 위하여 Chronological Timeline으로 분류하였다.

Example : iOS_Ubersense Coach


Android_LG G Pro 2 버스트샷

  • #01:13-#01:40

""

Wang Theatre Touch Screen Information Kiosk

  • #00:50-#00:58