From Design pattern
Jump to: navigation, search
Line 6: Line 6:
 
* 긴 프로세스를 거치고 싶지 않는 사용자를 위해 본 단계를 건너뛰고 바로 홈 화면으로 진입할 수 있는 경로를 선택하게 한다.
 
* 긴 프로세스를 거치고 싶지 않는 사용자를 위해 본 단계를 건너뛰고 바로 홈 화면으로 진입할 수 있는 경로를 선택하게 한다.
  
=== Example: With indicator ===
+
=== Example: iOS_Duolingo ====
====iOS_Duolingo ====
+
 
{{#Widget:Vimeo|id=96665364|width=300|height=533}}
 
{{#Widget:Vimeo|id=96665364|width=300|height=533}}
 
 
----
 
----
==Walkthroughs==
 
  
=== iOS_IFTTT ===
+
===With indicator===
 +
==== iOS_IFTTT ====
 
{{#Widget:Vimeo|id=93045296|width=300|height=400}}
 
{{#Widget:Vimeo|id=93045296|width=300|height=400}}
  
=== Android_Noom ===
+
==== Android_Noom ====
 
{{#Widget:Vimeo|id=96421022|width=300|height=542}}
 
{{#Widget:Vimeo|id=96421022|width=300|height=542}}
  
=== iOS_Knob lab===
+
==== iOS_Knob lab====
 
{{#Widget:Vimeo|id=96601011|width=300|height=533}}
 
{{#Widget:Vimeo|id=96601011|width=300|height=533}}
  
== Button ==
+
=== Button ===
=== iOS_Replay===
+
==== iOS_Replay====
 
{{#Widget:Vimeo|id=96445107|width=300|height=533}}
 
{{#Widget:Vimeo|id=96445107|width=300|height=533}}
  
=== iOS_Pocket ===
+
==== iOS_Pocket ====
 
{{#Widget:Vimeo|id=96444833|width=300|height=533}}
 
{{#Widget:Vimeo|id=96444833|width=300|height=533}}
 
{{#Widget:Vimeo|id=96445063|width=300|height=533}}
 
{{#Widget:Vimeo|id=96445063|width=300|height=533}}

Revision as of 16:29, 24 June 2014

Workthroughs는 앱을 실행하기에 앞서 사용자에게 앱 전반적인 설명이나 도움말을 제공하는 패턴이다.

With this pattern, we can solve...

  • Wizard와 같이 앱 초기 진입 시 몇 단계로 걸쳐 상세한 도움말을 제공한다.
  • Coach mark와는 다르게, 앱 실행과 함께 도움말을 보여주는 것이 아닌 일정 도움말 프로세스를 거쳐 실행화면으로 들어갈 수 있다.
  • 긴 프로세스를 거치고 싶지 않는 사용자를 위해 본 단계를 건너뛰고 바로 홈 화면으로 진입할 수 있는 경로를 선택하게 한다.

Example: iOS_Duolingo =


With indicator

iOS_IFTTT

Android_Noom

iOS_Knob lab

Button

iOS_Replay

iOS_Pocket