From Design pattern
Jump to: navigation, search
(→‎What Problem Does This Solve?)
(→‎Example)
 
(37 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
Change view into variety mode의 경우, 데이터를 다양한 방식으로 전환하여 보여주고자 할때 사용하는 패턴으로 여러가지 종류의 데이터를 시각화 하거나 음성데이터 그리고 색상 등으로 변환하여 보여준다.
+
Change view into variety mode는 데이터를 다양한 방식으로 전환하여 보여주고자 할때 사용하는 패턴으로 여러가지 종류의 데이터를 시각화하거나 음성데이터, 색상 등으로 변환하여 보여준다.
  
−
데이터의 형태가 정량적인 데이터의 경우 자동적으로 그래프나 비율 등으로 변환하여 보여주며, Continuous 데이터의 경우 시간의 흐름에 따른 데이타의 변화 등을 표시해 준다. 또한 청각/시각 장애인을 위해 데이터를 수화나 음성데이터로 변환하여 보여주기도 한다.
+
정량적인 데이터의 형태를 가지고 있을 경우 주로 자동으로 그래프나 비율 등으로 변환하여 보여주며, Continuous한 데이터의 형태를 가지고 있을 경우 시간의 흐름에 따른 데이타의 변화 등을 표시해 준다. 청각/시각 장애인을 위한 데이터의 수화 및 음성데이터의 변화 또한 Change view into variety mode에 해당한다.
  
−
=== What Problem Does This Solve? ===
+
=== With this pattern, we can solve... ===
−
* 데이터를 좀 더 이해하기 쉬운 형태로 변환하여 보여줄 때 사용된다.
+
생산성 앱과 같이 사용자에게 특별한 기능을 제공하는 앱의 경우, 데이터를 사용자가 쉽게 이해, 분석, 해석하거나 다른 관점으로 볼 수 있게 하기 위해 다른 형태로 변환하여 보여주기 위한 패턴이 필요하다. Change view into variety mode는 각각의 기능에 맞게 사용자가 입력한 데이터나 혹은 앱이 제공하고자 하는 데이터를 변환하거나 가공하여 보여주는 기능을 말한다.
  
−
* 필터값을 조절하여 데이터를 변환하는 것은 이에 해당하지 않는다.
+
* 그래프나 비율 등으로 정보를 가공하여 보여준다.
 +
* 수화, 음성데이터의 문자화 등 데이터의 형식을 변화하여 제공한다.
 +
* 필터값에 따라 동일한 데이터를 다른 방식으로 정렬하거나, 데이터가 텍스트에서 아이콘으로 변하는 등의 단순한 정보 표현방식의 변화는 해당하지 않는다. 단순한 조작을 통해 데이터가 다차원으로 변환되는 것에 한한다.
  
−
== graph ==
+
=== Example : iOS_STEP ===
 +
[[File:Change view into variety mode.jpeg]]
  
−
=== 587번 사례 ===
+
----
−
* 음원의 특정 시간대를 조절하여 들을 수 있도록, 음원의 소리파형을 보여준다.
+
−
<videoflash type="vimeo">94762166|300|405</videoflash>
+
  
−
=== 18번 사례 ===
+
== Change view into graph mode ==
−
* 대시보드에 표시된 기록들을 쉽게 인식할 수 있도록 시각화된 인포그래픽스로 확인한다.
+
−
<videoflash type="vimeo">93372312|300|405</videoflash>
+
  
−
=== 344번 사례 ===
+
=== iOS_STEP ===
−
* 기기를 착용한 상태로 수면 시, 사람의 움직임을 기기가 감지하여 수면 정보(깊은잠, 얕은잠)를 기록하여 그래프로 나타낸다.
+
* 기록할 때 남겼던 아이콘 형태의 tag에 대한 통계를 그래프로 보여준다.
−
* 단, 아래 영상의 5분 30초~6분 9초에 해당한다.
+
{{#Widget:Vimeo|id=93372312|width=395|height=527}}
−
<videoflash>g3Vt-dfy9kA|665|374</videoflash>
+
  
−
=== 502번 사례 ===
+
=== iOS_moneyDIET ===
−
* 정보를 쉽게 해석할 수 있도록 입력한 내용이 자동으로 그래프 형태로 변환하여 보여준다.
+
* 용도에 따라 나눠 기록했던 금전 정보에 대한 통계를 그래프로 보여준다.
−
<videoflash type="vimeo">93374932|533|395</videoflash>
+
{{#Widget:Vimeo|id=93374932|width=533|height=395}}
  
 +
=== Jawbone UP Fitness Band ===
 +
* 기기를 착용한 상태로 수면할 때, 사람의 움직임을 기기가 감지하여 수면 정보(깊은잠, 얕은잠)를 기록하여 그래프로 나타낸다.
 +
* #05:30-#06:09
 +
{{#Widget:Youtube|id=g3Vt-dfy9kA|width=665|height=374}}
  
−
== Etc ==
+
=== iOS_Superb Player ===
−
=== 275번 사례 ===
+
* 재생중인 음원을 음파의 형태로 실시간으로 보여주며, 이 음파를 통해 음원의 재생을 조작할 수 있다.
−
* 청각 장애인과의 수화를 하기 위하여 단어를 수화로 번역하여 보여준다.
+
{{#Widget:Vimeo|id=94762166|width=395|height=527}}
−
<videoflash type="vimeo">93361936|300|455</videoflash>
+
  
−
=== 72번 사례 ===
+
----
−
* 정보를 문자로 전달 또는 음성 그 자체로 전달하기 전, 확인을 위해 보여준다.
+
−
* 단, 동영상은 1분 5초~ 1분 36초 사이를 보세요.
+
−
<videoflash>pRdsoh2W1yA|665|499</videoflash>
+
  
−
=== 336번 사례 ===
+
== Change view into language conversion mode ==
 +
 
 +
=== iOS_Offline Magazine ===
 
* 버튼을 눌러 읽던 책을 소리로 듣는 기능을 작동시킨다.  
 
* 버튼을 눌러 읽던 책을 소리로 듣는 기능을 작동시킨다.  
−
<videoflash type="vimeo">96193178|300|500</videoflash>
+
{{#Widget:Vimeo|id=96193178|width=300|height=533}}
 +
 
 +
=== iOS_Vlingo ===
 +
* 정보를 문자로 전달 또는 음성 그 자체로 전달하기 전에 확인을 위해 보여준다.
 +
* #01:05-#01:36
 +
{{#Widget:Youtube|id=pRdsoh2W1yA|width=665|height=499}}
 +
 
 +
=== Android_Arab Deaf Sign Interpreter ===
 +
* 청각 장애인과의 수화를 하기 위하여 단어를 수화로 번역하여 보여준다.
 +
{{#Widget:Vimeo|id=93361936|width=300|height=480}}
  
−
=== 337번 사례 ===
+
=== iOS_Codecademy ===
 
* 코드를 완성해보고 작동을 눌러 실행된 결과를 보여준다.
 
* 코드를 완성해보고 작동을 눌러 실행된 결과를 보여준다.
−
<videoflash type="vimeo">96193131|300|500</videoflash>
+
{{#Widget:Vimeo|id=96193131|width=300|height=533}}
  
  
  
 
[[Category:Change data view]]
 
[[Category:Change data view]]

Latest revision as of 17:10, 29 July 2014

Change view into variety mode는 데이터를 다양한 방식으로 전환하여 보여주고자 할때 사용하는 패턴으로 여러가지 종류의 데이터를 시각화하거나 음성데이터, 색상 등으로 변환하여 보여준다.

정량적인 데이터의 형태를 가지고 있을 경우 주로 자동으로 그래프나 비율 등으로 변환하여 보여주며, Continuous한 데이터의 형태를 가지고 있을 경우 시간의 흐름에 따른 데이타의 변화 등을 표시해 준다. 청각/시각 장애인을 위한 데이터의 수화 및 음성데이터의 변화 또한 Change view into variety mode에 해당한다.

With this pattern, we can solve...

생산성 앱과 같이 사용자에게 특별한 기능을 제공하는 앱의 경우, 데이터를 사용자가 쉽게 이해, 분석, 해석하거나 다른 관점으로 볼 수 있게 하기 위해 다른 형태로 변환하여 보여주기 위한 패턴이 필요하다. Change view into variety mode는 각각의 기능에 맞게 사용자가 입력한 데이터나 혹은 앱이 제공하고자 하는 데이터를 변환하거나 가공하여 보여주는 기능을 말한다.

  • 그래프나 비율 등으로 정보를 가공하여 보여준다.
  • 수화, 음성데이터의 문자화 등 데이터의 형식을 변화하여 제공한다.
  • 필터값에 따라 동일한 데이터를 다른 방식으로 정렬하거나, 데이터가 텍스트에서 아이콘으로 변하는 등의 단순한 정보 표현방식의 변화는 해당하지 않는다. 단순한 조작을 통해 데이터가 다차원으로 변환되는 것에 한한다.

Example : iOS_STEP

Change view into variety mode.jpeg

Change view into graph mode

iOS_STEP

  • 기록할 때 남겼던 아이콘 형태의 tag에 대한 통계를 그래프로 보여준다.

iOS_moneyDIET

  • 용도에 따라 나눠 기록했던 금전 정보에 대한 통계를 그래프로 보여준다.

Jawbone UP Fitness Band

  • 기기를 착용한 상태로 수면할 때, 사람의 움직임을 기기가 감지하여 수면 정보(깊은잠, 얕은잠)를 기록하여 그래프로 나타낸다.
  • #05:30-#06:09

""

iOS_Superb Player

  • 재생중인 음원을 음파의 형태로 실시간으로 보여주며, 이 음파를 통해 음원의 재생을 조작할 수 있다.

Change view into language conversion mode

iOS_Offline Magazine

  • 버튼을 눌러 읽던 책을 소리로 듣는 기능을 작동시킨다.

iOS_Vlingo

  • 정보를 문자로 전달 또는 음성 그 자체로 전달하기 전에 확인을 위해 보여준다.
  • #01:05-#01:36

""

Android_Arab Deaf Sign Interpreter

  • 청각 장애인과의 수화를 하기 위하여 단어를 수화로 번역하여 보여준다.

iOS_Codecademy

  • 코드를 완성해보고 작동을 눌러 실행된 결과를 보여준다.

Retrieved from "http://www.ixpatterns.com/index.php?title=Change_view_into_variety_mode&oldid=109387"