From Design pattern
Jump to: navigation, search
Line 1: Line 1:
Segmented control은 can be used when you want to help the user find particular data without changing the current view. It works as a filter on a set of data.
+
Segmented control은 데이터를 분류할 수 있는 여러 분류 기준들이 나열되어 있어서, 이 중 선택한 기준에 따라 데이터를 필터링하여 볼 수 있는 인터랙션 패턴이다. Segmented control의 한 분류 요소를 tap하여 선택하면, 그 버튼 부분이 highlight 되면서 그에 대응하는 데이터 목록이 제공된다.  
 
+
You can also consider using a mode selector for dividing content into sections, but here by selecting a different section, the content is loaded.
+
If the control doesn't work on the same set of data, you could consider using a tab bar. When content covers a certain item, but has to be divided into different subjects, you should use module tabs.
+
  
 
=== With this pattern, we can solve... ===
 
=== With this pattern, we can solve... ===
Line 10: Line 7:
 
* 내용을 적어 넣으시오
 
* 내용을 적어 넣으시오
  
----
+
=== Example: Android_T store ===
== Segmented control ==
+
{{#Widget:Vimeo|id=93208561|width=300|height=528}}
  
== Navigation ==
+
=== Android_Google play store ===
  
=== Android_Google play store (552) ===
+
* 판매중인 전체 앱 목록 중 일부를 여러 필터링 조건에 따라 그룹핑하여 보여준다. <!--(choi)   
 
+
* 판매중인 전체 앱 목록 중 일부를 여러 필터링 조건에 따라 그룹핑하여 보여준다. (choi)   
+
 
Segmented control 은 android patterns에는 있지만 현재 우리 분류체계에는 없는 듯.  현재의 우리 분류체계에서는 navigation > move in same level > tabs 에 이와 유사한 사례가 있어요
 
Segmented control 은 android patterns에는 있지만 현재 우리 분류체계에는 없는 듯.  현재의 우리 분류체계에서는 navigation > move in same level > tabs 에 이와 유사한 사례가 있어요
 
  Segmented control을 tabs와 함께 묶어서는 안될 것 같고, 474번을 빼내서 552, 553과 함께 navigation > move in same level >  Segmented control 을 생성해야 할 것 같습니다. (choi)   
 
  Segmented control을 tabs와 함께 묶어서는 안될 것 같고, 474번을 빼내서 552, 553과 함께 navigation > move in same level >  Segmented control 을 생성해야 할 것 같습니다. (choi)   
  
 
단, 474는 552와 같은 앱 스토어 아닌가요? 553도 앱 스토어 사례이고... 다른 컨텐츠 타입의 사례가 더 필요합니다. android patterns의 Segmented control 에 있는 사례들을 참고하세요. (choi)   
 
단, 474는 552와 같은 앱 스토어 아닌가요? 553도 앱 스토어 사례이고... 다른 컨텐츠 타입의 사례가 더 필요합니다. android patterns의 Segmented control 에 있는 사례들을 참고하세요. (choi)   
*네 동일한 사례이며 보다 좋은 영상안 것을 선택하여 474번은 tabs에서 삭제하였습니다.
+
*네 동일한 사례이며 보다 좋은 영상안 것을 선택하여 474번은 tabs에서 삭제하였습니다.-->
 
+
 
{{#Widget:Vimeo|id=93208560|width=300|height=528}}
 
{{#Widget:Vimeo|id=93208560|width=300|height=528}}
  
=== Android_T store (553) ===
 
* 판매중인 전체 앱 목록 중 일부를 여러 필터링 조건에 따라 그룹핑하여 보여준다. (choi)
 
{{#Widget:Vimeo|id=93208561|width=300|height=528}}
 
  
  
 
[[Category:Move in same level]]
 
[[Category:Move in same level]]

Revision as of 15:45, 29 June 2014

Segmented control은 데이터를 분류할 수 있는 여러 분류 기준들이 나열되어 있어서, 이 중 선택한 기준에 따라 데이터를 필터링하여 볼 수 있는 인터랙션 패턴이다. Segmented control의 한 분류 요소를 tap하여 선택하면, 그 버튼 부분이 highlight 되면서 그에 대응하는 데이터 목록이 제공된다.

With this pattern, we can solve...

내용을 적어 넣으시오

  • 내용을 적어 넣으시오
  • 내용을 적어 넣으시오

Example: Android_T store

Android_Google play store

  • 판매중인 전체 앱 목록 중 일부를 여러 필터링 조건에 따라 그룹핑하여 보여준다.