From Design pattern
Jump to: navigation, search
(With this pattern, we can solve...)
Line 6: Line 6:
 
* 긴 프로세스를 거치고 싶지 않는 사용자를 위해 본 단계를 건너뛰고 바로 홈 화면으로 진입할 수 있는 경로를 선택하게 한다.
 
* 긴 프로세스를 거치고 싶지 않는 사용자를 위해 본 단계를 건너뛰고 바로 홈 화면으로 진입할 수 있는 경로를 선택하게 한다.
  
==Walkthroughs==
+
=== Example: With indicator ===
 
+
=== With indicator ===
+
 
====iOS_Duolingo ====
 
====iOS_Duolingo ====
 
{{#Widget:Vimeo|id=96665364|width=300|height=533}}
 
{{#Widget:Vimeo|id=96665364|width=300|height=533}}
  
==== iOS_IFTTT ====
+
----
 +
==Walkthroughs==
 +
 
 +
=== 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:28, 24 June 2014

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

With this pattern, we can solve...

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

Example: With indicator

iOS_Duolingo


Walkthroughs

iOS_IFTTT

Android_Noom

iOS_Knob lab

Button

iOS_Replay

iOS_Pocket