From Design pattern
Jump to: navigation, search
Line 10: Line 10:
 
----
 
----
  
===With indicator===
 
 
==== iOS_IFTTT ====
 
==== iOS_IFTTT ====
 
{{#Widget:Vimeo|id=93045296|width=300|height=400}}
 
{{#Widget:Vimeo|id=93045296|width=300|height=400}}
Line 24: Line 23:
 
{{#Widget:Vimeo|id=96445107|width=300|height=533}}
 
{{#Widget:Vimeo|id=96445107|width=300|height=533}}
  
==== iOS_Pocket ====
+
===iOS_ OfficeMobile ===
{{#Widget:Vimeo|id=96444833|width=300|height=533}}
+
{{#Widget:Vimeo|id=95770840|width=300|height=455}}
{{#Widget:Vimeo|id=96445063|width=300|height=533}}
+
 
 +
===iOS_  airbnb ===
 +
{{#Widget:Vimeo|id=95877686|width=300|height=455}}
 +
 
 +
===iOS_  Hangout ===
 +
{{#Widget:Vimeo|id=95877823|width=300|height=455}}
 +
 
 +
===iOS_ iPhone AskForTask 1 ===
 +
{{#Widget:Vimeo|id=95762138|width=300|height=455}}
 +
 
 +
===iOS_ Rove===
 +
{{#Widget:Vimeo|id=95877746|width=300|height=455}}
 +
 
 +
===iOS_ NikeplusRunning===
 +
{{#Widget:Vimeo|id=95770697|width=300|height=455}}
 +
 
 +
===iOS_ Sphere_1 ===
 +
{{#Widget:Vimeo|id=95779045|width=300|height=455}}
 +
 
 +
===iOS_Yummly_1 ===
 +
{{#Widget:Vimeo|id=95774142|width=300|height=455}}
 +
 
  
  
 
[[Category:Provide user guide]]
 
[[Category:Provide user guide]]

Revision as of 14:41, 2 July 2014

Walkthroughs는 앱을 실행하기에 앞서 사용자에게 앱 전반적인 설명이나 도움말을 제공하는 패턴이다.앱을 처음으로 실행할 때 자동으로 도움말을 나타내 준다. 앱 실행 시 자동으로 도움말이 나타나며 '다시 표시하지 않음' 혹은 '다음부터 열지 않기' 등의 체크박스를 통해 재실행하지 않도록 설정할 수 있다.

With this pattern, we can solve...

  • Window에서는 Wizard와 같이 앱 초기 진입 시 몇 단계로 걸쳐 상세한 도움말을 제공하지만 최근 Walkthroughs 형태와 같은 형태로 도움말을 제공한다.
  • Coach mark에서 앱 실행 시 blur 효과를 통해 앱 실행화면에 표시된 아이콘이나 메뉴버튼등에 대한 도움말을 제공하는 것이 아니라, 앱을 처음 사용할 때 설정해 놓은 "도움말" 페이지를 통해 앱 전반적인 도움말을 제공하며 도움말을 모두 읽은 후 실행화면으로 들어갈 수 있다.
  • 긴 프로세스를 거치고 싶지 않는 사용자를 위해 본 단계를 건너뛰고 바로 홈 화면으로 진입할 수 있는 경로를 선택하게 한다.

Example: iOS_Duolingo


iOS_IFTTT

Android_Noom

iOS_Knob lab

Button

iOS_Replay

iOS_ OfficeMobile

iOS_ airbnb

iOS_ Hangout

iOS_ iPhone AskForTask 1

iOS_ Rove

iOS_ NikeplusRunning

iOS_ Sphere_1

iOS_Yummly_1